@font-face{
	font-family:century;
	src:url(fonts/Century-Gothic.ttf) format("truetype");
}
@font-face{
	font-family:futura;
	src:url(fonts/Futura.ttf) format("truetype");
}

body{
	padding:0px;
	margin:0px;
	font-family:century;
	font-size:12px;
}

#bg{
	position:fixed;
	background-color:#000;
	width:100%;
	height:100%;
	z-index:9999;
	opacity:0.8;
	display:none;
}

/*Smartphone*/
@media only screen
and (max-width: 600px) {
	#view_img{
		position:absolute;
		display:block;
		left:50%;
		width:90%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		z-index:999999;
		background-color:#fff;
		padding:1%;
		padding-top:30px;
		display:none;
	}
	
	/*-- Header Top --*/
	#header-top{
		width:100%;
		height:90px;
		background:url(../images/bg-head.jpg) repeat-x;
		color:#ccc;
		padding-top:10px;
	}
	
	#header-top #box-header{
		width:100%;
		position:relative;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		text-align:center;
	}
	#header-top #box-header .logo{
		height:60px;
	}
	#header-top #box-header .telp{
		height:20px;
		margin-top:5px;
	}
	#header-top #box-header .button-call{
		display:none;
	}
	/*-- Header Top --*/
	
	
	/*-- Content --*/
	#content{
		width:100%;
		min-height:500px;
		background-color:#fff;
		background-image:url(../images/bg-body.jpg), url(../images/bg-gigi.png);
		background-repeat:repeat-x, no-repeat;
		background-position:0px 0px, 0px 200px;
		background-size:100% 200px, 100%;
	}
	
	#content #box-content{
		width:98%;
		min-height:600px;
		position:relative;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	
	#content #box-content .menu-web{
		display:none;
	}
	#content #box-content .menu-mobile{
		top:-45px;
		position:absolute;
		display:inline-block;
		width:100%;
		height:auto;
		z-index:99;
	}
	#content #box-content .menu-mobile .box-menu{
		width:45%;
		position:absolute;
		display:block;
		left:-59%;
	}
	#content #box-content .menu-mobile .box-menu .m-menu{
		font-family:century;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		padding:6% 12%;
		background-color:#98db3d;
		border-bottom:solid 1px #fff;
	}
	#content #box-content .menu-mobile .box-menu .m-menu:hover{
		background-color:#569006;
	}
	
	/*-- content-home --*/
	#content #box-content .box-slider{
		width:98%;
		height:194px;
		border:solid 3px #fff;
		box-shadow: 0 0 2px 0.5px #555;
		-webkit-box-shadow: 0 0 2px 1px #555;
		-moz-box-shadow: 0 0 2px 0.5px #555;
		-ms-box-shadow: 0 0 2px 0.5px #555;
		-o-box-shadow: 0 0 2px 0.5px #555;
		overflow:hidden;
	}
	#content #box-content .m-box-slider{
		display:none;
	}
	.flex{
		width:100%;
		height:194px;
	}
	
	#content #box-content .box-des{
		font-family:Arial;
		margin-top:30px;
	}
	#content #box-content .box-des .judul{
		font-family:century;
		font-size:24px;
	}
	.home-img{
		width:100%;
		margin-bottom:10px;
	}
	
	#content #box-content .box-des .box-h-left,
	#content #box-content .box-des .box-h-right{
		width:90%;
		margin-left:5%;
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-ms-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-o-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		background-color:#eee;
		font-family:century;
		height:335px;
		margin-bottom:20px;
	}
	#content #box-content .box-des .box-h-left .h-judul,
	#content #box-content .box-des .box-h-right .h-judul{	
		width:100%;
		text-align:center;
		color:#fff;
		font-size:18px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69cefa+0,31afe5+100 */
		background: #69cefa; /* Old browsers */
		background: -moz-linear-gradient(top,  #69cefa 0%, #31afe5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #69cefa 0%,#31afe5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #69cefa 0%,#31afe5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cefa', endColorstr='#31afe5',GradientType=0 ); /* IE6-9 */
		padding:5px 0px;
	}
	#content #box-content .box-des .box-h-left .h-body,
	#content #box-content .box-des .box-h-right .h-body{	
		padding:8px;
		text-align:justify;
		line-height:16px;
		font-size:14px;
	}
	
	/*-- content-umum --*/
	#content #box-content .box-content{
		position:relative;
		width:96%;
		background-color:#e1f9ff;
		min-height:600px;
		margin-top:20px;
		padding:2%;
	}
	#content #box-content .box-content .w-left,
	#content #box-content .box-content .m-left{
		width:100%;
		position:relative;
		display:block;
	}
	#content #box-content .box-content .w-left .left-box,
	#content #box-content .box-content .m-left .left-box{
		position:relative;
		display:inline-block;
		width:100%;
		min-height:100px;
		background-color:#fff;
		box-shadow: 0px 0px 2px 2px #ccc;
		-webkit-box-shadow: 0px 0px 2px 2px #ccc;
		-moz-box-shadow: 0px 0px 2px 2px #ccc;
		-ms-box-shadow: 0px 0px 2px 2px #ccc;
		-o-box-shadow: 0px 0px 2px 2px #ccc;
		margin-bottom:10px;
	}
	#content #box-content .box-content .w-left{
		display:none;
	}
	
	#content #box-content .box-content .mn-left,
	#content #box-content .box-content .mn-left-m{
		width:100%;
		position:relative;
		display:block;
	}
	#content #box-content .box-content .mn-left .box-mn-left{
		box-shadow: 1px 1px 2px 1px #ccc;
		-webkit-box-shadow: 1px 1px 2px 1px #ccc;
		-moz-box-shadow: 1px 1px 2px 1px #ccc;
		-ms-box-shadow: 1px 1px 2px 1px #ccc;
		-o-box-shadow: 1px 1px 2px 1px #ccc;
		margin-bottom:20px;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-judul{
		font-family:futura;
		font-size:22px;
		color:#fff;
		background-color:#97dc3c;
		padding:10px 20px;
		cursor:pointer;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-nm{
		font-family:Arial;
		font-size:14px;
		color:#555;
		background-color:#fff;
		padding:10px 20px;
		cursor:pointer;
		border-bottom:solid 1px #38b2e7;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-nm:hover,
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-aktif{
		font-family:Arial;
		font-size:14px;
		color:#ed1c24;
		background-color:#fff;
		padding:10px 20px;
		cursor:pointer;
		border-bottom:solid 1px #38b2e7;
	}
	
	#content #box-content .box-content .mn-left .box-left-contact-w,
	#content #box-content .box-content .w-left .box-left-contact,
	#content #box-content .box-content .m-left .box-left-contact,
	#content #box-content .box-content .mn-left-m .box-left-contact{
		background-color:#97dc3c;
		min-height:100px;
		margin-top:30px;
		box-shadow: 1px 1px 2px 1px #ccc;
		-webkit-box-shadow: 1px 1px 2px 1px #ccc;
		-moz-box-shadow: 1px 1px 2px 1px #ccc;
		-ms-box-shadow: 1px 1px 2px 1px #ccc;
		-o-box-shadow: 1px 1px 2px 1px #ccc;
		padding:30px;
	}
	#content #box-content .box-content .mn-left .box-left-contact-w{
		display:none;
	}
	.box-map{
		width:100%;
		height:220px;
	}
	.box-alamat{
		width:100%;
		height:auto;
		margin-top:30px;
	}
	
	#content #box-content .box-content .right{
		background-color:#fff;
		width:96%;
		padding:2%;
		position:relative;
		display:block;
		min-height:500px;
		margin-bottom:20px;
	}
	#content #box-content .box-content .right .box-banner-right{
		width:97.8%;
		border:solid 5px #ececec;
		border-radius:2px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-ms-border-radius:3px;
		-o-border-radius:3px;
		box-shadow: 0px 0px 2px 1px #ccc;
		-webkit-box-shadow: 0px 0px 2px 1px #ccc;
		-moz-box-shadow: 0px 0px 2px 1px #ccc;
		-ms-box-shadow: 0px 0px 2px 1px #ccc;
		-o-box-shadow: 0px 0px 2px 1px #ccc;
	}
	#content #box-content .box-content .right .box-judul-right{
		width:83%;
		height:50px;
		font-family:futura;
		margin-top:20px;
		font-size:24px;
		color:#29aae2;
		display:inline-block;
		position:relative;
		padding-left:18%;
		padding-top:5px;
	}
	#content #box-content .box-content .right .box-judul-right .icon{
		width:14%;
		position:absolute;
		left:0px;
		top:0px;
	}
	#content #box-content .box-content .right .box-isi-right{
		margin-top:30px;
		font-family:Arial;
		font-size:12px;
		color:#555;
	}
	
	#content #box-content .box-content .right .box-isi-right .ct-left{
		position:relative;
		display:block;
		float:left;
		font-size:14px;
		margin-right:2%;
		margin-bottom:30px;
	}
	#content #box-content .box-content .right .box-isi-right b:first-of-type{
		 font-size:20px;
	}
	#content #box-content .box-content .right .box-isi-right i{
		 font-size:16px;
	}
	#content #box-content .box-content .right .box-isi-right .ct-right{
		width:100%;
	}
	
	#content #box-content .box-content .right .box-isi-right .box-gallery{
		width:150px;
		height:150px;
		overflow:hidden;
		float:left;
		border:solid 3px #b4e9ff;
		margin:2px;
	}
	
	/*-- Out Team --*/
	.ot1-left{
		position:relative;
		display:block;
		width:98%;
	}
	.ot1-right{
		position:relative;
		display:block;
		width:98%;
		margin-top:10px;
	}
	.otn-left{
		position:relative;
		display:block;
		width:98%;
	}
	.otn-right{
		position:relative;
		display:block;
		width:98%;
		margin-top:20px;
	}
	
	/*-- Why Choose Us --*/
	.reason{
		height:20px;
		margin-bottom:5px;
		position:relative;
		left:-5px;
	}
	
	/*-- Preventive --*/
	.preventive{
		width:100%;
		margin-bottom:5px;
		position:relative;
	}
	.preventive-img{
		width:40%;
		float:right;
		margin-left:10px;
		border:solid 3px #ccc;
	}
	
	/*-- Content --*/
	
	
	/*-- Footer --*/
	#footer{
		width:100%;
		height:35px;
		background:url(../images/bg-footer.jpg) repeat-x;
		color:#fff;
		text-align:center;
		padding-top:10px;
		font-size:12px;
	}
	/*-- Footer --*/
	
	
	/*-- Other --*/
	.error{
		position:fixed;
		z-index:10;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #f5aca6;
		background:#ffecec url(../images/exclamation.png) no-repeat 10px 50%;
	}
	.sukses{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #a6ca8a;
		background:#e9ffd9 url(../images/accept.png) no-repeat 10px 50%;
	}
	.warning{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #f2c779;
		background:#fff8c4 url(../images/error.png) no-repeat;
		background-position:left 10px center;
	}
	.info{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #8ed9f6;
		background:#e3f7fc url(../images/information.png) no-repeat;
		background-position:left 10px center;
	}
	#respon{
		position:fixed;
		padding:30px;
		background-color:#fff;
		font-family:din;
		color:#555;
		font-size:14px;
		width:60%;
		left:50%;
		transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		z-index:99999;
		display:none;
	}
	/*-- Other --*/
}

