html, body {
	color:#fff; 
	background-color:#344563;
	max-width: 100% !important;
    overflow-x: hidden !important;
	position: relative;
}


@font-face {
	font-family: "Gotham-Book";
	src: url("GOTHAM-BOOK.TTF");	
}
@font-face {
	font-family: "Gotham-Bold";
	src: url("GOTHAM BOLD.OTF");	
}
@font-face {
	font-family: "Gotham-Medium";
	src: url("GOTHAM-MEDIUM.TTF");	
}
@font-face {
	font-family: "Gotham-Light";
	src: url("Gotham Light Regular.otf");	
}

.fit_image {
	width: 100%;
}



@media screen and (min-width: 767px) 
{
	.row {
		width: 100%;
		text-align: center;
		margin: 0;
		
	}
	.dpw_row {
		max-width: 1010px;
		margin: auto;
	}	
	
	.langkahmudah {
		background: url("../images/3langkah BG repeat-min.png");		
		background-repeat: repeat;
		height: 114px;
		line-height: 114px;
	}
	
	.web_float_logos {
		float: left;
		width: 33%;
		height: 100%;
		margin-top: 24px;
		font-size: 16px;
		font-family: "Gotham-Book";
	}
	.web_float_logos div {
		font-size: 25px;
		font-family: "Gotham-Bold";
		margin: 5px;
	}
	
	.web_hape {
		height: 482px; 
		background-color: #fec542;
	}
	.item_bullettop {
		background-color: white;
		border:2px solid #000000 !important;
		width: 15px !important;
		height: 15px !important;
		opacity: 0.8 !important;
		margin-left: 8px !important;
		margin-right: 8px !important;
	}
	.active {
		opacity: 1 !important;
		background-color: white;
	}
}
	

@media screen and (max-width: 767px) 
{
	.dpw_row {
		width: 100%;
		margin:0;
		padding:0;
	}
	
	.row	{
		margin:0;
		padding:0;
	}
	
	.adjustment_left {
		margin-top: -40% !important;
		margin-left: -50% !important;		
		width: 10px !important;
	}
	.adjustment_right {
		margin-top: -40% !important;
		margin-right: -50% !important;		
	}
	.arrow_slider {
		width: 40px;
	}
	.item_bullettop {
		background-color: white;
		border:2px solid #000000 !important;
		width: 10px !important;
		height: 10px !important;
		opacity: 0.8 !important;
		margin-left: 8px !important;
		margin-right: 8px !important;
		margin-bottom: -10px !important;
	}
	.active {
		opacity: 1 !important;
		background-color: white;
	}
	.langkahmudah {
		background: url("../images/mobile/3langkah BG repeat-min.png");		
		background-repeat: repeat;
		
		padding: 10px 4px 20px 4px;
		
	}
	.mob_float_logos {
		float:left;
		width: 47%;
		padding-left: 5px;
		margin-top: 8px;
	}
	.mob_float_logos_2 {
		float:right;
		width: 48%;
		padding-right: 5px;
		margin-top: 8px;
	}
	.web_hape {
		padding: 20px 0px 0px 0px; 
		background-color: #fec542;
	}
}