@charset "utf-8";
/* CSS Document */
.framepp_main{
	 width:100%;
	 height:auto;
	 margin-top:30px;
	 
	
	
	 float:left;
	 padding:0px;
	 border:solid 0px #FF0000;

}

.framepp_main_tracking{
	 width:100%;
	 height:auto;
	 margin-top:0px;
	 float:left;
	 padding:0px;
	 border:solid 0px #FF0000;

}

.framepp_content{
	display:block;

	 width:1200px;
	 height:auto;
	 margin-top:25px;
	  margin: 0 auto;
	
	 
	 padding:5px;
	 border:solid 0px #0033CC;
	
}

.framepp_content2{
	display:block;

	 width:830px;
	 height:auto;
	 margin-top:25px;
	  margin: 0 auto;
	
	 
	 padding:5px;
	 border:solid 1px #0033CC;
	
}

.framepp_content3{
	display:block;

	 width:1200px;
	 height:auto;
	 margin-top:5px;
	  margin: 0 auto;
	
	 
	 padding:5px;
	 border:solid 0px #0033CC;
	
}

.framepp_content_tracking{
	display:block;

	 width:950px;
	 height:auto;
	 margin-top:0px;
	  margin: 0 auto;
	
	 
	 padding:0px;
	 border:solid 0px #0033CC;
	
}

.content_main{
			
			width:880px;
			height: inherit;
			padding:15px;
			float:left;
			margin-left:15px;
			margin-bottom:10px;
			margin-top:50px;
			
			border:solid 0px #FFFF00;
			
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			background: #FFFFFF;
			
			
	


-webkit-box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.39);
box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.39);




	
}
.kartu_video{
width:580px;
height:350px;
border:solid 0px #FFFF00;
float:left;
padding-top:0px;
margin-top:25px;
overflow:visible;


}

.kartu_testimoni{
width:580px;
height:350px;
border:solid 0px #FFFF00;
float:left;
margin-top:25px;




}

.kartu_testimoni2{
width:280px;
height:350px;
border:solid 0px #FFFF00;
float:left;
padding:10px;
margin-top:0px;
margin-left:5px;
text-align:center;

			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			background:#FFFFFF;
			-webkit-box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.39);
box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.39);


}
.kartu_mengapa{
width:280px;
height:280px;
border:solid 0px #FFFF00;
float:left;
margin-left:15px;
text-align:center;


}


.kartu_judul{
width:100%;
height:30px;
border:solid 0px #FFFF00;
text-align:center;
font: "Times New Roman", Times, serif;
font-size:24px;
font-weight:700;
margin-bottom:10px;
color:#999999;


}

.kartu_judul_tracking{
width:100%;
height:30px;
border:solid 0px #FFFF00;
text-align:center;
font: "Times New Roman", Times, serif;
font-size:24px;
font-weight:350;
margin-bottom:10px;
color: #FFFFFF;


}

.tracking{
color:#FFFFFF;
width:95%;
margin-left:10px;


}

.kartu_main{
			
			width:280px;
			height:400px;
			float:left;
			margin-left:15px;
			margin-bottom:10px;
			
			border:solid 0px #FFFF00;
			
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			background:#FFFFFF;
			
			
	


-webkit-box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.39);
box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.39);




	
}