/*Tablet / iPad / Laptop Portraid*/
@media only screen
and (min-width: 601px) {
	#view_img{
		position:absolute;
		display:block;
		left:50%;
		width:80%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		z-index:999999;
		background-color:#fff;
		padding:1%;
		padding-top:30px;
		display:none;
	}
	
	/*-- Header Top --*/
	#header-top{
		width:100%;
		height:90px;
		background:url(../images/bg-head.jpg) repeat-x;
		color:#ccc;
		padding-top:10px;
	}
	
	#header-top #box-header{
		width:100%;
		position:relative;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	#header-top #box-header .logo{
		height:80px;
		margin-left:50px;
	}
	#header-top #box-header .telp{
		position:absolute;
		top:0px;
		height:34px;
		right:50px;
	}
	#header-top #box-header .button-call{
		position:absolute;
		top:40px;
		height:30px;
		right:50px;
	}
	/*-- Header Top --*/
	
	
	/*-- Content --*/
	#content{
		width:100%;
		min-height:500px;
		background-color:#fff;
		background-image:url(../images/bg-body.jpg), url(../images/bg-gigi.png);
		background-repeat:repeat-x, no-repeat;
		background-position:0px 0px, 0px 350px;
		background-size:100% 350px, 90%;
	}
	
	#content #box-content{
		width:98%;
		min-height:600px;
		position:relative;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	
	#content #box-content .menu-web{
		height:40px;
		background:url(../images/bg-menu.jpg) repeat-x;
		background-size:1px 40px;
		width:100%;
		position:relative;
		display:inline-block;
		color:#fff;
		font-size:11px;
		font-weight:bold;
		font-family:futura;
	}
	#content #box-content .menu-web .menu{
		float:left;
		padding:1.46%;
		border-right:solid 2px #478108;
		cursor:pointer;
		text-align:center;
	}
	#content #box-content .menu-web .menu:hover, 
	#content #box-content .menu-web .menu-aktif{
		float:left;
		padding:1.46%;
		border-right:solid 2px #478108;
		cursor:pointer;
		text-align:center;
		background:url(../images/bg-menu-hover.jpg) repeat-x;
		background-size:1px 40px;
	}
	#content #box-content .menu-mobile{
		display:none;
	}
	
	
	/*-- content-home --*/
	#content #box-content .box-slider{
		width:99%;
		height:304px;
		border:solid 3px #fff;
		box-shadow: 0 0 2px 0.5px #555;
		-webkit-box-shadow: 0 0 2px 1px #555;
		-moz-box-shadow: 0 0 2px 0.5px #555;
		-ms-box-shadow: 0 0 2px 0.5px #555;
		-o-box-shadow: 0 0 2px 0.5px #555;
		overflow:hidden;
	}
	#content #box-content .m-box-slider{
		display:none;
	}
	.flex{
		width:100%;
		height:304px;
	}
	
	#content #box-content .box-des{
		font-family:Arial;
		line-height:25px;
		margin-top:30px;
	}
	#content #box-content .box-des .judul{
		font-family:century;
		line-height:45px;
		font-size:36px;
	}
	.home-img{
		float:right;
		margin-left:10px;
		width:50%;
	}
	
	#content #box-content .box-des .box-h-left{
		width:35%;
		float:left;
		margin-left:10%;
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-ms-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-o-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		background-color:#eee;
		font-family:century;
		height:335px;
	}
	#content #box-content .box-des .box-h-left .h-judul{
		width:100%;
		text-align:center;
		color:#fff;
		font-size:18px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69cefa+0,31afe5+100 */
		background: #69cefa; /* Old browsers */
		background: -moz-linear-gradient(top,  #69cefa 0%, #31afe5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #69cefa 0%,#31afe5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #69cefa 0%,#31afe5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cefa', endColorstr='#31afe5',GradientType=0 ); /* IE6-9 */
		padding:5px 0px;
	}
	#content #box-content .box-des .box-h-left .h-body{
		padding:8px;
		text-align:justify;
		line-height:16px;
		font-size:14px;
	}
	#content #box-content .box-des .box-h-right{
		width:35%;
		float:right;
		margin-right:10%;
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-ms-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-o-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		background-color:#eee;
		font-family:century;
		height:335px;
	}
	#content #box-content .box-des .box-h-right .h-judul{
		width:100%;
		text-align:center;
		color:#fff;
		font-size:18px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69cefa+0,31afe5+100 */
		background: #69cefa; /* Old browsers */
		background: -moz-linear-gradient(top,  #69cefa 0%, #31afe5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #69cefa 0%,#31afe5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #69cefa 0%,#31afe5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cefa', endColorstr='#31afe5',GradientType=0 ); /* IE6-9 */
		padding:5px 0px;
	}
	#content #box-content .box-des .box-h-right .h-body{
		padding:8px;
		text-align:justify;
		line-height:16px;
		font-size:14px;
	}
	
	
	/*-- content-umum --*/
	#content #box-content .box-content{
		width:100%;
		background-color:#e1f9ff;
		min-height:600px;
		margin-top:30px;
		display:inline-block;
		position:relative;
	}
	#content #box-content .box-content .w-left,
	#content #box-content .box-content .m-left{
		width:25%;
		min-height:250px;
		position:relative;
		display:block;
		margin-right:25px;
		float:left;
	}
	#content #box-content .box-content .w-left .left-box,
	#content #box-content .box-content .m-left .left-box{
		position:relative;
		display:inline-block;
		width:100%;
		min-height:200px;
		background-color:#fff;
		box-shadow: 1px 1px 2px 2px #ccc;
		-webkit-box-shadow: 1px 1px 2px 2px #ccc;
		-moz-box-shadow: 1px 1px 2px 2px #ccc;
		-ms-box-shadow: 1px 1px 2px 2px #ccc;
		-o-box-shadow: 1px 1px 2px 2px #ccc;
		margin-bottom:20px;
	}
	#content #box-content .box-content .m-left{
		display:none;
	}
	
	#content #box-content .box-content .mn-left,
	#content #box-content .box-content .mn-left-m{
		width:25%;
		min-height:250px;
		position:relative;
		display:block;
		margin-right:25px;
		float:left;
	}
	#content #box-content .box-content .mn-left-m{
		display:none;
	}
	#content #box-content .box-content .mn-left .box-mn-left{
		box-shadow: 1px 1px 2px 1px #ccc;
		-webkit-box-shadow: 1px 1px 2px 1px #ccc;
		-moz-box-shadow: 1px 1px 2px 1px #ccc;
		-ms-box-shadow: 1px 1px 2px 1px #ccc;
		-o-box-shadow: 1px 1px 2px 1px #ccc;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-judul{
		font-family:futura;
		font-size:22px;
		color:#fff;
		background-color:#97dc3c;
		padding:10px 20px;
		cursor:pointer;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-nm{
		font-family:Arial;
		font-size:14px;
		color:#555;
		background-color:#fff;
		padding:10px 20px;
		cursor:pointer;
		border-bottom:solid 1px #38b2e7;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-nm:hover,
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-aktif{
		font-family:Arial;
		font-size:14px;
		color:#ed1c24;
		background-color:#fff;
		padding:10px 20px;
		cursor:pointer;
		border-bottom:solid 1px #38b2e7;
	}
	
	#content #box-content .box-content .mn-left .box-left-contact-w,
	#content #box-content .box-content .w-left .box-left-contact,
	#content #box-content .box-content .m-left .box-left-contact,
	#content #box-content .box-content .mn-left-m .box-left-contact{
		background-color:#97dc3c;
		min-height:100px;
		margin-top:30px;
		box-shadow: 1px 1px 2px 1px #ccc;
		-webkit-box-shadow: 1px 1px 2px 1px #ccc;
		-moz-box-shadow: 1px 1px 2px 1px #ccc;
		-ms-box-shadow: 1px 1px 2px 1px #ccc;
		-o-box-shadow: 1px 1px 2px 1px #ccc;
		padding:20px;
	}
	.box-map{
		width:100%;
		height:200px;
	}
	.box-alamat{
		width:100%;
		height:auto;
		margin-top:30px;
	}
	
	#content #box-content .box-content .right{
		background-color:#fff;
		width:68%;
		padding:2%;
		position:relative;
		display:block;
		min-height:500px;
		margin-left:27%;
		margin-bottom:30px;
	}
	#content #box-content .box-content .right .box-banner-right{
		width:99%;
		border:solid 3px #ececec;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-ms-border-radius:3px;
		-o-border-radius:3px;
		box-shadow: 0px 0px 2px 1px #ccc;
		-webkit-box-shadow: 0px 0px 2px 1px #ccc;
		-moz-box-shadow: 0px 0px 2px 1px #ccc;
		-ms-box-shadow: 0px 0px 2px 1px #ccc;
		-o-box-shadow: 0px 0px 2px 1px #ccc;
	}
	#content #box-content .box-content .right .box-judul-right{
		width:85%;
		height:50px;
		font-family:futura;
		margin-top:20px;
		font-size:36px;
		color:#29aae2;
		display:inline-block;
		position:relative;
		padding-left:12%;
		padding-top:5px;
	}
	#content #box-content .box-content .right .box-judul-right .icon{
		width:11%;
		position:absolute;
		left:0px;
		top:0px;
	}
	#content #box-content .box-content .right .box-isi-right{
		margin-top:30px;
		font-family:Arial;
		font-size:12px;
		color:#555;
	}
	
	#content #box-content .box-content .right .box-isi-right .ct-left{
		position:relative;
		display:block;
		width:60%;
		float:left;
		font-size:14px;
		margin-right:2%;
	}
	#content #box-content .box-content .right .box-isi-right b:first-of-type{
		 font-size:20px;
	}
	#content #box-content .box-content .right .box-isi-right i{
		 font-size:16px;
	}
	#content #box-content .box-content .right .box-isi-right .ct-right{
		width:35%;
		float:right;
	}
	
	#content #box-content .box-content .right .box-isi-right .box-gallery{
		width:160px;
		height:160px;
		overflow:hidden;
		float:left;
		border:solid 3px #b4e9ff;
		margin:2px;
	}
	
	/*-- Out Team --*/
	.ot1-left{
		position:relative;
		display:block;
		width:60%;
		float:left;
	}
	.ot1-right{
		position:relative;
		display:block;
		width:35%;
		margin-left:64%;
	}
	.otn-left{
		position:relative;
		display:block;
		width:48%;
		float:left;
	}
	.otn-right{
		position:relative;
		display:block;
		width:48%;
		margin-left:52%;
	}
	
	/*-- Why Choose Us --*/
	.reason{
		height:28px;
		margin-bottom:5px;
		position:relative;
		left:-10px;
	}
	
	/*-- Preventive --*/
	.preventive{
		height:30px;
		margin-bottom:5px;
		position:relative;
		left:-10px;
	}
	.preventive-img{
		width:150px;
		float:right;
		margin-left:10px;
		border:solid 3px #ccc;
	}
	
	/*-- Content --*/
	
	
	/*-- Footer --*/
	#footer{
		width:100%;
		height:35px;
		background:url(../images/bg-footer.jpg) repeat-x;
		color:#fff;
		text-align:center;
		padding-top:10px;
		font-size:14px;
	}
	/*-- Footer --*/
	
	
	/*-- Other --*/
	.error{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #f5aca6;
		background:#ffecec url(../images/exclamation.png) no-repeat 10px 50%;
	}
	.sukses{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #a6ca8a;
		background:#e9ffd9 url(../images/accept.png) no-repeat 10px 50%;
	}
	.warning{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #f2c779;
		background:#fff8c4 url(../images/error.png) no-repeat;
		background-position:left 10px center;
	}
	.info{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #8ed9f6;
		background:#e3f7fc url(../images/information.png) no-repeat;
		background-position:left 10px center;
	}
	#respon{
		position:fixed;
		padding:30px;
		background-color:#fff;
		font-family:din;
		color:#555;
		font-size:14px;
		left:50%;
		transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		z-index:99999;
		display:none;
	}
	/*-- Other --*/
}

