*{
	margin:0px;
	padding: 0px;
}
@font-face {
 font-family:'Calibri';
 src: url("../fonts/calibri.ttf"),
 url("../fonts/calibri.eot"),
 url("../fonts/calibri.wof");
}
@font-face {
 font-family:'Calibri Bold';
 src: url("../fonts/calibrib.ttf"),
 url("../fonts/calibrib.eot"),
 url("../fonts/calibrib.wof");
}
p,h1,h2,h3,h4,a,span{
 	font-family:'Calibri';
 	font-size: 24px;
}
img{
  border:none;
}



.feature_mail h2, .facebook h2, {
  font-size: 24px;
  color: #64666b;
  padding-bottom: 10px;
  font-weight: 300;
  font-family:'Calibri';
  text-align: left;
}

.feature_mail p, h2, .facebook p, .search p{
  font-size: 16px;
  color: #64666b;
  font-family:'Calibri';
  padding-bottom: 10px;
  text-align: left;
}
.feature_mail img{
  float: left;
  padding-right: 25px;
  padding-bottom: 20px;
}

.facebook img{
  float: right;
}

.feature_mail, .facebook{
  border-bottom: 1px solid #000;
  padding-top: 20px;
}






.facebook2 h2, {
  font-size: 24px;
  color: #64666b;
  padding-bottom: 10px;
  font-weight: 300;
  font-family:'Calibri';
  text-align: left;
}

.feature_mail p, h2, .facebook2 p, .search p{
  font-size: 16px;
  color: #64666b;
  font-family:'Calibri';
  padding-bottom: 10px;
  text-align: left;
}


.facebook2 img{
  float: right;
}

.facebook2{
  
  padding-top: 20px;
}














@media screen and (max-width: 680px) {
  .feature_mail img{float: none; padding-right: 56px;}
  .facebook img{float: none; padding-right: 56px;}
  
    .facebook2 img{float: none; padding-right: 56px;}
	
	
  .search img{float: none; padding-right: 56px;}
}
@media screen and (max-width: 640px) {
  .feature_mail img{padding-right: 0px;}
  .facebook img{padding-right: 0px;}
  .search img{padding-right: 0px;}
}







/* Header*/

.row.center_row {
	max-width: 73.5rem;
}
.input_padd {
	padding-right: 0px;
}
.menu_top{
	height: 19px;
	width: 100%;
	background: #64666b;
}
.menu{
	height: auto;
	overflow: hidden;
	background: #ffffff;
    width: 100%;
}
.clear{
	clear: both;
}
.menu img{
	padding-top: 35px;
	padding-bottom: 20px;
}
.menu h2{
	font-family:'Calibri';
	font-size: 18px;
	line-height: 24px;
	color: #57585c;
	margin: 0;
	padding: 34px 0px 34px 0px;
	    margin: 0 0 0 47px;
}
.menu a{
	font-family:'Calibri';
	font-size: 24px;
	line-height: 24px;
	color: #4dbee9;
}





.header_content_center {
	max-width: 1173px;
	width: 100%;
	margin: 0 auto;
}
.header_content{
	background: url(../images/header_baner.png) no-repeat center center;
	background-size: cover;
	height: 463px;
	position: relative;
    width: 100%;
    z-index: 888;
}
.header_content img {
	margin-top: 48px;
    height: 415px;
}
.header_pictires{
	padding-right: 0px;
}
.header_pictires img{
	float: right;
}
@-moz-document url-prefix()
{
  .header_content img { 
   margin-top: 48px;
    height: 415px;
    width: 722px;
}
}
_:-ms-lang(x), .header_content img { 
   margin-top: 48px;
    height: 415px;
}
.header_content h2{
	font-family:'Calibri Bold';
	font-size: 42px;
	line-height: 48px;
	text-align: left;
	color: #010101;
	padding-top: 116px;
	padding-bottom: 40px;
}
.header_content p{
	font-family:'Calibri';
	font-size: 30px;
	line-height: 36px;
	text-align: left;
	color: #000;
}


/* HEADER 2 BOTTOM */


.header_content_center2 {
	max-width: 1173px;
	width: 100%;
	margin: 0 auto;
}
.header_content2{
	background: url(../images/header_baner.png) no-repeat center center;
	background-size: cover;
	height: 463px;
	position: relative;
    width: 100%;
    z-index: 888;
}
.header_content2 img {
	margin-top: 48px;
    height: 415px;
}
.header_pictires2{
	padding-right: 0px;
}
.header_pictires2 img{
	float: left;
	
	

}
@-moz-document url-prefix()
{
  .header_content2 img { 
   margin-top: 48px;
    height: 415px;
    width: 415px;
}
}
_:-ms-lang(x), .header_content img { 
   margin-top: 48px;
    height: 415px;
}
.header_content2 h2{
	font-family:'Calibri Bold';
	font-size: 42px;
	line-height: 48px;
	text-align: right;
	color: #010101;
	padding-top: 116px;
	
}
.header_content2 p{
	font-family:'Calibri';
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	color: #000;
	padding-top: 150px;
	width: 600px;
	
	
}




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


