/* Buttons */
.g-btn,
button,
input[type="submit"] {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 36px;
	margin: 5px 0;
	border: none !important;
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out;
	        transition: color 0.25s ease-out, background-color 0.25s ease-out;
	}
	/*when hover here*/
	.no-touch .g-btn:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		background-color: rgba(0,0,0,0.12);
		-webkit-transition: height 0.25s linear;
				transition: height 0.25s linear;

		}
	/*end*/

		.no-touch .g-btn:hover:before {
			height: 100%;
			}
	.g-btn span {
		position: relative;
		}
		.g-btn i {
			font-size: 1em;
			line-height: inherit;
			margin: 0 10px 0 -2px;
			}
	/* SIZE: small */
	.g-btn.size_small,
	input.g-btn.size_small {
		padding: 8px 26px;
		font-size: 13px;
		border-radius: 4px;
		}
	/* SIZE: big */
	.g-btn.size_big,
	input.g-btn.size_big {
		padding: 16px 50px;
		font-size: 18px;
		}
	/* TYPE: outlined */
	.g-btn.outlined {
		background-color: transparent !important;
		}
	/* TYPE: default */
	.g-btn.type_default {
		background-color: #e8e8e8;
		color: #666;
		}
		.no-touch .g-btn.type_default:hover {
			color: #444;
			}
		.g-btn.type_default:before {
			background-color: rgba(0,0,0,0.06);
			}
		/* TYPE: default outlined */
		.g-btn.type_default.outlined {
			box-shadow: 0 0 0 2px #e8e8e8 inset;
			color: #666;
			}
			.no-touch .g-btn.type_default.outlined:hover,
			.no-touch .color_alternate .g-btn.type_default.outlined:hover {
				color: #444;
				}
			.g-btn.type_default.outlined:before {
				background-color: #e8e8e8;
				}
	/* TYPE: primary */
	button,
	.g-btn.type_primary,
	input[type="submit"]	{
		background-color: #d13a7a;
		color: #fff;
		}
		.no-touch button:hover,
		.no-touch .g-btn.type_primary:hover,
		.no-touch input[type="submit"]:hover {
			color: #fff;
			}
		/* TYPE: primary outlined */
		.g-btn.type_primary.outlined {
			box-shadow: 0 0 0 2px #d13a7a inset;
			color: #d13a7a;
			}
			.no-touch .g-btn.type_primary.outlined:hover,
			.no-touch .color_alternate .g-btn.type_primary.outlined:hover {
				color: #fff;
				}
			.g-btn.type_primary.outlined:before {
				background-color: #d13a7a;
				}
				
	/* TYPE: blue */
	.g-btn.type_blue {
		background-color: #5ac8ed;
		color: #fff;
		}
		.no-touch .g-btn.type_blue:hover {
			color: #fff;
			}
		/* TYPE: blue outlined */
		.g-btn.type_blue.outlined {
			box-shadow: 0 0 0 2px #5ac8ed inset;
			color: #5ac8ed;
			}
			.no-touch .g-btn.type_blue.outlined:hover {
				color: #fff;
				}
			.g-btn.type_blue.outlined:before {
				background-color: #5ac8ed;
				}




@font-face
{
	font-family:segoeui;
	src: url(../fonts/segoeui.ttf);
}
@font-face
{
	font-family:sanspro;
	src: url(../fonts/SourceSansPro-Light.ttf);
}
@font-face
{
	font-family:sansprosemibold;
	src: url(../fonts/SourceSansPro-Semibold.ttf);
}