/*Tablet / iPad / Laptop Landscape*/
@media only screen
and (min-width: 1024px) {
	#view_img{
		position:absolute;
		display:block;
		left:50%;
		width:70%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		z-index:999999;
		background-color:#fff;
		padding:1%;
		padding-top:30px;
		display:none;
	}
	
	/*-- Header Top --*/
	#header-top{
		width:100%;
		height:90px;
		background:url(../images/bg-head.jpg) repeat-x;
		color:#ccc;
		padding-top:10px;
	}
	
	#header-top #box-header{
		width:1000px;
		position:relative;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	#header-top #box-header .logo{
		height:80px;
		margin-left:100px;
	}
	#header-top #box-header .telp{
		position:absolute;
		top:0px;
		height:34px;
		right:100px;
	}
	#header-top #box-header .button-call{
		position:absolute;
		top:40px;
		height:30px;
		right:100px;
	}
	/*-- Header Top --*/
	
	
	/*-- Content --*/
	#content{
		width:100%;
		min-height:500px;
		background-color:#fff;
		background-image:url(../images/bg-body.jpg), url(../images/bg-gigi.png);
		background-repeat:repeat-x, no-repeat;
		background-position:0px 0px, 0px 450px;
		background-size:100% 450px, 100%;
	}
	
	#content #box-content{
		width:1000px;
		min-height:600px;
		position:relative;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	
	#content #box-content .menu-web{
		height:50px;
		background:url(../images/bg-menu.jpg) repeat-x;
		background-size:1px 50px;
		width:100%;
		position:relative;
		display:inline-block;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		font-family:futura;
	}
	#content #box-content .menu-web .menu{
		float:left;
		padding:1.5%;
		border-right:solid 2px #478108;
		cursor:pointer;
		text-align:center;
	}
	#content #box-content .menu-web .menu:hover, 
	#content #box-content .menu-web .menu-aktif{
		float:left;
		padding:1.5%;
		border-right:solid 2px #478108;
		cursor:pointer;
		text-align:center;
		background:url(../images/bg-menu-hover.jpg) repeat-x;
		background-size:1px 50px;
	}
	#content #box-content .menu-mobile{
		display:none;
	}
	
	
	/*-- content-home --*/
	#content #box-content .box-slider{
		width:994px;
		height:394px;
		border:solid 3px #fff;
		box-shadow: 0 0 2px 0.5px #555;
		-webkit-box-shadow: 0 0 2px 1px #555;
		-moz-box-shadow: 0 0 2px 0.5px #555;
		-ms-box-shadow: 0 0 2px 0.5px #555;
		-o-box-shadow: 0 0 2px 0.5px #555;
		overflow:hidden;
	}
	#content #box-content .m-box-slider{
		display:none;
	}
	.flex{
		width:994px;
		height:394px;
	}
	
	#content #box-content .box-des{
		font-family:Arial;
		line-height:25px;
		margin-top:30px;
	}
	#content #box-content .box-des .judul{
		font-family:century;
		line-height:45px;
		font-size:36px;
	}
	.home-img{
		float:right;
		margin-left:10px;
	}
	
	#content #box-content .box-des .box-h-left{
		width:30%;
		float:left;
		margin-left:12%;
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-ms-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-o-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		background-color:#eee;
		font-family:century;
		height:335px;
	}
	#content #box-content .box-des .box-h-left .h-judul{
		width:100%;
		text-align:center;
		color:#fff;
		font-size:18px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69cefa+0,31afe5+100 */
		background: #69cefa; /* Old browsers */
		background: -moz-linear-gradient(top,  #69cefa 0%, #31afe5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #69cefa 0%,#31afe5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #69cefa 0%,#31afe5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cefa', endColorstr='#31afe5',GradientType=0 ); /* IE6-9 */
		padding:5px 0px;
	}
	#content #box-content .box-des .box-h-left .h-body{
		padding:8px;
		text-align:justify;
		line-height:16px;
		font-size:14px;
	}
	#content #box-content .box-des .box-h-right{
		width:30%;
		float:right;
		margin-right:12%;
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-ms-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-o-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		background-color:#eee;
		font-family:century;
		height:335px;
	}
	#content #box-content .box-des .box-h-right .h-judul{
		width:100%;
		text-align:center;
		color:#fff;
		font-size:18px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69cefa+0,31afe5+100 */
		background: #69cefa; /* Old browsers */
		background: -moz-linear-gradient(top,  #69cefa 0%, #31afe5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #69cefa 0%,#31afe5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #69cefa 0%,#31afe5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cefa', endColorstr='#31afe5',GradientType=0 ); /* IE6-9 */
		padding:5px 0px;
	}
	#content #box-content .box-des .box-h-right .h-body{
		padding:8px;
		text-align:justify;
		line-height:16px;
		font-size:14px;
	}
	
	
	/*-- content-umum --*/
	#content #box-content .box-content{
		width:100%;
		background-color:#e1f9ff;
		min-height:600px;
		margin-top:40px;
		display:inline-block;
		position:relative;
	}
	#content #box-content .box-content .w-left,
	#content #box-content .box-content .m-left{
		width:280px;
		min-height:300px;
		position:relative;
		display:block;
		margin-right:25px;
		float:left;
	}
	#content #box-content .box-content .w-left .left-box,
	#content #box-content .box-content .m-left .left-box{
		position:relative;
		display:inline-block;
		width:100%;
		min-height:260px;
		background-color:#fff;
		box-shadow: 1px 1px 2px 2px #ccc;
		-webkit-box-shadow: 1px 1px 2px 2px #ccc;
		-moz-box-shadow: 1px 1px 2px 2px #ccc;
		-ms-box-shadow: 1px 1px 2px 2px #ccc;
		-o-box-shadow: 1px 1px 2px 2px #ccc;
		margin-bottom:30px;
	}
	#content #box-content .box-content .m-left{
		display:none;
	}
	
	#content #box-content .box-content .mn-left,
	#content #box-content .box-content .mn-left-m{
		width:280px;
		min-height:300px;
		position:relative;
		display:block;
		margin-right:25px;
		float:left;
	}
	#content #box-content .box-content .mn-left-m{
		display:none;
	}
	#content #box-content .box-content .mn-left .box-mn-left{
		box-shadow: 1px 1px 2px 1px #ccc;
		-webkit-box-shadow: 1px 1px 2px 1px #ccc;
		-moz-box-shadow: 1px 1px 2px 1px #ccc;
		-ms-box-shadow: 1px 1px 2px 1px #ccc;
		-o-box-shadow: 1px 1px 2px 1px #ccc;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-judul{
		font-family:futura;
		font-size:26px;
		color:#fff;
		background-color:#97dc3c;
		padding:10px 20px;
		cursor:pointer;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-nm{
		font-family:Arial;
		font-size:15px;
		color:#555;
		background-color:#fff;
		padding:10px 20px;
		cursor:pointer;
		border-bottom:solid 1px #38b2e7;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-nm:hover,
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-aktif{
		font-family:Arial;
		font-size:15px;
		color:#ed1c24;
		background-color:#fff;
		padding:10px 20px;
		cursor:pointer;
		border-bottom:solid 1px #38b2e7;
	}
	
	#content #box-content .box-content .mn-left .box-left-contact-w,
	#content #box-content .box-content .w-left .box-left-contact,
	#content #box-content .box-content .m-left .box-left-contact,
	#content #box-content .box-content .mn-left-m .box-left-contact{
		background-color:#97dc3c;
		min-height:100px;
		margin-top:30px;
		box-shadow: 1px 1px 2px 1px #ccc;
		-webkit-box-shadow: 1px 1px 2px 1px #ccc;
		-moz-box-shadow: 1px 1px 2px 1px #ccc;
		-ms-box-shadow: 1px 1px 2px 1px #ccc;
		-o-box-shadow: 1px 1px 2px 1px #ccc;
		padding:30px;
	}
	.box-map{
		width:100%;
		height:220px;
	}
	.box-alamat{
		width:100%;
		height:auto;
		margin-top:30px;
	}
	
	#content #box-content .box-content .right{
		background-color:#fff;
		width:640px;
		padding:20px;
		position:relative;
		display:block;
		min-height:500px;
		margin-left:310px;
		margin-bottom:30px;
	}
	#content #box-content .box-content .right .box-banner-right{
		width:98%;
		border:solid 5px #ececec;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-ms-border-radius:3px;
		-o-border-radius:3px;
		box-shadow: 0px 0px 2px 1px #ccc;
		-webkit-box-shadow: 0px 0px 2px 1px #ccc;
		-moz-box-shadow: 0px 0px 2px 1px #ccc;
		-ms-box-shadow: 0px 0px 2px 1px #ccc;
		-o-box-shadow: 0px 0px 2px 1px #ccc;
	}
	#content #box-content .box-content .right .box-judul-right{
		width:85%;
		height:50px;
		font-family:futura;
		margin-top:20px;
		font-size:42px;
		color:#29aae2;
		display:inline-block;
		position:relative;
		padding-left:14%;
		padding-top:8px;
	}
	#content #box-content .box-content .right .box-judul-right .icon{
		width:11%;
		position:absolute;
		left:0px;
		top:0px;
	}
	#content #box-content .box-content .right .box-isi-right{
		margin-top:30px;
		font-family:Arial;
		font-size:12px;
		color:#555;
	}
	
	#content #box-content .box-content .right .box-isi-right .ct-left{
		position:relative;
		display:block;
		width:60%;
		float:left;
		font-size:14px;
		margin-right:2%;
	}
	#content #box-content .box-content .right .box-isi-right b:first-of-type{
		 font-size:20px;
	}
	#content #box-content .box-content .right .box-isi-right i{
		 font-size:16px;
	}
	#content #box-content .box-content .right .box-isi-right .ct-right{
		width:35%;
		float:right;
	}
	
	#content #box-content .box-content .right .box-isi-right .box-gallery{
		width:160px;
		height:160px;
		overflow:hidden;
		float:left;
		border:solid 3px #b4e9ff;
		margin:20px;
	}
	
	/*-- Out Team --*/
	.ot1-left{
		position:relative;
		display:block;
		width:60%;
		float:left;
	}
	.ot1-right{
		position:relative;
		display:block;
		width:35%;
		margin-left:64%;
	}
	.otn-left{
		position:relative;
		display:block;
		width:48%;
		float:left;
	}
	.otn-right{
		position:relative;
		display:block;
		width:48%;
		margin-left:52%;
	}
	
	/*-- Why Choose Us --*/
	.reason{
		height:30px;
		margin-bottom:5px;
		position:relative;
		left:-10px;
	}
	
	/*-- Preventive --*/
	.preventive{
		height:38px;
		margin-bottom:5px;
		position:relative;
		left:-10px;
	}
	.preventive-img{
		width:193px;
		float:right;
		margin-left:10px;
		border:solid 3px #ccc;
	}
	
	/*-- Content --*/
	
	
	/*-- Footer --*/
	#footer{
		width:100%;
		height:35px;
		background:url(../images/bg-footer.jpg) repeat-x;
		color:#fff;
		text-align:center;
		padding-top:10px;
		font-size:14px;
	}
	/*-- Footer --*/
	
	
	/*-- Other --*/
	.error{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #f5aca6;
		background:#ffecec url(../images/exclamation.png) no-repeat 10px 50%;
	}
	.sukses{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #a6ca8a;
		background:#e9ffd9 url(../images/accept.png) no-repeat 10px 50%;
	}
	.warning{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #f2c779;
		background:#fff8c4 url(../images/error.png) no-repeat;
		background-position:left 10px center;
	}
	.info{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #8ed9f6;
		background:#e3f7fc url(../images/information.png) no-repeat;
		background-position:left 10px center;
	}
	#respon{
		position:fixed;
		padding:30px;
		background-color:#fff;
		font-family:din;
		color:#555;
		font-size:14px;
		left:50%;
		transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		z-index:99999;
		display:none;
	}
	/*-- Other --*/
}