.header_content2 p {
padding-top: 50px;
width: 350px;

}
	
}



@media screen and (max-width: 680px){
	
	.header_pictires2 img { 
	position: absolute; 
	bottom: 0px; 
	left: 35px;

	}
	.header_content2 img { 
	width: 300px; 
	height:321px; 
	}
	
	.header_content2 p {
	padding-top: 30px;
	width: 250px;
	
	
	}
	
	}
	
	@media screen and (max-width: 740px){
		
		
	.header_content2 p {
	padding-top: 10px;
	padding-left: 10px;
	width: 200px;
	font-size: 20px;
	line-height: 25px;
	
	}
	
	.header_pictires2 img { 
	position: absolute; 
	bottom: 0px; 
	left: 10px;

	}
		
		
	}




/* END HEADER 2 */












.search_domain{
	height: auto;
	width: 100%;
    z-index: 777;
    margin-bottom: 55px;
    margin-top: 55px;
}
.search_domain .search_domain_name {
	border: 2px solid #4cbee9;
	height: 55px;
	font-size: 24px;
	font-family:'Calibri';
	color: #55565a;
}
.search_domain .button {
	max-width: 230px;
    width: 100%;
    height: 55px;
    background: #4cbee9;
    font-family:'Calibri';
    font-size: 24px;
    padding: 0px;
}
.content_topik {
	min-height: 66px;
	width: 100%;
	background: #4cbee9;
}
.content_topik1 {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 12px solid #4cbee9;
    left: 50%;
    margin-left: -10px;
    bottom: -18px;
    z-index: 999;
}
.topik h3 {
	padding-top: 15px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	font-family:'Calibri';
}

.topik h4 {
	padding-top: 10px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	font-family:'Calibri';
	
}

.content_topik_next {
	margin-top: 34px;
}
.content_topik_next h4 {
	text-align: center;
	font-size: 18px;
	color: #64666b;
	font-family:'Calibri';
}
.content_topik_next span{
	text-align: center;
	font-size: 18px;
	color: #64666b;
	font-family:'Calibri Bold';
}




/* New Section */

.content_topik_next2 {
	margin-top: 34px;
}
.content_topik_next2 h4 {
	text-align: left;
	font-size: 18px;
	color: #64666b;
	font-family:'Calibri';
}
.content_topik_next2 span{
	text-align: left;
	font-size: 18px;
	color: #64666b;
	font-family:'Calibri Bold';
}






/* End New Section */




.blue_bord {
	border: 5px solid #4cbee9;
    max-width: 344px;
    width: 100%;
    margin: 0 auto;
}
.colums {
	margin-top: 50px;
}
.colums h3{
	    min-height: 66px;
	text-align: center;
	font-size: 24px;
	color: #4cbee9;
	font-family:'Calibri';
}
.colums p {
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	color: #64666b;
	font-family:'Calibri';
	max-width: 316px;
	padding-right: 6px;
	padding-left: 6px;
	margin: 0 auto;
}
.colums img {
	padding-left: 45%;
	padding-bottom: 19px;
}
.content_footer {
	margin-top: 50px;
	margin-bottom: 50px;
}
.content_footer h4, .content_footer a{
	text-align: center;
	font-size: 24px;
	color: #55565a;
	font-family:'Calibri Bold';
}


		/*FOOTER*/


footer{
	background: url(../images/footer.png)no-repeat center center;
	background-size: cover;
	height: 467px;
}
footer h2{
	font-family:'Calibri';
	color: #fff;
	font-size: 12px;
	padding-top: 50px;
}
footer h2 a{
	text-decoration: underline;
	font-family:'Calibri';
	color: #fff;
	font-size: 12px;
	padding-top: 50px;
}
		/*MEDIA*/