.kartu_head{
			
			width:280px;
			height:120px;
			margin-left:0px;
			margin-bottom:2px;
			padding-top:40px;
			text-align:center;
			color:#FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			font-size:20px;
			font-weight:400;
			
			
			border:solid 0px #FFFF00;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			
			background: rgba(8,90,110,1);
background: -moz-linear-gradient(top, rgba(8,90,110,1) 0%, rgba(117,189,209,1) 58%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,90,110,1)), color-stop(58%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-linear-gradient(top, rgba(8,90,110,1) 0%, rgba(117,189,209,1) 58%, rgba(73,165,191,1) 100%);
background: -o-linear-gradient(top, rgba(8,90,110,1) 0%, rgba(117,189,209,1) 58%, rgba(73,165,191,1) 100%);
background: -ms-linear-gradient(top, rgba(8,90,110,1) 0%, rgba(117,189,209,1) 58%, rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(8,90,110,1) 0%, rgba(117,189,209,1) 58%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085a6e', endColorstr='#49a5bf', GradientType=0 );
			
			
}

.kartu_head2{
			
			width:280px;
			height:80px;
			margin-left:0px;
			margin-bottom:2px;
			padding-top:25px;
			text-align:center;
			color:#FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			font-size:20px;
			font-weight:400;
			
			
			border:solid 0px #FFFF00;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			
			background: rgba(8,90,110,1);
background: -moz-linear-gradient(top, rgba(8,90,110,1) 0%, rgba(117,189,209,1) 58%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,90,110,1)), color-stop(58%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-linear-gradient(top, rgba(8,90,110,1) 0%, rgba(117,189,209,1) 58%, rgba(73,165,191,1) 100%);
background: -o-linear-gradient(top, rgba(8,90,110,1) 0%, rgba(117,189,209,1) 58%, rgba(73,165,191,1) 100%);
background: -ms-linear-gradient(top, rgba(8,90,110,1) 0%, rgba(117,189,209,1) 58%, rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(8,90,110,1) 0%, rgba(117,189,209,1) 58%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085a6e', endColorstr='#49a5bf', GradientType=0 );
			
			
}

.kartu_teks{
			
			width:100%;
			height:65px;
			margin-top:5px;
			padding:5px;
			color: #666666;
			text-align:center;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			overflow:hidden;
			
		    border:solid 0px #0033CC;
			
			
}

.kartu_teks2{
			
			width:100%;
			height:125px;
			margin-top:5px;
			padding-left:5px;
			padding-right:5px;
			
			color: #333333;
			text-align:center;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;
			overflow:hidden;
			
		    border:solid 0px #0033CC;
			
			
}

.kartu_tombol{
			
			width:100%;
			height:50px;
			margin-top:5px;
			padding-left:5px;
			padding-right:5px;
			
			
		    border:solid 0px #0033CC;
			
			
}

.kartu_foto img{
	width:80px;
	height:80px;
	overflow:hidden;
	margin-left:30%;
	margin-top:-50px;
	
	position: inherit;
	
	
	border-radius: 50%;
	border:solid 4px #FFFFFF;

}


@media screen and (max-width:480px) {

	.framepp_content{
		
		 width:355px;
		 
		
	}

	.kartu_main{
				
				width:95%;
				height:400px;
				margin-left:7px;
				margin-right:5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
	
	}
	
	.kartu_head{
			
			width:100%;
			height:120px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			
			
			
	}
	
	.kartu_head2{
			
			width:100%;
			height:80px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			
			
			
	}

	.kartu_teks{
				
				width:100%;
				height:60px;
				padding:2px;
				font-size:11px;
				overflow: scroll;
	
	}	
	
	.kartu_tombol{
			
			width:100%;
			height:35px;
			margin-top:2px;
			padding-left:2px;
			padding-right:2px;
			
			
			
			
		}

.kartu_judul{
width:auto;
margin-bottom:40px;
}
.framepp_content3{
	display:block;

	 width:100%;
	 height:auto;
	 margin-top:5px;
	  margin: 0 auto;
	
	
	
}

.kartu_video{
width:100%;
height:400px;

}	

.kartu_testimoni{
width:100%;
height:auto;
border:solid 0px #FFFF00;
margin-top:25px;
overflow:auto;


}

.kartu_testimoni2{
width:100%;
height:350px;
border:solid 0px #FFFF00;
float:left;
padding:10px;
margin-top:5px;
margin-left:0;


	
}
.framepp_content_tracking{
	display:block;

	 width:100%;
	
	
}

.framepp_content2{
	

	 width:100%;
	 margin-left:0px;
	 margin-right:5px;

	
}

.content_main{
			
			width:100%;
			 margin-left:0px;
			 margin-right:5px;
			
	
}

}