/*Laptop / Desktop*/
@media only screen
and (min-width: 1200px) {
	#view_img{
		position:absolute;
		display:block;
		left:50%;
		width:60%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		z-index:999999;
		background-color:#fff;
		padding:1%;
		padding-top:30px;
		display:none;
	}

	/*-- Header Top --*/
	#header-top{
		width:100%;
		height:90px;
		background:url(../images/bg-head.jpg) repeat-x;
		color:#ccc;
		padding-top:10px;
		border-bottom:solid 1px #FFF;
	}
	
	#header-top #box-header{
		width:1000px;
		position:relative;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	#header-top #box-header .logo{
		height:80px;
		margin-left:100px;
	}
	#header-top #box-header .telp{
		position:absolute;
		top:0px;
		height:34px;
		right:100px;
	}
	#header-top #box-header .button-call{
		position:absolute;
		top:40px;
		height:30px;
		right:100px;
	}
	/*-- Header Top --*/
	
	
	/*-- Content --*/
	#content{
		width:100%;
		min-height:500px;
		background-color:#fff;
		background-image:url(../images/bg-body.jpg), url(../images/bg-gigi.png);
		background-repeat:repeat-x, no-repeat;
		background-position:0px 0px, 0px 450px;
		background-size:100% 450px, 100%;
	}
	
	#content #box-content{
		width:1000px;
		min-height:600px;
		position:relative;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	
	#content #box-content .menu-web{
		height:50px;
		background:url(../images/bg-menu.jpg) repeat-x;
		width:100%;
		position:relative;
		display:inline-block;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		font-family:futura;
	}
	#content #box-content .menu-web .menu{
		float:left;
		padding:1.5%;
		border-right:solid 2px #478108;
		cursor:pointer;
		text-align:center;
	}
	#content #box-content .menu-web .menu:hover, 
	#content #box-content .menu-web .menu-aktif{
		float:left;
		padding:1.5%;
		border-right:solid 2px #478108;
		cursor:pointer;
		text-align:center;
		background:url(../images/bg-menu-hover.jpg) repeat-x;
	}
	#content #box-content .menu-mobile{
		display:none;
	}
	
	/*-- content-home --*/
	#content #box-content .box-slider{
		width:994px;
		height:394px;
		border:solid 3px #fff;
		box-shadow: 0 0 2px 0.5px #555;
		-webkit-box-shadow: 0 0 2px 1px #555;
		-moz-box-shadow: 0 0 2px 0.5px #555;
		-ms-box-shadow: 0 0 2px 0.5px #555;
		-o-box-shadow: 0 0 2px 0.5px #555;
		overflow:hidden;
	}
	#content #box-content .m-box-slider{
		display:none;
	}
	.flex{
		width:994px;
		height:394px;
	}
	
	#content #box-content .box-des{
		font-family:Arial;
		line-height:25px;
		margin-top:30px;
	}
	#content #box-content .box-des .judul{
		font-family:century;
		line-height:40px;
		font-size:32px;
	}
	.home-img{
		float:right;
		margin-left:10px;
	}
	
	#content #box-content .box-des .box-h-left{
		width:30%;
		float:left;
		margin-left:12%;
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-ms-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-o-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		background-color:#eee;
		font-family:century;
		height:335px;
	}
	#content #box-content .box-des .box-h-left .h-judul{
		width:100%;
		text-align:center;
		color:#fff;
		font-size:18px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69cefa+0,31afe5+100 */
		background: #69cefa; /* Old browsers */
		background: -moz-linear-gradient(top,  #69cefa 0%, #31afe5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #69cefa 0%,#31afe5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #69cefa 0%,#31afe5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cefa', endColorstr='#31afe5',GradientType=0 ); /* IE6-9 */
		padding:5px 0px;
	}
	#content #box-content .box-des .box-h-left .h-body{
		padding:8px;
		text-align:justify;
		line-height:16px;
		font-size:14px;
	}
	#content #box-content .box-des .box-h-right{
		width:30%;
		float:right;
		margin-right:12%;
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-ms-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-o-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		background-color:#eee;
		font-family:century;
		height:335px;
	}
	#content #box-content .box-des .box-h-right .h-judul{
		width:100%;
		text-align:center;
		color:#fff;
		font-size:18px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69cefa+0,31afe5+100 */
		background: #69cefa; /* Old browsers */
		background: -moz-linear-gradient(top,  #69cefa 0%, #31afe5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #69cefa 0%,#31afe5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #69cefa 0%,#31afe5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cefa', endColorstr='#31afe5',GradientType=0 ); /* IE6-9 */
		padding:5px 0px;
	}
	#content #box-content .box-des .box-h-right .h-body{
		padding:8px;
		text-align:justify;
		line-height:16px;
		font-size:14px;
	}
	
	
	/*-- content-umum --*/
	#content #box-content .box-content{
		width:100%;
		background-color:#e1f9ff;
		min-height:600px;
		margin-top:40px;
		display:inline-block;
		position:relative;
	}
	#content #box-content .box-content .w-left,
	#content #box-content .box-content .m-left{
		width:280px;
		min-height:300px;
		position:relative;
		display:block;
		margin-right:25px;
		float:left;
	}
	#content #box-content .box-content .w-left .left-box,
	#content #box-content .box-content .m-left .left-box{
		position:relative;
		display:inline-block;
		width:100%;
		min-height:260px;
		background-color:#fff;
		box-shadow: 1px 1px 2px 2px #ccc;
		-webkit-box-shadow: 1px 1px 2px 2px #ccc;
		-moz-box-shadow: 1px 1px 2px 2px #ccc;
		-ms-box-shadow: 1px 1px 2px 2px #ccc;
		-o-box-shadow: 1px 1px 2px 2px #ccc;
		margin-bottom:30px;
	}
	#content #box-content .box-content .m-left{
		display:none;
	}
	
	#content #box-content .box-content .mn-left,
	#content #box-content .box-content .mn-left-m{
		width:280px;
		min-height:300px;
		position:relative;
		display:block;
		margin-right:25px;
		float:left;
	}
	#content #box-content .box-content .mn-left-m{
		display:none;
	}
	#content #box-content .box-content .mn-left .box-mn-left{
		box-shadow: 1px 1px 2px 1px #ccc;
		-webkit-box-shadow: 1px 1px 2px 1px #ccc;
		-moz-box-shadow: 1px 1px 2px 1px #ccc;
		-ms-box-shadow: 1px 1px 2px 1px #ccc;
		-o-box-shadow: 1px 1px 2px 1px #ccc;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-judul{
		font-family:futura;
		font-size:26px;
		color:#fff;
		background-color:#97dc3c;
		padding:10px 20px;
		cursor:pointer;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-nm{
		font-family:Arial;
		font-size:15px;
		color:#555;
		background-color:#fff;
		padding:10px 20px;
		cursor:pointer;
		border-bottom:solid 1px #38b2e7;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-nm:hover,
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-aktif{
		font-family:Arial;
		font-size:15px;
		color:#ed1c24;
		background-color:#fff;
		padding:10px 20px;
		cursor:pointer;
		border-bottom:solid 1px #38b2e7;
	}
	
	#content #box-content .box-content .mn-left .box-left-contact-w,
	#content #box-content .box-content .w-left .box-left-contact,
	#content #box-content .box-content .m-left .box-left-contact,
	#content #box-content .box-content .mn-left-m .box-left-contact{
		background-color:#97dc3c;
		margin-top:30px;
		box-shadow: 1px 1px 2px 1px #ccc;
		-webkit-box-shadow: 1px 1px 2px 1px #ccc;
		-moz-box-shadow: 1px 1px 2px 1px #ccc;
		-ms-box-shadow: 1px 1px 2px 1px #ccc;
		-o-box-shadow: 1px 1px 2px 1px #ccc;
		padding:30px;
	}
	.box-map{
		width:100%;
		height:220px;
	}
	.box-alamat{
		width:100%;
		height:auto;
		margin-top:30px;
	}
	
	#content #box-content .box-content .right{
		background-color:#fff;
		width:640px;
		padding:20px;
		position:relative;
		display:block;
		min-height:500px;
		margin-left:310px;
		margin-bottom:30px;
	}
	#content #box-content .box-content .right .box-banner-right{
		width:98%;
		border:solid 5px #ececec;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-ms-border-radius:3px;
		-o-border-radius:3px;
		box-shadow: 0px 0px 2px 1px #ccc;
		-webkit-box-shadow: 0px 0px 2px 1px #ccc;
		-moz-box-shadow: 0px 0px 2px 1px #ccc;
		-ms-box-shadow: 0px 0px 2px 1px #ccc;
		-o-box-shadow: 0px 0px 2px 1px #ccc;
	}
	#content #box-content .box-content .right .box-judul-right{
		width:85%;
		height:50px;
		font-family:futura;
		margin-top:20px;
		font-size:42px;
		color:#29aae2;
		display:inline-block;
		position:relative;
		padding-left:14%;
		padding-top:8px;
	}
	#content #box-content .box-content .right .box-judul-right .icon{
		width:11%;
		position:absolute;
		left:0px;
		top:0px;
	}
	#content #box-content .box-content .right .box-isi-right{
		margin-top:30px;
		font-family:Arial;
		font-size:12px;
		color:#555;
	}
	
	#content #box-content .box-content .right .box-isi-right .ct-left{
		position:relative;
		display:block;
		width:60%;
		float:left;
		font-size:14px;
		margin-right:2%;
	}
	#content #box-content .box-content .right .box-isi-right b:first-of-type{
		 font-size:20px;
	}
	#content #box-content .box-content .right .box-isi-right i{
		 font-size:16px;
	}
	#content #box-content .box-content .right .box-isi-right .ct-right{
		width:35%;
		float:right;
	}
	
	#content #box-content .box-content .right .box-isi-right .box-gallery{
		width:160px;
		height:160px;
		overflow:hidden;
		float:left;
		border:solid 3px #b4e9ff;
		margin:20px;
	}
	
	/*-- Out Team --*/
	.ot1-left{
		position:relative;
		display:block;
		width:60%;
		float:left;
	}
	.ot1-right{
		position:relative;
		display:block;
		width:35%;
		margin-left:64%;
	}
	.otn-left{
		position:relative;
		display:block;
		width:48%;
		float:left;
	}
	.otn-right{
		position:relative;
		display:block;
		width:48%;
		margin-left:52%;
	}
	
	/*-- Why Choose Us --*/
	.reason{
		height:30px;
		margin-bottom:5px;
		position:relative;
		left:-10px;
	}
	
	/*-- Preventive --*/
	.preventive{
		height:38px;
		margin-bottom:5px;
		position:relative;
		left:-10px;
	}
	.preventive-img{
		width:193px;
		float:right;
		margin-left:10px;
		border:solid 3px #ccc;
	}
	
	/*-- Content --*/
	
	
	/*-- Footer --*/
	#footer{
		width:100%;
		height:35px;
		background:url(../images/bg-footer.jpg) repeat-x;
		color:#fff;
		text-align:center;
		padding-top:10px;
		font-size:14px;
	}
	/*-- Footer --*/
	
	
	/*-- Other --*/
	.error{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #f5aca6;
		background:#ffecec url(../images/exclamation.png) no-repeat 10px 50%;
	}
	.sukses{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #a6ca8a;
		background:#e9ffd9 url(../images/accept.png) no-repeat 10px 50%;
	}
	.warning{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #f2c779;
		background:#fff8c4 url(../images/error.png) no-repeat;
		background-position:left 10px center;
	}
	.info{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #8ed9f6;
		background:#e3f7fc url(../images/information.png) no-repeat;
		background-position:left 10px center;
	}
	#respon{
		position:fixed;
		padding:30px;
		background-color:#fff;
		font-family:din;
		color:#555;
		font-size:14px;
		left:50%;
		transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		z-index:99999;
		display:none;
	}
	/*-- Other --*/
}