@media screen  and (max-width: 900px){
	.content_topik1.next_sec{bottom: -11px;}
}
@media screen  and (max-width: 974px){
	.blue_bord {min-height: 230px; height: 100%;}
	.header_pictires{ position: absolute; bottom: 0px; right: 10px;}
	.header_content img{ height: 100%; width: 100%;}

}
@media screen  and (min-width: 945px){
	.colums h3 {min-height: 43px;}
}
@media screen  and (max-width: 946px){
	.header_content h2 {padding-top: 130px; font-size: 39px; line-height: 38px; padding-bottom: 20px;}
	.header_content p{ font-size: 26px; line-height: 28px;}

}
@media screen  and (max-width: 817px){
	.blue_bord {min-height: 253px; height: 100%;}
}
@media screen  and (max-width: 800px){
	.header_content h2{font-size: 30px; line-height: 30px;padding-top: 108px; padding-bottom: 34px;}
}
@media screen  and (max-width: 842px){
	.header_content img { margin-top: 108px;height: 355px;}
}
@media screen  and (max-width: 781px){
	.blue_bord {min-height: 253px; height: 100%;}
}
@media screen  and (max-width: 738px){
	.header_content img {margin-top: 173px !important;height: 290px !important;}
	.header_content p {font-size: 23px !important;}
	.header_content h2 {padding-top: 174px !important;}
}
@media screen  and (max-width: 698px){
	.blue_bord {min-height: 277px; height: 100%;}
}
@media screen  and (max-width: 662px){
	.blue_bord {min-height: 277px; height: 100%;}
	.header_content{height: 400px;}
	.header_content h2 {padding-top: 100px !important;}
}
@media screen  and (max-width: 640px){
	.input_padd {padding-right: 15px;}
	.header_content img {margin-top: 37px !important; width: 273px;height: 157px !important;}
	.menu img{ padding-top: 15px; padding-bottom: 15px;}
	.menu h2{padding: 0px 0px 20px 0px;margin: 0 auto;}
	.header_content{ height: 320px;}
	.header_content h2{padding-top: 10px !important;font-size: 30px !important;line-height: 30px !important;text-align: center;}
	.header_content p{font-size: 19px !important;line-height: 21px !important;text-align: center;}
	.search_domain .search_domain_name {margin-left: 0px;}
	footer{height: 290px;}
	.content_text{ padding-top: 40px; padding-bottom: 100px;}
	.blue_bord {margin-bottom: 20px;min-height: 230px;height: 100%;}
	.header_pictires img{float: none;}
}
@media screen  and (max-width: 542px){
	
	.header_content img {margin-top: 37px !important; width: 273px;height: 160px;}
}
@media screen  and (max-width: 519px){
	
	.content_topik1 {bottom: -11px;}
}
@media screen  and (max-width: 500px){
	.header_content p{margin: 14px auto;max-width: 410px;}
	.header_content img {margin-top: 16px !important; width: 273px;height: 160px;}
}
@media screen  and (max-width: 378px){
	.header_content h2{    padding-bottom: 4px;}
}
@media screen  and (max-width: 365px){
	.header_content p {    font-size: 20px !important;line-height: 21px !important;text-align: center;}
	.header_content h2 {padding-top: 10px;font-size: 30px !important;line-height: 30px !important;text-align: center;}
}












@media screen and (max-width: 680px) {
  .feature_mail img{float: none; padding-right: 56px;}
  .facebook img{float: none; padding-right: 56px;}
  .search img{float: none; padding-right: 56px;}
}
@media screen and (max-width: 680px) {
  .feature_mail img{float: none; padding-right: 56px;}
  .facebook img{float: none; padding-right: 56px;}
  .search img{float: none; padding-right: 56px;}
}

@media screen and (max-width: 640px) {
  .feature_mail img{padding-right: 0px;}

.feature_mail, .facebook{
  border-bottom: 1px solid #000;
  padding-top: 40px;
  text-align: center;
}
.facebook img, .facebook2 img{float: none; padding-right: 0px;}
.facebook2 {text-align: center;}
.header_content2 p {width: 100%;}
.header_pictires2 img {left: 14%;}

.feature_mail h2, .facebook h2, .search h2{
  font-size: 24px;
  color: #64666b;
  padding-bottom: 10px;
  font-weight: 300;
  font-family:'Calibri';
  text-align: left;
}

.feature_mail p, .facebook p, .search p{
  font-size: 16px;
  color: #64666b;
  font-family:'Calibri';
  padding-bottom: 44px;
  text-align: left;
}

.feature_mail img, .search img{
  float: left;
  padding-right: 25px;
  padding-bottom: 20px;
}}
@media screen and (max-width: 425px) {
	.header_pictires2 img {left: 9%;}
}
@media screen and (max-width: 375px) {
	.header_pictires2 img {left: 4%;}
}
@media screen and (max-width: 320px) {
	.header_pictires2 img {left: 2%;}
}






@media screen and (max-width: 640px) {
  .feature_mail img{padding-right: 0px;}
  
  
@media screen and (max-width: 680px) {
  .feature_mail img{float: none; padding-right: 56px;}

@media screen and (max-width: 640px) {
  .feature_mail img{padding-right: 0px;}