/* reset5 2011 opensource.736cs.com MIT */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}
ul {-webkit-padding-start: 0px;}
a {text-decoration:none;color:#000;}
body {font-family: 'Open Sans', sans-serif;}
header {
	width:100%;
	padding:20px 0;
	border-bottom:solid 15px #c51e29;
	background-color:#000;
}
#dme {
	width:87%;
	margin:0 auto;
}
.kepala {
	display:inline-block;
	vertical-align:middle;
	color:#f1eeff;
}
.kepala a {
	color:#f1eeff;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.kepala a:hover {
	color:#c51e29;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.kepala:nth-of-type(2){
	position:relative;
	float:right;
	line-height:40px;
}
ul.menu li {
	display:inline-block;
	padding:0 10px;
	font-family: 'Orbitron', sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
#menukecil {
	position:fixed;
	top:-100%;
	left:0;
	width:100%;
	padding:5px 0;
	border-bottom:solid 5px #c51e29;
	background-color:#000;
	z-index: 9;
}
.kepala2 {
	width:10%;
}
.kepala2 > img {
	width:100%;
}
.tuyun {
  top:0% !IMPORTANT;
  -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
  transition: width 2s;
}
.naek {
  top:-100% !IMPORTANT;
  -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
  transition: width 2s;
}
section {
	width:100%;
	margin:0 auto;
	position:relative;
}
.head {width:100%;position:relative;}
.head img {width:100%;}
#sec2 {width:100%;background-image:url('../img/bg-sec2.jpg');background-position:top center;background-size:cover;padding:110px 0;margin-top:-5px;}
.isec2, .isec31 {width:77%;margin:0 auto;position:relative;}
.iisec21, .iisec22 {display:inline-block;vertical-align:middle;}
.iisec21 {width:42%;}
.iisec22 {width:58%;}
.iisec21 img {width:95%;display:block;}
.iisec22 img {width:100%;display:block;}
#sec3 {background-color:#fff;padding:120px 0 60px;}
.isec31 p {text-align:center;font-size:18px;line-height:24px;margin-bottom:60px;}
.isec31 p a {color:#000;}
img.gbr-tkt {width:45%;}
.isket {width:90%;margin:0 auto 50px;position:relative;}
.isket1 {display:inline-block;width:50%;}
.isket1 img {width:90%;}
.isket1:nth-of-type(2) {text-align:right;}
.isec32 {width:95%;margin:25px auto;}
.iisec32 {position:relative;width:100%;margin-bottom:25px;}
.yusup {width: 30%;display: inline-block;margin-right: 5%;}
.yusup:nth-of-type(3) {margin-right: 0;}
.yusup iframe {width: 100%;}
.gambar {display:inline-block;width:30%;padding:5px 5% 10px 0;height:220px;}
.gambar img {height:100%;width:100%;object-fit:cover;}
.gambar:nth-of-type(3n) {padding-right:0;}
img.terms {width:100%;padding:50px 0 25px;}
#sec5 {padding-bottom:150px;}
.isec4 {width:95%;margin:0px auto 25px;text-align:center;}
.isec4 h1, .isec5 h1 {font-size:35px;color:#000;margin-bottom:80px;text-transform:uppercase;}
.isec4 img {width:60%;}
.isec4 p {font-size: 22px;line-height: 28px;margin-bottom:70px;}
#sec5 {padding-bottom:150px;}
.isec5 {text-align:center;}
.isec5 p {font-size:42px;line-height:50px;margin-bottom:50px;}
.isosmed {width:50%;position:relative;margin:0 auto;}
.isosmed1 {display:inline-block;margin-right:25px;vertical-align:middle;}
.isosmed1 img {margin-right:10px;height:30px;}
span.bwh-dme {font-size:35px;}
.kontener {width:84%;margin:0 auto;}
.pr-sec1 {padding:100px 0 60px;}
.pr-sec1 h1, .pr-sec1 h2 {text-align:center;}
.pr-sec1 h1 {font-size:24px;margin-bottom:50px;}
.pr-sec1 h2 {font-size:20px;line-height:26px;margin-bottom:40px;font-style:italic;}
.pr-isec1 {width:100%;position:relative;}
.pri1 {display:inline-block;width:50%;vertical-align:top;}
.pri1 p {font-size:14px;line-height:20px;text-align:justify;}
.pri1:nth-of-type(1) p {width:98%;padding-right:2%;padding-bottom:20px;}
.pri1:nth-of-type(2) p {width:98%;padding-left:2%;padding-bottom:20px;}
.pr-sec2 {padding:0px 0 100px;text-align:center;}
.pr-sec2 h, .pr-sec2 h2 {text-align:center;}
.pr-sec2 h1 {font-size:24px;margin-bottom:50px;line-height:30px;}
.pr-sec2 h2 {font-size:20px;line-height:26px;margin-bottom:40px;font-style:italic;}
.pr-sec2 img {width:30%;}
.pr-sec2 p {padding-bottom:50px;}
.isalamat {width:58%;margin:0 auto;text-align:center;padding:25px 0;border:solid 1px #000;}
.isalamat p {padding-bottom:0;}
.isalamat p:nth-of-type(1) {padding-bottom:10px;}
.pr-sec3 {padding-bottom:50px;}
@media screen and (max-width: 1024px) {
	.kepala {width: 49%;}
	.kepala:nth-of-type(2) {float:none;}
	ul.menu li.ils {display:none;}
	.kepala-gede > img {width: 50%;}
	#sec2 {padding: 25px 0;background-position: top right;}
	.iisec21, .iisec22, .iisec21 img {width:100%;}
	.iisec21 {padding-bottom:20px;}
	#sec3 {padding: 25px 0;}
	.yusup {width:100%;margin-right:0;}
	.gambar {width:100%;margin-right:0;}
	img.terms {padding:0 auto 25px;}
	.isec4 h1, .isec5 h1 {margin-bottom: 35px;}
	.isec4 p {font-size: 14px;line-height: 20px;}
	.isec5 p {font-size: 24px;line-height: 30px;}
	.isosmed {width: 90%;}
	.pr-sec1 {padding: 25px 0;}
	.pri1,.pri1 p  {width:100%;}
	.pri1:nth-of-type(1) p {padding-right:0;}
	.pri1:nth-of-type(2) p {padding-left:0;}
	.pr-sec2 img,.isalamat {width: 100%;}
}