html, body { height: 100%; }
html       { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}	
@font-face { font-family: 'Buran'; src: url(../fonts/Buran.ttf)format('truetype'); }		
body  { 
       padding:0; margin:0;  font-family: 'Open Sans', sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-rendering: optimizeLegibility !important; 
	   -webkit-font-smoothing: antialiased !important; font-size: 90%; background:#f1f1f1; color:#444;
	  }
header, footer, section, article, aside, nav { box-sizing:border-box;   -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  -ms-box-sizing:border-box;}
ul, li, a  {margin: 0; padding: 0;   box-sizing:border-box;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}	
div  { box-sizing:border-box;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; }
input, textarea, select{  box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; 
	                      border:solid 1px #ccc;  padding:16px;  font-family: 'Open Sans', sans-serif;
	                      font-size:90%; outline:none;
	                      color:#666666; width:100%;
						  background:#FAFAFA;
						  margin-bottom:10px;
						  
                        }
input[type=submit] { width:auto; cursor:pointer; background:#ea4934; padding:12px 16px; text-transform:uppercase; color:#FFFFFF}
textarea{ resize:none; height:200px; margin:0; margin-bottom:10px;}
h1{padding:0;  margin:0;  text-transform:uppercase; font-size:28px;  font-weight:600;  }
h2{padding:0;  margin:0;   text-transform:uppercase; font-size:24px; font-weight:700;   }
h3{padding:0;  margin:0; padding-top:20px; padding-bottom:20px;  font-size:16px; text-transform:capitalize;  font-weight:600 ; }
h4{padding:0;  margin:0; padding-top:20px; padding-bottom:20px; font-size:16px; text-transform:uppercase;   }
	   
a{text-decoration:none;   cursor:pointer; color:#444}
a:focus {outline:none;}
a:active,a:hover {outline:none;text-decoration:none;}
img{vertical-align:bottom}
p{margin:0; padding:0;  line-height:170%}
.under{font-size:16px; margin-top:15px; margin-bottom:60px; color:#888}
.under_side{font-size:16px; margin-top:20px; margin-bottom:20px; color:#888}
.date{ color:#999999; display:block; font-style:italic; margin-bottom:20px; margin-top:20px;}
.small_txt{font-size:13px; color:#888888}
.tengah{ text-align:center}
.line_title{height:9px; background:url(../material/lines.png) no-repeat center; width:105px; display:table; margin:auto; margin-top:20px;}
.line_title2{height:2px; background:#ea4934; width:80px; margin-top:10px; margin-bottom:10px;   display:table;}
.line_title3{height:2px; background:#ea4934; width:60px;  display:table; margin:auto; margin-top:10px;  margin-bottom:10px;  }


/* ----button --- */
.btn1{color:#aaa; border:solid 2px #ccc; padding:10px 40px; text-transform:uppercase; display:inline-block; margin-top:10px;}
.btn2{}



/* ----GRID --- */
.section {padding-top:80px; padding-bottom:80px;  display:table; width:100%;  }
.dua{background:#F8F8F8}
.conten{ width:86%;  margin:auto; display:table;    }
.conten_filter{text-align:center; width:88%;}
.conten_filter_full{text-align:center; width:100%;}


.left_bar{float:left; width:26%;  }
.right_bar{float:right; width:70%; }
.left_bar2{float:left; width:38%;  }
.right_bar2{float:right; width:60%; }
.left_bar3{float:left; width:40%;  }
.right_bar3{float:right; width:56%; }

.left_bar4{float:left; width:50%; }
.right_bar4{float:right; width:42%;}
.left_bar5{float:left; width:70%; }
.right_bar5{float:right; width:26%;}

.box1{display:table; width:100%; position:relative; }

.box2{ float:left; width:50%; }

.box2_l{ float:left; position:relative;   width:49%;   }
.box2_r{ float:right; position:relative;   width:49%;  }
.abs_l{position:absolute; left:0; top:0; bottom:0;}
.abs_r{position:absolute; right:0; top:0; bottom:0;}

.box3{ float:left; width:33.33333333333333%; }

.box3_m{float:left; width:32%;}
.f3{}
.m3{ margin-left:2%; margin-right:2%;   }
.l3{}

.box4{ float:left; width:25%;  }
.box4_m{ float:left; width:23.5%; margin:1%;  margin-top:0; margin-bottom:0  }
.f4{ margin-left:0;}
.l4{ margin-right:0;}

.left{float:left;  }
.right{float:right;  }

/* ---- END GRID --- */


/* pop up 
================================================== */

.boxirclose    { text-align:center; height:40px; width:40px; float:right; line-height:40px; font-weight:bold; border-radius:50%;
			     margin-top:-30px; margin-right:-30px; background:#ea4934 url(../material/close.png) no-repeat center; background-size:12px; color:#FFFFFF; cursor:pointer;
               }
			   
/* galeri STYLE
================================================== */			   
.galeri .box4_m{margin-bottom:2%}		 
.galeri .box3_m{margin-bottom:2%}	

/* halaman / pagging &loadmore STYLE
================================================== */
.halaman .conten{position:relative}
#updates{display:table; width:100%; }
#updates .box3_m{ margin-bottom:2%;}	   
/* MORE STYLE
================================================== */
.more{color:#ea4934; font-size:13px; text-transform:uppercase; display:inline-block; margin-top:10px;}
.more i{ margin-left:4px;}
.more:hover{color:#2A3F55}
.more_box{color:#aaa; border:solid 2px #ccc; padding:10px 40px; text-transform:uppercase; display:inline-block; margin-top:10px;}
.more_box:hover{background:#f5f5f5; }
.morebox{color:#CCCCCC; margin-top:40px; background:#F8F8F8; border:solid 1px #ddd; padding:12px 0; text-align:center; border-radius:20px;}
.morebox .more{display:block; margin:0; color:#999}
.hover_down:after{
	opacity: 0;
	position: absolute;
	content: '';
	top: 0;
	right: auto;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 500ms;
  	-moz-transition: opacity 500ms;
  	-o-transition: opacity 500ms;
  	transition: opacity 500ms;
  	background: rgba(253, 89, 8, 0.75);
}

.hover_down:hover:after{
	opacity: 1;
}

.more_down{
	color: #fff;
	opacity: 0;
	position: absolute;
	top: 0;
	left:50%;
	margin-top: -20px;
	margin-left: -20px;
	font-size: 16px;
  	width: 40px;
 	height: 40px;
  	line-height: 40px;
  	border-radius: 3px;
  	z-index: 1;
  	background: rgba(0, 0, 0, 0.5);
  	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	-o-transition: all 0.3s;
  	transition: all 0.3s;
}

.hover_down:hover .more_down{
	opacity: 1;
	top: 50%;
	
}

.more_down:hover{
	color: #fc5a0a;
	background: #fff;
}


/* contact style
================================================== */
.peta{height:380px; margin-bottom:60px; background:#E6E6E6}
.kontak li{ list-style:none; line-height:26px;}
.line_3{width:100px;  border-bottom:double #eee; }
.sosial{ width:40px; border-radius:50%; float:left; background:#D0D0D0; text-align:center; height:40px; line-height:40px; margin-right:6px;}
.alamat{margin-top:40px; margin-bottom:40px;}
.box_sosmed{ width:100%; display:table; margin-top:30px;}



/* BOXES STYLE
================================================== */
/* list box */
.list_side{ padding-left:80px;   margin-top:30px; position:relative;}
.list_side:last-child{margin-bottom:0px;}
.list_side_icon{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%;position:absolute; left:0; top:3px; width:60px; height:60px; background:#E6E6E6;}
.list_side_icon2{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%;position:absolute; left:0; top:3px; width:60px; height:60px; border:solid 2px #999999}
.list_side h3{padding:0; margin-bottom:5px; text-transform:uppercase;}

.list_side_r{ padding-right:80px; text-align:right;  margin-top:30px; position:relative;}
.list_side_r_icon{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%;position:absolute; right:0; top:3px; width:60px; height:60px; background:#E6E6E6;}
.list_side_r_icon2{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%;position:absolute; right:0; top:3px; width:60px; height:60px; border:solid 2px #999999}
.list_side_r h3{padding:0; margin-bottom:5px;}


/* two box */

.side_by_side{display:flex; align-items:center; justify-content:space-between  }

.side_one_big h1{ padding:0; margin-bottom:10px}
.side_one_big .full{margin-top:5px;}

.side_one_out_l, .side_one_out_r{position:relative}
.side_one_out_l .box1{   margin-bottom:30px;}
.side_one_out_l .box1:last-child{margin-bottom:0}
.side_one_out_r .box1{  margin-bottom:30px;}
.side_one_out_r .box1:last-child{margin-bottom:0}
.side_one_out_l .box2_r{ padding-left:2%;}
.side_one_out_r .box2_l{ padding-right:2%;}

.no_margin_l{position:relative; padding:0;}
.no_margin_l .abs_r{padding-left:4%; padding-right:4%;}
.no_margin_l .under{margin-bottom:20px}

.no_margin_r{position:relative; padding:0;}
.no_margin_r .abs_l{padding-left:4%; padding-right:4%;}
.no_margin_r .under{margin-bottom:20px}


.blog h3{ text-transform:uppercase; padding:0; font-size:22px}
.blog .full{ float:left; width:38%; margin-right:6%; }
.blog .box1{box-shadow: 0 0 3px rgba(0,0,0,0.1); padding-right:6%;}
.blog .more_box{margin-top:20px;}

.model1 h3{ text-transform:uppercase}
.model1 .list_side{ margin-top:0; margin-bottom:30px;}

.model2{display:flex; align-items:center; justify-content:space-between }
.model2 .left_bar5{padding-top:40px; }
.model2 .right_bar5{}
.model2 .left_bar5 .box1{border:solid 1px; margin-bottom:40px;}


.round_left .box3_m{ position:relative; text-align:left;  padding-left:80px; margin-bottom:4%}
.round_left .box3_m:nth-child(4){ margin-bottom:0; }
.round_left .box3_m:nth-child(5){ margin-bottom:0;}
.round_left .box3_m:nth-child(6){ margin-bottom:0;}
.round_left h3{ padding-top:0px; padding-bottom:5px; text-transform:uppercase}
.icon_round_left{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%; width:60px; height:60px; position:absolute; left:0; background:#ea4934 url(../material/came.png) no-repeat center; background-size:24px; display:block; margin-top:5px;}
.icon_round_left_border{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%; width:60px; height:60px; position:absolute; left:0; border:solid 2px #CCCCCC ; display:block; margin-top:5px;}


.round_left2 .box3_m{ position:relative; text-align:left;  margin-bottom:4%}
.round_left2 .box3_m:nth-last-child(2){ margin-bottom:0; }
.round_left2 .box3_m:nth-last-child(3){ margin-bottom:0;  }
.round_left2 .box3_m:last-child{ margin-bottom:0;}
.round_left2 .box4_m{ position:relative; text-align:left;  margin-bottom:4%}
.round_left2 .box4_m:nth-last-child(2){ margin-bottom:0; }
.round_left2 .box4_m:nth-last-child(3){ margin-bottom:0;  }
.round_left2 .box4_m:nth-last-child(4){ margin-bottom:0;  }
.round_left2 .box4_m:last-child{ margin-bottom:0;}
.round_left2 h3{ padding:0px;  line-height:50px; margin-bottom:10px; text-transform:uppercase}
.icon_round_left2{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%; width:50px; height:50px; background:#ea4934 url(../material/came.png) no-repeat center; background-size:24px; display:block;  float:left; margin-right:20px;}

.icon_round_left2_border{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%; width:50px; height:50px; border:solid 2px #ea4934; display:block;  float:left; margin-right:20px;}


.round_center{text-align:center}
.round_center .box3_m{ padding:20px;  text-align:center; }
.round_center .box4_m{ padding:0px 10px; text-align:center; }

.round_center h3{ padding-bottom:10px; text-transform:uppercase;}
.round_center p{}
.icon_round_center{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%; width:100px; height:100px; border:solid #ea4934;margin:auto; display:table; line-height:100px; font-size:36px; color:#BCBCBC }

.round_center2{text-align:center}
.round_center2 .box3_m{ margin-top:50px; padding:20px; padding-top:0;  border:solid 1px #E8E8E8 ; text-align:center}
.round_center2 .box4_m{ margin-top:50px; padding:20px; padding-top:0;  border:solid 1px #E8E8E8 ; text-align:center}

.round_center2 h3{  padding-bottom:10px;}
.round_center2 p{}
.icon_round_center2{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%; width:100px; height:100px; border:solid #ea4934; background:#F5F5F5; margin:auto; display:table; margin-top:-50px;}

.cek_list{margin-bottom:30px; margin-top:40px; }
.cek_list li{list-style:none; padding:5px 0;}
.cek_list li i{margin-right:5px; color:#ea4934}

.same_height{border:double 1px;}

.box_parax{ 
 background:url(../material/section_bg2.jpg);
 padding-top:100px; padding-bottom:100px;
 
 
color:#FFFFFF; text-align:center;  }
.box_parax .row_btns{ margin:auto; display:table; color:#fff; padding-left:20px; padding-right:20px; text-transform:uppercase; height:50px; line-height:50px;  border:solid 1px #FFFFFF; }
.box_parax .tit{ float:left; font-style:italic;  height:50px; line-height:50px;  border:solid 1px; font-size:20px; font-weight:600;}
.box_parax .tit2{ display:table; margin:auto; margin-bottom:20px; width:40%;font-size:28px; font-weight:600;}
.box_parax .ic{float:left; height:50px; line-height:50px; margin-right:30px;    font-size:48px;   border:solid 1px;}

.slogan{padding-top:60px; padding-bottom:60px; color:#FFFFFF;  display:table; width:100%; background:#ea4934;}
.slogan .conten{width:auto;  margin:auto; display:table;}
.slogan .tit{ float:left; font-style:italic;  height:50px; line-height:50px;  font-size:20px; font-weight:600;}
.slogan .row_btns{ float:left; margin-left:20px; color:#fff; padding-left:20px; padding-right:20px; text-transform:uppercase; height:50px; line-height:50px;  border:solid 1px #FFFFFF; }

.img_full_box_center h3{ padding-bottom:10px; text-transform:uppercase;     }
.img_full_box_left h3{ padding-bottom:10px; text-transform:uppercase }
.img_full_box_left .conten_text_bottom_dark{background:#F8F8F8; position:relative; border-bottom:solid #F1F1F1; padding:20px; padding-bottom:24px; padding-top:0;  text-align:left}
.img_full_box_center .conten_text_bottom_dark{background:#F8F8F8; position:relative; border-bottom:solid #F1F1F1; padding:20px; padding-bottom:24px; padding-top:0;  }
.img_full_box_left .conten_text_bottom_light{background:#fff; position:relative; padding:20px; padding-bottom:24px; padding-top:0;  text-align:left}
.img_full_box_center .conten_text_bottom_light{background:#fff; position:relative;  padding:20px; padding-bottom:24px; padding-top:0;  }


.full_box{padding:0; background:url(../material/bg-process-min.jpg) no-repeat center; background-size:cover}
.full_box .box3{ border:solid 1px #eee; margin-bottom:0; padding:4%;}
.full_box .box3:nth-child(1){border-left: solid 1px transparent; border-right:solid 1px transparent; border-top:solid 1px transparent}
.full_box .box3:nth-child(2){border-top:solid 1px transparent}
.full_box .box3:nth-child(3){border-left:solid 1px transparent; border-right:solid 1px transparent; border-top:solid 1px transparent}
.full_box .box3:nth-child(4){border:solid 1px transparent}
.full_box .box3:nth-child(5){ border-top:solid 1px transparent; border-bottom:solid 1px transparent}
.full_box .box3:nth-child(6){border:solid 1px transparent}
.full_box .list_side{ margin:0;}
.full_box h3{padding-top:0}

.hover_down{position:relative;}

.bottom_conten h3{ padding:0; margin-bottom:2px; }
.bottom_conten .conten_text_bottom{background:#F8F8F8; position:relative; border-bottom:solid #F1F1F1; padding:20px; padding-right:50px; text-align:left}
.bottom_conten .conten_text_bottom_center{background:#F8F8F8; position:relative; border-bottom:solid #F1F1F1; padding:20px; text-align:center}
.bottom_conten .conten_text_bottom i{position:absolute;  text-align:right;  right:20px; top:0; bottom:0; color:#999999;  width:40px;}
.bottom_conten .conten_text_bottom i span{font-size:24px;}

.round_img .full{ width:60%; }
.round_img h3{ padding-bottom:0;}

.box_pading .box3_m{border:solid 1px #ddd; padding:20px;}
.box_pading .box4_m{border:solid 1px #ddd; padding:20px;}

.nomor .box4_m{border:solid 1px #ddd; text-align:center;}
.nomor p{font-size:16px;}

.persen .box4_m{border:solid 1px #ddd; text-align:center;}

.box_pading .full{ margin-bottom:14px;}
.box_pading .more{ margin-top:20px; margin-bottom:12px;}


.sidebars h1{ margin-bottom:10px;}
.side_menu li {list-style:none; 	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s; text-transform:capitalize;  border-bottom:solid 1px #ccc;  padding:14px 10px;}
.side_menu li:first-child{border-top:solid 1px #ccc;}
.side_menu li a{ display:block}
.side_menu li i{ float:right; margin-top:1px; }
.side_menu li:hover { padding-left:14px;}
.side_menu li:hover a{color:#ea4934;}

.list_vs .box3{}
.list_side_r:first-child, .list_side:first-child{ margin-top:0px; }

.numscroller {
	font-size: 35px;
	font-weight: 700;
	color: #F44336;
	margin-bottom: 10px;
	
}



/* header
================================================== */
.heading{position:absolute; z-index:100;  left:0; right:0; top:0; height:90px;  background:rgba(0,0,0,.05);  -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; }
.headings{ background:#FFFFFF; position:fixed}
.line_head{ height:1px; background:#ddd; opacity:0.2; position:absolute; left:0; right:0; bottom:-1px;}
.logo{height:70px; line-height:70px; text-transform:uppercase; font-weight:600; letter-spacing:2px;  float:left; margin-top:10px; font-family: "Montserrat", Arial, sans-serif;font-size:24px; }
.heading a{color:#FFFFFF}
.headings a{color:#444}
.heading span{color:#FFFFFF}
.headings span{color:#FF6600}



.header{  position:fixed; z-index:1000; top:0; width:100%; 
          -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); 
		 }



.cari{float:right; width:50px; height:50px; margin-top:15px; border:solid 1px #ddd;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%; background:url(../material/magnifying.png) no-repeat center; cursor:pointer; background-size:20px; position:relative;}

.logo img{height:70px;  vertical-align:top; margin-top:5px; }
.clear_header{height:120px; background:#FF0066;  -webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out; transition: 0.3s ease-in-out;}


.full{width:100%}
.bulet{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius: 50%;}
.btn_a{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;
            cursor:pointer;
			display:inline-block;
			padding:12px;
			color:#FFFFFF;
		background:#333; margin-top:20px;}
		

.box_slide{ background:url(../material/inds.jpg) no-repeat center; background-size: cover;   height:100%;}
#particles {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.intro {
  position: absolute;
  left: 0;
  top: 60%;
  padding: 0 20px;
  width: 100%;
  text-align: center;
  color: #222;
}
.conten_slide{height:100%; position:relative; }
.text_slideleft{  position:absolute; left:0; top:0; bottom:0;   width:49%; }
.text_slidecenter{  text-align:center; width:100%; padding-top:10% }
.text_slidecenter p{width:50%; margin:auto;}
.box_slide h1{  text-transform: uppercase; color:#FFFFFF; font-size: 65px; font-weight: 700; letter-spacing: 0.015em; }
.box_slide h1::after {content: ''; width: 80px;display: block;background: #fff;height: 10px;margin: 30px auto;line-height: 1.1;}
.box_slide h2{font-weight:800; line-height:60px; font-size:56px; margin-top:5px; margin-bottom:10px;}
.box_slide p{font-size:18px; color:#fff; font-style:italic;}
.more_slide{padding:10px 40px; background:#ea4934; display:inline-block; color:#FFFFFF; text-transform:uppercase; margin-top:20px;}
.more_slide:hover{ background:#fff;  color:#333; }

/* CORUSEL 
================================================== */
.more_news{color:#ea4934; display:inline-block; position:relative; text-transform:uppercase; font-size:12px;margin-top:20px; margin-bottom:30px;}
.section_news{padding-top:60px;  padding-bottom:60px;   }
.conten_news{ width:87%; text-align:center;  margin:auto;  }
.conten_item{padding:0 20px; text-align:left;}
.conten_item h3{}
.conten_item i{ font-size:16px;  position:absolute; top:0px; margin-left:6px;}
#news-carousel{margin-top:30px;}
#news-carousel .item{background:#F8F8F8; border-bottom:solid #F1F1F1 }
#news-carousel h3{ text-transform:uppercase;}
#news-carousel .date{ margin:0;}

#news-carousel .owl-prev{
position: absolute;
top:50%;
margin-top:-44px;
 
}
#news-carousel .owl-next {
position: absolute;
top:50%;
margin-top:-44px;
 
}
#news-carousel .owl-prev {
height:40px;
width:40px;
left: -50px;
background:#F8F8F8 ;
padding:0;
border-bottom:solid #F1F1F1;

}
#news-carousel .owl-next {
height:40px;
width:40px;
right: -50px;
background:#F8F8F8;
padding:0;
border-bottom:solid #F1F1F1;

}
#news-carousel .owl-next, #news-carousel .owl-prev i{ vertical-align:top; color:#ccc; line-height:40px;}


#client-carousel .item{ }
#client-carousel .owl-prev{
position: absolute;
top:50%;
margin-top:-18px;
 
}
#client-carousel .owl-next {
position: absolute;
top:50%;
margin-top:-18px;
 
}
#client-carousel .owl-prev {
height:40px;
width:40px;
left: -40px;
padding:0;


}
#client-carousel i{ vertical-align:top; color:#ccc; line-height:40px;}
#client-carousel .owl-next {
height:40px;
width:40px;
right: -40px;
padding:0;

}


#testi-carousel .item{background:#F8F8F8; padding-top:60px; padding-bottom:60px; border-bottom:solid #F1F1F1 }
#testi-carousel .item .icon_round_center{ border:solid #ccc; }
#testi-carousel .item p{font-size:18px; width:75%; margin:auto; margin-top:20px; margin-bottom:20px; font-style:italic;}
#testi-carousel .item h3{ padding:0;}

#testi-carousel .owl-prev{
position: absolute;
top:50%;
margin-top:-20px;
 
}
#testi-carousel .owl-next {
position: absolute;
top:50%;
margin-top:-20px;
 
}
#testi-carousel .owl-prev {
height:40px;
width:40px;
left: -50px;
background:#F8F8F8 ;
padding:0;
border-bottom:solid #F1F1F1;

}
#testi-carousel .owl-next {
height:40px;
width:40px;
right: -50px;
background:#F8F8F8;
padding:0;
border-bottom:solid #F1F1F1;

}
#testi-carousel .owl-next, #testi-carousel .owl-prev i{ vertical-align:top; color:#ccc; line-height:40px;}

/* STYLE PAGE
================================================== */
.title_pages{ background:#F8F8F8; border-bottom:solid 1px #eee}
.title_pages .conten{padding-top:20px; padding-bottom:20px; }
.title_pages h2{ font-weight:400;  font-size:28px; text-transform:capitalize; margin:0; padding:0;}
.title_pages p{ color:#666666;  }


/* FOOTER AND TOP FOOTER STYLE
================================================== */
.top_foter{background:#444}
.top_foter h4{ padding-top:0; padding-bottom:10px; color:#ccc; }
.top_foter p{color:#ccc; padding:10px 0;}
.top_foter ul li{list-style:none; border-bottom:solid 1px #666; line-height:170%; padding:10px 0;}
.top_foter ul li:last-child{border-bottom:none}
.top_foter ul li a{ color:#CCCCCC}
.foter{text-align:center; color:#FFFFFF; padding-top:20px; padding-bottom:20px; font-size:12px; background: #111; }
.list_foter{float:left; width:100%;  margin-bottom:10px; position:relative; padding-left:70px;}
.list_foter img{position:absolute; left:0; top:16px; width:50px;}

/* DEMO ONLY = REMOVE THIS IN YOUR PROJECT     */
.demos{height:100%}


@media only screen and (max-width:490px) {
.conten{ width:86%;}
.header{ max-height:100%; overflow:auto;}
.title_pages h2{ font-size:20px; }
.top_header .call{display:none}
.top_header .mel{display:none}
.top_header .wlc{   width:100%; text-align:center;}

.stellarnav { padding-left:7%; padding-right:7%;  }

.logo{line-height:70px; font-size:32px;  height:70px;  }
.logo img{height:60px;   vertical-align:top; margin-top:5px; }
.cari{ display:none;}

.clear_header{ height:110px; background:#FF0066}
.when_up{height:70px;}

.box_slide{  min-height: calc(100% - 110px); }
.text_slideleft{  text-align:center;  width:100%; }
.text_slidecenter{  text-align:center; width:100%; padding-top:10% }
.text_slidecenter p{width:90%; }
.box_slide h1{ font-size:20px }
.box_slide h2{ line-height:normal; font-size:24px; margin-top:8px; }
.box_slide p{font-size:14px;}
.slide:hover .arrow.prev { display:none;}
.slide:hover .arrow.next { display:none;}

.box2{width:100%;   margin-bottom:20px}

.box2_l{   width:100%;  margin-bottom:20px  }
.box2_r{  width:100%;  margin-bottom:20px  }

.box3{ width:100%;   }

.box3_m{width:100%; margin-bottom:20px}
.m3{ margin-left:0%; margin-right:0%;   }

.box4{ width:100%; }
.box4_m{ width:100%; margin:0%; margin-top:0;  margin-bottom:20px}

}

@media only screen and (min-width :491px)  and (max-width :780px)
{
}

@media only screen and (min-width :781px)  and (max-width :1050px)
{
}