/*Smartphone*/
@media only screen
and (max-width: 600px) {
	#view_img{
		position:absolute;
		display:block;
		left:50%;
		width:90%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		z-index:999999;
		background-color:#fff;
		padding:1%;
		padding-top:30px;
		display:none;
	}
	
	/*-- Header Top --*/
	#header-top{
		width:100%;
		height:90px;
		background:url(../images/bg-head.jpg) repeat-x;
		color:#ccc;
		padding-top:10px;
	}
	
	#header-top #box-header{
		width:100%;
		position:relative;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		text-align:center;
	}
	#header-top #box-header .logo{
		height:60px;
	}
	#header-top #box-header .telp{
		height:20px;
		margin-top:5px;
	}
	#header-top #box-header .button-call{
		display:none;
	}
	/*-- Header Top --*/
	
	
	/*-- Content --*/
	#content{
		width:100%;
		min-height:500px;
		background-color:#fff;
		background-image:url(../images/bg-body.jpg), url(../images/bg-gigi.png);
		background-repeat:repeat-x, no-repeat;
		background-position:0px 0px, 0px 200px;
		background-size:100% 200px, 100%;
	}
	
	#content #box-content{
		width:98%;
		min-height:600px;
		position:relative;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	
	#content #box-content .menu-web{
		display:none;
	}
	#content #box-content .menu-mobile{
		top:-45px;
		position:absolute;
		display:inline-block;
		width:100%;
		height:auto;
		z-index:99;
	}
	#content #box-content .menu-mobile .box-menu{
		width:45%;
		position:absolute;
		display:block;
		left:-59%;
	}
	#content #box-content .menu-mobile .box-menu .m-menu{
		font-family:century;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		padding:6% 12%;
		background-color:#98db3d;
		border-bottom:solid 1px #fff;
	}
	#content #box-content .menu-mobile .box-menu .m-menu:hover{
		background-color:#569006;
	}
	
	/*-- content-home --*/
	#content #box-content .box-slider{
		width:98%;
		height:194px;
		border:solid 3px #fff;
		box-shadow: 0 0 2px 0.5px #555;
		-webkit-box-shadow: 0 0 2px 1px #555;
		-moz-box-shadow: 0 0 2px 0.5px #555;
		-ms-box-shadow: 0 0 2px 0.5px #555;
		-o-box-shadow: 0 0 2px 0.5px #555;
		overflow:hidden;
	}
	#content #box-content .m-box-slider{
		display:none;
	}
	.flex{
		width:100%;
		height:194px;
	}
	
	#content #box-content .box-des{
		font-family:Arial;
		margin-top:30px;
	}
	#content #box-content .box-des .judul{
		font-family:century;
		font-size:24px;
	}
	.home-img{
		width:100%;
		margin-bottom:10px;
	}
	
	#content #box-content .box-des .box-h-left,
	#content #box-content .box-des .box-h-right{
		width:90%;
		margin-left:5%;
		-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-ms-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		-o-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.4);
		background-color:#eee;
		font-family:century;
		height:335px;
		margin-bottom:20px;
	}
	#content #box-content .box-des .box-h-left .h-judul,
	#content #box-content .box-des .box-h-right .h-judul{	
		width:100%;
		text-align:center;
		color:#fff;
		font-size:18px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69cefa+0,31afe5+100 */
		background: #69cefa; /* Old browsers */
		background: -moz-linear-gradient(top,  #69cefa 0%, #31afe5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #69cefa 0%,#31afe5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #69cefa 0%,#31afe5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cefa', endColorstr='#31afe5',GradientType=0 ); /* IE6-9 */
		padding:5px 0px;
	}
	#content #box-content .box-des .box-h-left .h-body,
	#content #box-content .box-des .box-h-right .h-body{	
		padding:8px;
		text-align:justify;
		line-height:16px;
		font-size:14px;
	}
	
	/*-- content-umum --*/
	#content #box-content .box-content{
		position:relative;
		width:96%;
		background-color:#e1f9ff;
		min-height:600px;
		margin-top:20px;
		padding:2%;
	}
	#content #box-content .box-content .w-left,
	#content #box-content .box-content .m-left{
		width:100%;
		position:relative;
		display:block;
	}
	#content #box-content .box-content .w-left .left-box,
	#content #box-content .box-content .m-left .left-box{
		position:relative;
		display:inline-block;
		width:100%;
		min-height:100px;
		background-color:#fff;
		box-shadow: 0px 0px 2px 2px #ccc;
		-webkit-box-shadow: 0px 0px 2px 2px #ccc;
		-moz-box-shadow: 0px 0px 2px 2px #ccc;
		-ms-box-shadow: 0px 0px 2px 2px #ccc;
		-o-box-shadow: 0px 0px 2px 2px #ccc;
		margin-bottom:10px;
	}
	#content #box-content .box-content .w-left{
		display:none;
	}
	
	#content #box-content .box-content .mn-left,
	#content #box-content .box-content .mn-left-m{
		width:100%;
		position:relative;
		display:block;
	}
	#content #box-content .box-content .mn-left .box-mn-left{
		box-shadow: 1px 1px 2px 1px #ccc;
		-webkit-box-shadow: 1px 1px 2px 1px #ccc;
		-moz-box-shadow: 1px 1px 2px 1px #ccc;
		-ms-box-shadow: 1px 1px 2px 1px #ccc;
		-o-box-shadow: 1px 1px 2px 1px #ccc;
		margin-bottom:20px;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-judul{
		font-family:futura;
		font-size:22px;
		color:#fff;
		background-color:#97dc3c;
		padding:10px 20px;
		cursor:pointer;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-nm{
		font-family:Arial;
		font-size:14px;
		color:#555;
		background-color:#fff;
		padding:10px 20px;
		cursor:pointer;
		border-bottom:solid 1px #38b2e7;
	}
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-nm:hover,
	#content #box-content .box-content .mn-left .box-mn-left .left-mn-aktif{
		font-family:Arial;
		font-size:14px;
		color:#ed1c24;
		background-color:#fff;
		padding:10px 20px;
		cursor:pointer;
		border-bottom:solid 1px #38b2e7;
	}
	
	#content #box-content .box-content .mn-left .box-left-contact-w,
	#content #box-content .box-content .w-left .box-left-contact,
	#content #box-content .box-content .m-left .box-left-contact,
	#content #box-content .box-content .mn-left-m .box-left-contact{
		background-color:#97dc3c;
		min-height:100px;
		margin-top:30px;
		box-shadow: 1px 1px 2px 1px #ccc;
		-webkit-box-shadow: 1px 1px 2px 1px #ccc;
		-moz-box-shadow: 1px 1px 2px 1px #ccc;
		-ms-box-shadow: 1px 1px 2px 1px #ccc;
		-o-box-shadow: 1px 1px 2px 1px #ccc;
		padding:30px;
	}
	#content #box-content .box-content .mn-left .box-left-contact-w{
		display:none;
	}
	.box-map{
		width:100%;
		height:220px;
	}
	.box-alamat{
		width:100%;
		height:auto;
		margin-top:30px;
	}
	
	#content #box-content .box-content .right{
		background-color:#fff;
		width:96%;
		padding:2%;
		position:relative;
		display:block;
		min-height:500px;
		margin-bottom:20px;
	}
	#content #box-content .box-content .right .box-banner-right{
		width:97.8%;
		border:solid 5px #ececec;
		border-radius:2px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-ms-border-radius:3px;
		-o-border-radius:3px;
		box-shadow: 0px 0px 2px 1px #ccc;
		-webkit-box-shadow: 0px 0px 2px 1px #ccc;
		-moz-box-shadow: 0px 0px 2px 1px #ccc;
		-ms-box-shadow: 0px 0px 2px 1px #ccc;
		-o-box-shadow: 0px 0px 2px 1px #ccc;
	}
	#content #box-content .box-content .right .box-judul-right{
		width:83%;
		height:50px;
		font-family:futura;
		margin-top:20px;
		font-size:24px;
		color:#29aae2;
		display:inline-block;
		position:relative;
		padding-left:18%;
		padding-top:5px;
	}
	#content #box-content .box-content .right .box-judul-right .icon{
		width:14%;
		position:absolute;
		left:0px;
		top:0px;
	}
	#content #box-content .box-content .right .box-isi-right{
		margin-top:30px;
		font-family:Arial;
		font-size:12px;
		color:#555;
	}
	
	#content #box-content .box-content .right .box-isi-right .ct-left{
		position:relative;
		display:block;
		float:left;
		font-size:14px;
		margin-right:2%;
		margin-bottom:30px;
	}
	#content #box-content .box-content .right .box-isi-right b:first-of-type{
		 font-size:20px;
	}
	#content #box-content .box-content .right .box-isi-right i{
		 font-size:16px;
	}
	#content #box-content .box-content .right .box-isi-right .ct-right{
		width:100%;
	}
	
	#content #box-content .box-content .right .box-isi-right .box-gallery{
		width:150px;
		height:150px;
		overflow:hidden;
		float:left;
		border:solid 3px #b4e9ff;
		margin:2px;
	}
	
	/*-- Out Team --*/
	.ot1-left{
		position:relative;
		display:block;
		width:98%;
	}
	.ot1-right{
		position:relative;
		display:block;
		width:98%;
		margin-top:10px;
	}
	.otn-left{
		position:relative;
		display:block;
		width:98%;
	}
	.otn-right{
		position:relative;
		display:block;
		width:98%;
		margin-top:20px;
	}
	
	/*-- Why Choose Us --*/
	.reason{
		height:20px;
		margin-bottom:5px;
		position:relative;
		left:-5px;
	}
	
	/*-- Preventive --*/
	.preventive{
		width:100%;
		margin-bottom:5px;
		position:relative;
	}
	.preventive-img{
		width:40%;
		float:right;
		margin-left:10px;
		border:solid 3px #ccc;
	}
	
	/*-- Content --*/
	
	
	/*-- Footer --*/
	#footer{
		width:100%;
		height:35px;
		background:url(../images/bg-footer.jpg) repeat-x;
		color:#fff;
		text-align:center;
		padding-top:10px;
		font-size:12px;
	}
	/*-- Footer --*/
	
	
	/*-- Other --*/
	.error{
		position:fixed;
		z-index:10;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #f5aca6;
		background:#ffecec url(../images/exclamation.png) no-repeat 10px 50%;
	}
	.sukses{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #a6ca8a;
		background:#e9ffd9 url(../images/accept.png) no-repeat 10px 50%;
	}
	.warning{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #f2c779;
		background:#fff8c4 url(../images/error.png) no-repeat;
		background-position:left 10px center;
	}
	.info{
		position:fixed;
		z-index:99999;
		padding:10px 15px 7px 35px;
		top:35%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		font-family:din;
		color:#555;
		font-size:14px;
		border-radius:7px;
		border:solid 1px #8ed9f6;
		background:#e3f7fc url(../images/information.png) no-repeat;
		background-position:left 10px center;
	}
	#respon{
		position:fixed;
		padding:30px;
		background-color:#fff;
		font-family:din;
		color:#555;
		font-size:14px;
		width:60%;
		left:50%;
		transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		z-index:99999;
		display:none;
	}
	/*-- Other --*/
}