@font-face
{
	font-family:segoesemibold;
	src: url(../fonts/SourceSansPro-Regular.ttf);
}
@font-face
{
	font-family:sansproreg;
	src: url(../fonts/SourceSansPro-Regular.ttf);
}
@font-face
{
	font-family:segoe;
	src: url(../fonts/OpenSans-Light.ttf);
}
@font-face
{
	font-family:proximalight;
	src: url(../fonts/Proxima-Light.otf);
}
@font-face
{
	font-family:opensans-reg;
	src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face
{
	font-family:opensans-semi;
	src: url(../fonts/OpenSans-Semibold.ttf);
}
@font-face
{
	font-family:opensans;
	src: url(../fonts/OpenSans-Light.ttf);
}
@font-face
{
	font-family:opensans-bold;
	src: url(../fonts/OpenSans-Bold.ttf);
}




@font-face
{
	font-family:brandonmedium;
	src: url(../fonts/BrandonText-Medium.ttf);
}
@font-face
{
	font-family:brandonbold;
	src: url(../fonts/BrandonText-Bold.ttf);
}


a{color:#333}
a:hover, a:focus{/*cursor:default;*/ text-decoration:none; color:#333}
.white, #white{color:white}
.black{color:black}
.date{margin-top:11px; margin-bottom:3px; display:block}
.marginbottomnull{margin-bottom:0}.margintopnull{margin-top:0}
.img-responsive-cover {
    height: auto;
    width: 100%;
}

.opensansreg{font-family:opensans-reg}
.opensanssemi{font-family:opensans-semi}
.opensanslight{font-family:opensans}
.opensansbold{font-family:opensans-bold}
.brandonmedium{font-family:brandonmedium}
.segoeui{font-family:segoeui}
.font38px{font-size:38px}
.font12px{font-size:12px}
.font13px{font-size:13px}
.font14px{font-size:14px}
.font15px{font-size:15px}
.font16px{font-size:16px}
.font18px{font-size:18px}
.letter03{letter-spacing:.3px}
.letter04{letter-spacing:.4px}
.lineheight21{line-height:21px}
.lineheight22{line-height:22px}


.bgcolor{
  background: #010101;
  height:auto; position:relative; z-index:100;
}
.bghijau{background:#68ad05; padding:3.3% 0}

/*BANNER CONTENT PAGE*/
#templatemo-carousel {
    background: rgba(0, 0, 0, 0) url(/resources/images/topcontentbanner/message-us.jpg) no-repeat fixed center center / cover;
    height: 355px;
    margin-bottom: 0;
    /*overflow: hidden;*/
}
.title-bannercontentpage{font-family:opensans; font-size:50px; display:block; padding-top:170px; text-align:center; letter-spacing:3px; color:#fff}
/*end*/

.viewdesktop{display:block}
.viewmobile{display:none}

.title-homepage-wcu{font-family:brandonmedium; font-size:35px; color:#282e3c; text-align:center; text-transform:uppercase; letter-spacing:3px}
/*PROMO*/
.title-homepage{font-family:brandonmedium; font-size:35px; color:#282e3c; text-align:center; text-transform:uppercase; letter-spacing:3px}
.blue-border{width:45px; border-top:4px solid #26a9e5; margin:0 auto; margin-top:8px}
#coverpromo{border:1px solid #dedede; padding:5px 18px 18px 18px; max-width: 395px; margin: 0 auto; margin-bottom:20px; display:table; width:100% /*float:left*/}
.date1{font-family:opensans-reg; font-size:12px; color:#969595; letter-spacing:.2px; text-align:left; padding:8px 0}
a.judulpromo{font-family:opensans-bold; font-size:18px; color:#333; text-align:left; letter-spacing:.3px; text-transform:capitalize}
a.judulpromo:hover, a.judulpromo:focus{color:#666}
.judulpromosmall{font-family:opensans-semi; font-size:14px; color:#000; text-align:left; letter-spacing:.2px}
a.contentpromo{font-family:opensans-reg; font-size:14px; color:#7e7e7e; text-align:left; letter-spacing:.3px; line-height:25px; display:block; width:100%; height:79px}
a.contentpromo:hover, a.contentpromo:focus{color:#727272; cursor:default}
.padding02{padding:4.6% 0; margin-top:1%}
.text-leftD-centerM{text-align:left}
/*end*/

/*NEW*/
a.titlenews1{font-family:opensans-semi; font-size:18px; color:#010101; text-align:left; letter-spacing:.3px; padding-bottom:2px; padding-top:9px; float:left; text-transform:capitalize}
a.titlenews1:hover, a.titlenews1:focus{color:#333}
a.contentnews1{font-family:opensans-reg; font-size:14px; color:#5c5c5c; text-align:left; letter-spacing:.3px; line-height:26px; float:left; display:block; width:100%}
a.contentnews1:hover, a.contentnews1:focus{color:#727272; cursor:default}
a.readmore-link{font-family:brandonmedium; font-size:10px; color:#028fd0; text-decoration:underline; text-transform:uppercase; letter-spacing:.8px; display:block}
a.readmore-link:hover, a.readmore-link:focus{color:#086894; text-decoration:underline}
.margintop-readmore1{margin-top:4%; float:left}
.padding03{padding-top:15px; padding-bottom:15px;}
.padding04{padding-top:15px; padding-bottom:15px;}
/*END*/

/*HOF*/
.titlehof{font-family:opensans-semi; font-size:20px; letter-spacing:.3px; text-align:left; color:#010101; padding-bottom:9px}
a.titlehof{font-family:opensans-semi; font-size:15px; color:#010101; text-align:left; letter-spacing:.3px; padding-bottom:2px; line-height:23px; padding-top:9px; float:left; text-transform:capitalize; display:block; width:100%}
a.titlehof:hover, a.titlehof:focus{color:#333}
/*end*/

/*ABOUT US - OUR ACTIVITY*/
.bg-aboutus-ouractivity{
	background:url(../images/bg-aboutus-our-activity.jpg) no-repeat left top;
	background-size:cover;
	background-position: -28px 0;
	width:100%;
	height:auto;
}
.title-aboutus{font-family:brandonmedium; font-size:35px; color:#282e3c; text-align:left; text-transform:uppercase; letter-spacing:3px}
a.button-aboutus {
	margin-top:2%;
    background: #1a9fdc none repeat scroll 0 0;
    border-radius: 4px;
    margin:18px auto 0;
    padding: 3px 20px 3px 25px;
	display:block;
    text-align: center;
	float:left;
	
    color: #fff;
    font-family:opensans-semi;
	text-transform:uppercase;
	letter-spacing:5px;
    font-size: 13px;
    font-weight: 100;
    line-height: 39px;
    text-align: center;
}
a.button-aboutus:hover {
    background: #007db6 none repeat scroll 0 0;
	color:white;
}
.widthaboutus{padding-right:4%; text-align:left; float:left; display:block}
.topaboutus{padding-top:12%}
.titleAU{font-family:opensans-semi; font-size:22px; letter-spacing:.5px; text-align:left; color:#010101; padding-bottom:9px}
#putih{color:#fff}
/*end*/

/*FOOTER*/
.title-footer {
    color: #787878;
    font-family: opensans-bold;
	letter-spacing:.4px;
    font-size: 15px;
    font-weight: 100;
    padding-bottom: 2px;
    text-transform: uppercase;
}

ul.ullifooter2 {
    display: table;
    margin: 0 auto 0 1px;
    padding: 0;
}
ul.ullifooter2 li {
    float: left;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	list-style:none;
}
ul.ullifooter2 li a {
    color: #dcdcdc;
    font-family: opensans-reg;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    list-style: none;
    text-transform: capitalize;
}
ul.ullifooter2 li a:hover {
    color: #fff;
	text-decoration:underline;
}

.fontfooter9 {
    font-family: opensans-reg;
    font-size: 12px;
	line-height:18px;
}
.advtopactivity {
    margin-top: 0;
}

.heightfooter1{height:50px}
.heightfooter2{height:20px}
/*END*/

/*PRODUCTS*/
ul.ourproducts{margin:0 auto; padding:0 0}
ul.ourproducts li{float:left; list-style:none; margin:0 auto; padding:0 0; display:block}
.nopadding{padding:0 0}
.settingbox{border:1px solid red; padding:5.8% 0; display:block}
a.judulproduk{font-family:opensans-bold; font-size:20px; letter-spacing:.5px; text-align:center; color:#000}
a.button-products {
	margin-top:2%;
    background: #1a9fdc none repeat scroll 0 0;
    border-radius: 4px;
    margin:18px auto 0;
    padding: 3px 20px 3px 25px;
	display:block;
    text-align: center;
	width:55%;
	
    color: #fff;
    font-family:opensans-semi;
	text-transform:uppercase;
	letter-spacing:5px;
    font-size: 13px;
    font-weight: 100;
    line-height: 39px;
    text-align: center;
}
a.button-products:hover {
    background: #068ecc none repeat scroll 0 0;
	color:white;
}
.producthover{
	opacity:1.0;
    filter: alpha(opacity=100);
}
.producthover:hover{
	background:#000;
	opacity:.8;
    filter: alpha(opacity=50);
}
/*END*/

/*HEADER mobile*/
.logomobile{padding:6px 0}
ul.loginregister{
	float:right;
	margin:0 auto;
	list-style:none;
	padding:0 0;
}
ul.loginregister li{
	float:left;
	margin:0 auto;
	/*background:#ddd;*/
}
ul.loginregister li a{
	list-style:none;
	text-decoration:none;
	font-family:opensans-reg;
	font-size:12px;
	letter-spacing:.3px;
	color:#9f9f9f;
	padding:10px 19px 11px 19px;
	display:block;
}
ul.loginregister li a:hover{
	color:white;
	background:#0d98d8;
}
.iconpadding{padding:8px 0 12px 0}
.iconfont{
	font-family:opensans-semi;
	font-size:11px;
	letter-spacing:1.2px;
	/*color:#010101;*/
	text-transform:uppercase;
}
.iconfonthome{
	font-family:opensans-semi;
	font-size:11px;
	letter-spacing:1.2px;
	/*color:#010101;*/
	text-transform:uppercase;
	margin-top:35px;
}
.size1024{margin-top:2px}
/*end*/

.mobilelogo{position:absolute; float:right; z-index:1000; top:0; width:109px; padding:8px 0; right:41%}
a.signinregister{border:1px solid #595959; border-radius:30px; color:#c6c6c6; margin:0 auto!important; margin-bottom:8px!important; padding:4px 0!important; width:93.5%; font-family:opensans-reg; font-weight:100; font-size:11px; text-align:center;}
a.signinregister:hover{border:1px solid #228bbb; color:#33a3d7!important; border-radius:30px!important;}

.mobiledisplay{display:none}
.desktopdisplay{display:block}

/*MESSAGE US*/
.bdrtopcontent{border-top:0px solid #ddd}
.title-kontak{font-family:opensans-semi; font-size:19px; text-align:left; letter-spacing:.7px; color:#333; padding-bottom:18px}
.judulform{font-family:opensans-reg; font-size:14px; color:#000; text-align:left; letter-spacing:.4px; padding-bottom:5px}
input[type="text"].fieldstandard{font-family:opensans-reg; font-size:14px; border:1px solid #d1d1d1; width:100%; height:43px; padding-left:7px; color:black; margin-bottom:13px}
select.choosedstandard{font-family:opensans-reg; font-size:14px; border:1px solid #d1d1d1; width:100%; height:43px; padding-left:7px; color:#666; margin-bottom:13px}
textarea.textareastandard{font-family:opensans-reg; font-size:14px; border:1px solid #d1d1d1; width:100%; height:180px; padding-left:7px; color:black; margin-bottom:13px}

input.btnContactUs{background:#1a9fdc ; font-size:12px; font-family:opensans-reg; font-weight:normal; padding-top:12px; padding-bottom:12px; letter-spacing:2px; border-radius:4px;}
input.btnContactUs:hover{background:#068cca }


input.btnreset{
	background: #b7b7b7;
    font-size: 12px;
    font-family: opensans-reg;
    font-weight: normal;
    padding-top: 14px;
    padding-bottom: 14px;
    letter-spacing: 2px;
    border-radius: 4px;
    width: 17%;
    margin-top: 4px;
    text-transform: uppercase;
}
input.btnreset:hover{background:#b7b7b7 }

.title-headoffice{font-family:opensans-bold; font-size:15px; text-align:left; color:#028fd0; padding-bottom:4px}
.font-right-messageus{font-family:opensans-reg; font-size:14px; text-align:left; color:#333}
.top4px{padding-top:2px}
/*end*/
.ourpromo{width:100%}
.latestnewsss{width:570px; height:268px}
.galleryy{width:571px; height:174px}

/*GALLERY*/
.judulinpage {
    font-family: opensans;
    font-size: 25px;
    letter-spacing: .3px;
    color: #000;
    font-weight: 100;
}
.margintopjudulinpage {
    margin-top: 15px;
}
a.font-submenu:hover {
    text-decoration: underline;
    color: #007cb4;
}
a.font-submenu {
    font-family: opensans-semi;
    font-size: 10px;
    color:#007cb4;
    text-decoration: underline;
    text-transform: uppercase;
}
.subtitlegallery {
    font-family: opensans-semi;
    font-size: 13px;
    color: #000;
	text-transform:uppercase;
	letter-spacing:.4px;
}
/*end GALLERY*/

/*NEWS*/
.container-inpage {
    max-width: 1163px;
    padding: 0 15px;
    display: block;
    margin: 0 auto;
}
.title-page {
    font-family: opensans-semi;
    font-size: 16px;
    text-align: left;
    margin-top: 15px;
}
.bdrtitlenews {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 0 0 7px;
}
.news02 {
    display: block;
    height: auto;
    list-style: outside none none;
    margin: 0 auto 0 8px;
    max-width: 227px;
    padding: 0;
    width: 100%;
}
.dateNews {
    border-bottom: 1px dashed #ccc;
    color: #919191;
    font-size: 11px;
    font-size: opensans;
    letter-spacing: .3px;
    margin-top: 2px;
    padding: 0 0 0px;
    padding-bottom: 5px;
}
a.titleNews:hover {
    color: #007cb4;
    text-decoration: underline;
}
a.titleNews {
    font-family: opensans-reg;
    color:#000;
	font-size:13px;
	text-transform:capitalize;
}
h1.titlenews02 {
    font-family: opensans-semi;
    font-size: 19px;
    letter-spacing: .6px;
    color: #0e94d1;
    line-height: 27px;
    text-align: left;
    padding-top:0;
	text-transform:capitalize;
	padding-bottom:0;
	margin-bottom:0;
}
.newscontentfont, a.newscontentfont{
    font-family: opensans-reg;
    color:#222;
	font-size:14px;
	text-transform:capitalize;
	letter-spacing:.4px;
}
/*end*/

.titlecenterinpage{font-family:opensans-semi; font-size:32px; color:#222; letter-spacing:.4px; line-height:35px; padding-top:12px}
.titlecenterinpage2{
	font-family:opensans-semi;     
	font-size: 25px;
    color: #222;
    letter-spacing: .5px;
    line-height: 34px;
    padding-bottom: 20px;
}
.isiinpage{font-family:opensans-reg; font-size:14px; color:#000; letter-spacing:.4px; line-height:28px}
.widthcenterinpage{max-width:970px; text-align:center; margin:0 auto; padding:0 0}
.toppadding{padding-top:25px}
.toppadding2{padding-top:19px}

.bdrspacetop{border-top:1px solid #e7e7e7; margin-top:16px; padding-top:34px}
ul.ulllihoop {
    display: table;
    margin: 0 auto 0 1px;
    padding: 0;
	margin-left:33px;
}
ul.ulllihoop li {
    float: left;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	list-style:disc;;
	margin-bottom:13px;
	font-family:opensans-reg; font-size:14px; color:#000; letter-spacing:.4px; line-height:28px
}
ul.ulllihoop3 {
    display: table;
    margin: 0 auto 0 1px;
    padding: 0;
	margin-left:33px;
}
ul.ulllihoop3 li {
    float: left;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	list-style:disc;;
	margin-bottom:13px;
	font-family:opensans-reg; font-size:14px; color:#000; letter-spacing:.4px; line-height:14px
}
.opensanssemi2{font-family:opensans-semi}
.text-centerjustify{text-align:center}
.text-leftjustify{text-align:center}
.visimisipadding{padding-top: 6px; padding-left: 10px;}
select.selectmobile{border:1px solid #ddd; height:37px; margin-top:10px; padding-left:7px; background:white; width:100%; font-family:opensans-reg; font-size:13px}
.widthproductinpage{max-width:980px; margin:0 auto; padding:0 0}

.desktopdisplay2{display:block}
.landscapedisplay{display:none}
.portraitdisplay{display:none}

.posisi{font-family:opensans-reg; font-size:13px; text-align:left; color:#9e9e9e; font-style:italic; border-bottom:1px dotted #ddd; padding-bottom:2px; margin-bottom:8px}
.hiddendrjabbaribrahim-desktop{display:block}
.hiddendrjabbaribrahim-mobile{display:none}


@media (max-width: 768px) {
.hiddendrjabbaribrahim-desktop{display:none}
.hiddendrjabbaribrahim-mobile{display:block}

.widthproductinpage{padding-left:15px; padding-right:15px}
.titlecenterinpage2{
	font-size: 19px;
    line-height: 30px;
    padding-top: 17px;
    padding-bottom: 12px;
}
ul.ulllihoop {
	padding-left:0;
	margin-left:19px;
}
ul.ulllihoop3 li {margin-left:2px; line-height:20px; text-align:justify}
ul.ulllihoop li {text-align:justify}
.container {width:100%!important}
.text-centerjustify, .text-leftjustify{text-align:justify}
.widthcenterinpage{max-width:none; width:100%}
.title-homepage-wcu{font-size:30px; padding-top:17px}
.latestnewsss{width:570px; height:auto}
.galleryy{width:571px; height:auto}
.ourpromo{max-width:395px; margin:0 auto}

input.btnContactUs, .input.btnreset{width:100%}
/*ABOUT US - OUR ACTIVITY*/
.bg-aboutus-ouractivity{
	background:none;
}
.abu2bg{background:#e9e9e9}
#putih{color:#010101}
/*end*/
}


@media screen and (min-width: 769px) and (max-width: 1024px) {
.hiddendrjabbaribrahim-desktop{display:none}
.hiddendrjabbaribrahim-mobile{display:block}

input.btnreset{margin-left:20px; width:20%}

.size1024{width:140px; height:auto; margin-top:9px}
/*ABOUT US - OUR ACTIVITY*/
.bg-aboutus-ouractivity{background-position:-146px 0}
/*end*/

.mobiledisplay{display:none}
.desktopdisplay{display:block}
}

@media screen and (min-width: 641px) and (max-width: 768px) {
.hiddendrjabbaribrahim-desktop{display:none}
.hiddendrjabbaribrahim-mobile{display:block}

input.btnreset{width:100%!important}
.text-centerjustify{text-align:justify}
.desktopdisplay2{display:block}
.landscapedisplay{display:none}
.portraitdisplay{display:none}

.mobilelogo{position:absolute; float:right; z-index:1000; top:0; width:109px; padding:8px 0; right:41%}

.viewdesktop{display:block}
.viewmobile{display:none}
.mobiledisplay{display:none}
.desktopdisplay{display:block}

/*ABOUT US - OUR ACTIVITY*/
.bg-aboutus-ouractivity{
	background:none;
}
.abu2bg{background:#e9e9e9}
/*end*/


/*PROMO*/
.date1{font-size:11px; padding:5px 0}
a.judulpromo{font-size:17px}
a.contentpromo{text-align:justify}
.text-leftD-centerM{text-align:center}
.bottomspace{margin-bottom:40px}
.widthwhychooseus{width:40%; margin:0 auto; text-align:center}
.topspacetitle-whychooseus{margin-top:15px}
/*END*/

/*NEWS*/
.widthlatestnews{width:75%; margin:0 auto}
a.contentnews1{text-align:justify}
.margintop-readmore1{margin-top:2%}
/*end*/

/*HOF*/
.topdate{margin-top:8px}
/*END*/
}


@media screen and (min-width: 601px) and (max-width: 640px) {
.hiddendrjabbaribrahim-desktop{display:none}
.hiddendrjabbaribrahim-mobile{display:block}

input.btnreset{width:100%!important}
.desktopdisplay2{display:none}
.landscapedisplay{display:block}
.portraitdisplay{display:none}

.mobilelogo{position:absolute; float:right; z-index:1000; top:0; width:109px; padding:8px 0; right:41%}
.mobiledisplay{display:none}
.desktopdisplay{display:block}

.viewdesktop{display:none}
.viewmobile{display:block}

/*ABOUT US - OUR ACTIVITY*/
.bg-aboutus-ouractivity{
	background:none;
}
.abu2bg{background:#e9e9e9}
/*end*/

/*PROMO*/
.date1{font-size:11px; padding:5px 0}
a.judulpromo{font-size:17px}
a.contentpromo{text-align:justify}
.text-leftD-centerM{text-align:center}
.bottomspace{margin-bottom:40px}
.widthwhychooseus{width:50%; margin:0 auto; text-align:center}
.topspacetitle-whychooseus{margin-top:15px}
/*END*/

/*NEWS*/
a.titlenews1{font-size:16px; line-height:24px}
.widthlatestnews{width:100%; margin:0 auto}
a.contentnews1{text-align:justify}
.margintop-readmore1{margin-top:2%}
/*end*/

/*HOF*/
.topdate{margin-top:8px}
/*END*/
}

/*landscape android (berdiri)*/
@media only screen and (min-width : 480px) and (max-width : 600px) {
.hiddendrjabbaribrahim-desktop{display:none}
.hiddendrjabbaribrahim-mobile{display:block}

input.btnreset{width:100%!important}
.desktopdisplay2{display:none}
.landscapedisplay{display:block}
.portraitdisplay{display:none}

.mobilelogo{position:absolute; float:right; z-index:1000; top:0; width:109px; padding:8px 0; right:36%}
.mobiledisplay{display:none}
.desktopdisplay{display:block}

.viewdesktop{display:none}
.viewmobile{display:block}
/*PROMO*/
.date1{font-size:11px; padding:5px 0}
a.judulpromo{font-size:17px}
a.contentpromo{text-align:justify}
.text-leftD-centerM{text-align:center}
.bottomspace{margin-bottom:40px}
.widthwhychooseus{width:80%; margin:0 auto; text-align:center}
.topspacetitle-whychooseus{margin-top:15px}
/*END*/

/*NEWS*/
a.titlenews1{font-size:15px; line-height:23px}
.widthlatestnews{width:100%; margin:0 auto}
a.contentnews1{text-align:justify}
.margintop-readmore1{margin-top:2%}
/*end*/

/*HOF*/
.topdate{margin-top:8px}
/*END*/
}


/*portrait android (berdiri)*/
@media only screen and (min-width : 320px) and (max-width : 479px){
.hiddendrjabbaribrahim-desktop{display:none}
.hiddendrjabbaribrahim-mobile{display:block}

input.btnreset{width:100%!important}
.centergallery{max-width:210px; margin:0 auto; padding:0 0}
.desktopdisplay2{display:none}
.landscapedisplay{display:none}
.portraitdisplay{display:block}

.mobilelogo{position:absolute; float:right; z-index:1000; top:0; width:109px; padding:8px 0; right:4.5%}
.mobiledisplay{display:block}
.desktopdisplay{display:none}

.viewdesktop{display:none}
.viewmobile{display:block}

/*ABOUT US - OUR ACTIVITY*/
.bg-aboutus-ouractivity{
	background:none;
}
.abu2bg{background:#e9e9e9}
/*end*/

/*PROMO*/
.date1{font-size:11px; padding:5px 0}
a.judulpromo{font-size:17px}
a.contentpromo{text-align:justify}
.text-leftD-centerM{text-align:center}
.bottomspace{margin-bottom:40px}
.widthwhychooseus{width:90%; margin:0 auto; text-align:center}
.topspacetitle-whychooseus{margin-top:15px}
/*END*/

/*NEWS*/
a.titlenews1{font-size:15px; line-height:23px}
.widthlatestnews{width:100%; margin:0 auto}
a.contentnews1{text-align:justify}
.margintop-readmore1{margin-top:2%}
/*end*/

/*HOF*/
.topdate{margin-top:8px}
/*END*/
}

/*portrait android (berdiri)*/
@media only screen and (max-width : 320px) {
.hiddendrjabbaribrahim-desktop{display:none}
.hiddendrjabbaribrahim-mobile{display:block}

input.btnreset{width:100%!important}
.centergallery{max-width:210px; margin:0 auto; padding:0 0}
.desktopdisplay2{display:none}
.landscapedisplay{display:none}
.portraitdisplay{display:block}
.mobilelogo{position:absolute; float:right; z-index:1000; top:0; width:109px; padding:8px 0; right:4.5%}
.mobiledisplay{display:block}
.desktopdisplay{display:none}

.viewdesktop{display:none}
.viewmobile{display:block}
/*PROMO*/
.date1{font-size:11px; padding:5px 0}
a.judulpromo{font-size:17px}
a.contentpromo{text-align:justify}
.text-leftD-centerM{text-align:center}
.bottomspace{margin-bottom:40px}
.widthwhychooseus{width:90%; margin:0 auto; text-align:center}
.topspacetitle-whychooseus{margin-top:15px}
/*END*/

/*NEWS*/
a.titlenews1{font-size:15px; line-height:23px}
.widthlatestnews{width:100%; margin:0 auto}
a.contentnews1{text-align:justify}
.margintop-readmore1{margin-top:2%}
/*end*/

/*HOF*/
.topdate{margin-top:8px}
/*END*/
}