/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
*/
 .menu-item  .menu-link , h1.entry-title ,h2 {text-transform : capitalize; }
 
hr,.clear { clear: both;  }

.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding : 0px;
	margin : 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10; 
    display: none;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}

.mainPopupBox {
    display: inline-block;
    padding: 70px 50px 40px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.12);
    border-radius: 5px;
    overflow: hidden; width: 88%; margin: 0 6%;
    margin-top:20px;
}
.col-sm-6 {
    width: 45%; display: inline-block; float: left;
}
.col-sm-6 ul li { list-style: none; }
.col-sm-6-l { text-align:  right;  }

/*.mainPopupBox .circleList ul:before,.circleList ul:before{position:absolute;content:'';top:8px;left:8px;width:1px;height:100%; }*/
.mainPopupBox h1 { text-align: center; font-size: 2.2222222222222rem !important; padding: 22px;}
.circleList ul:before{height:calc(100% - 20px)} 
.mainPopupBox ul {padding-left:15px}
.mainPopupBox li{position:relative;padding-left:40px;margin-bottom:25px}
.circleList li:before{position:absolute;content:'';top:5px;left:0;width:16px;height:16px;border:2px solid #002b45;background:#fff;border-radius:100%}



.pro-machine {
    margin: 0 auto;
        margin-bottom: 0px;
    max-width: 1200px;
    border: 2px solid #d3d8de;
    box-shadow: 0px 0px 5px 1px #d3d8de;
    margin-bottom: 40px;
}
.index_about {  }
    .index_about .about { width: 48%; display: inline-block;  margin-right: 1%; }
    .floatr { float: right; } .floatl { float: left; }
    .index_plist , .index_plist1 {width:32.3%; margin:0 5px; float: left; overflow: hidden; }
    .index_plist ul { height:175px; overflow: hidden; }
    .index_plist1 ul {max-height: 143px; overflow: hidden;}
    .index_plist1 ul li {list-style:none;line-height: 25px; font-size: 16px;}
    .index_plist2 {width: 49%; display: inline-block;  margin-right: 0.5%; float: left;}
    .index_plist img , .index_plist1 img { width: 99.9%;height: 100%; max-height: 251px; }
    .index_plist ul li {font-size: 16px; list-style:decimal outside ; max-height: 50px; line-height: 25px;  }

.index_h2 { padding: 50px 0;  

}

.index_h2 h2{ text-align: center;
    font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: none;  padding: 0 ;
font-size: 28px;
margin: 0;
  /*border-bottom: 1px solid #f89900; width: 50%; margin: 0 auto;*/
}
.index_h2 hr { width: 30%;    margin: 0 auto; background: none;
 } 
.listh4 { 
    text-align:center;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    margin-bottom: 10px;
    padding: 0 0 0 15px;
   
}
.index_clients {}
.index_clients li { 
width: 24.1%;
display: inline-block;
margin: 0 5px 0 5px; 
float: left;
 }
 .index_clients li a img { width:100%;  height: 100%; line-height: 18px; max-height: 180px;
 }
.index_clients li h2 {text-align: left;font-weight: normal;
text-transform: none;
font-size: 18px;}
.index_clients li h3 {line-height: 16px; font-size: 12px; text-align: center;
padding: 8px 0; }
.index_clients img {border-radius:1px;}
.index_tp1 {width: 100%; clear: both;   box-shadow:0 0 2px 0 rgba(206, 131, 51, 0.12)  ; margin: 15px 0 0 0 ;} 
.p_listBox { clear:both;padding: 8px 0 ;}
.p_listBoxImg { width: 32%; display: inline-block; float: left;  }
 .p_listBoxImg img {width: 100%!important; height: 100%;  }

.p_listBoxContent {width: 67%; display: inline-block; float: left; margin:0 0 0 1% ;padding: 3px 0 5px 0;   }
.p_listBoxContent h2 { margin: 0 10px;  }
.p_listBoxContent ul { margin-top: 5px ; }
.p_listBoxImg11 {width: 100% !important;}
.sinquiry {  display: inline-block; width: 100%; margin: 5px;  }
.sinquiry > a {
        background: url("img/inquiry.png") no-repeat 13px 9px;
    text-align: center;
    width: 230px;
    display: block;
     font-size: 0px;
    /* 
   
    background-color: var(--ast-global-color-0);
   color: #e8dddd;*/
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 0;
    text-decoration: none !important;
    height: 60px;

   }
.p_dics { margin-top:10px; clear: both;  
    font-size: 14px;
    line-height: 24px;
    padding: 5px 22px;
 
}  
.p_dics h1{ margin-top:8px; font-size: 20px; text-indent: 5px; color:#002b45; }
.p_dics img { width:48.9%; float: left;  margin: 5px 1% 5px 0 ;  }
.p_dics h2 { font-size: 28px;
line-height: 1.4;  }
.p_dics p img { padding: 20px 0 0 0; }
.p_dics span {
    width: 33.3% !important;
    display: block;
    float: left;
}
 table { width:100%;text-transform:capitalize;border-collapse:collapse;margin-bottom:10px;}

 table td{ font-size:12px; padding:8px 5px; line-height:16px;/* border:1px #ccc solid;*/border-collapse:collapse;}

 table th { color: #020202;font-weight: lighter;  border-left:1px #ccc solid;  border-top:1px #ccc solid;}

  table tr:hover {background-color: #eae9e9;  cursor: pointer;  } 

 table tr td{border:1px #ccc solid ; }


.pt2pic , .pt1_pic{ width: 100%;padding: 0; display: inline-block; margin: 10px 0 0 0; }
.pt1_pic p {    font-style: italic; text-align: center;border-bottom: 1px dotted #002b45; padding: 0 0 3px 0; font-style:italic;  text-transform:capitalize; }
.pt2pic li, .pt1_pic li { width: 32.1%; display: inline-block; float: left; padding:0 1% 0 0 ; max-height: 306px; }
.pt2pic li img , .pt1_pic li img { width: 100%; height: 100%; border-radius:inherit;  border: none; }
.p_content h2 {border-bottom:1px dashed #A9A9A9;   
    font-style: italic;
    font-weight: bold;
    margin: 5px 0; padding: 8px 0;  
    
} 
.pi_list li { list-style: none;width:32.3%; display: block; float: left; margin: 0 5px 0 0; padding: 15px 0 ;  text-align: center; }
.pi_list li img { width: 100%;height: 100%; display: block; float: left; margin:   0;border: none;  }
 .pi_list li h4 { border-bottom:   1px dashed #002b45; margin: 0 5px }

 
 .con_box  .main_intro {  /*box-shadow: 0 0 13px 0 rgba(0,0,0,.12);*/ padding: 25px 0 35px 0 ;  }
.con_box {  }
.con_box .p_content { /*box-shadow: 0 0 3px 0 rgba(0,0,0,.12); */padding-bottom: 20px; margin-top: 6px;  }
.con_box   {  }

 .main_intro {padding: 8px 0; }
 
.main_intro .p1 { display: inline-block; float: left; width:38.6%; margin:8px 0.5% 0 0; padding: 0 0 0 20px; }
.main_intro .p2 {display: inline-block; float: left;width:52% ; line-height: 26px;padding: 0 20px 0 30px; font-size: 14px; }
.main_intro .p3 h1 { font-size: 20px; margin: 20px 15px ;  }
.main_intro .p4 {margin:0 20px;}

 
.main_intro .p1 img { width: 100%; height: 100%; }
.content { clear:  both; }
.p_content {clear:  both;  }
.p_content img { border:none; }
.p_content h2 { font-size:18px ; }
.p_content h3 { font-size:16px ;   }
.textwidget {clear:  both; padding:20px 0 0 0;}
.textwidget span { margin: 0 5px 0 0; 
	border-bottom: 1px solid #f89900 ;
    padding: 10px 0; font-size: 14px; }
.bwi2-img-container { border:none !important;      }
.bwi2-sinquiry {  }


 /*wp*/
 .wp-caption { width: 100%; height:100% ; border:1px dotted #ddd ;display:inline-block; padding: 0 5px; }
 .wp-caption-text {
    margin: 0;
    text-transform: capitalize; 
    text-align: center;
    line-height: 2.2em; 
    font-family: 'Open Sans', sans-serif;
    font-style: italic; 
  /*  border-bottom: 1px dotted #002b45; */  
  
}
 .alignnone {  }
 .aligncenter { text-align: center;  margin: 0 auto ; display: block; }

 .alignleft { max-width: 47%!important }
 .alignright {   }

 #sns a  { height: 36px; width: 36px;  display:block; }
#sns i{height: 36px; line-height: 36px; width: 36px; display: inline-block;  float: left; margin: 0 5px 0 0; }
 #facebook { background: url("img/sns.png") -7px -3px; }
  #whatsapp { background: url("img/sns.png") -49px -43px  ;  }
   #youtube { background: url("img/sns.png")  -90px -41px;  }
    #ttw { background: url("img/sns.png")  -133px -42px  ;  }
    #messenger {background: url("img/sns.png") -178px -42px; }
     #Instagram {}
#adds i{height: 28px; line-height: 28px; width:100%; display:block; clear: both;  margin: 8px 5px 1px 0; padding: 0 0 0 33px; font-style: normal;}
#address { background: url("img/add.png") no-repeat 0 -3px; }
#tel {background: url("img/add.png") no-repeat 0 -36px; }
#mailto {background: url("img/add.png") no-repeat 0 -73px;   }
#adds #whatsapp { background: url("img/add.png") no-repeat 0 -110px; }

         .factory_l { width: 49.5%; float: left; 
    display:block;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.12);
    padding: 5px;
    border-radius: 5px;
    overflow: hidden; margin: 1px 0 0 0;
}
    .factory_r {  width: 49.5%; float:left; margin-left: 5px;  padding: 5px 0 5px 1px;
    display: inline-block;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.12);
    border-radius: 5px;
    overflow: hidden;
}
.factory_r span { width: 49.5%; display: inline-block; float: left; margin: 3px 1px;

}
.factory_r span img { width: 99%; padding: 0 2px }
#content_box {padding:10px 0; }
#content_box h1{ font-size: 26px; line-height: 30px }
.col-md-8 {
 
    max-width: 66.666667%; display: inline-block; float: left;
}
.col-md-8 h4{ color: #fff }
.text-black {
    color:  color: #fff  !important;
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
}
.my-1  {    margin-top: 30px; padding-left: 30px; 
    font-size: 28px; }
 .col-md-4 {
 
    max-width: 33.333333%; display: inline-block; float: left; 
}
.bg-quote { clear: both;/* background: url("img/bg-quote.jpg");*/ background-color: #002b45;   height: 120px; width: 100%; }
.tbutton { width: 550px;  margin: 13px 0 0 0px;
	 }
.tbutton a {padding:5px 16px; }


.footer-widget-1 ,.footer-widget-2, .footer-widget-3 { width: 29%; display: inline-block; float: left;padding: 40px 10px 30px 0;  }
.copyrights h2 { font-size: 22px; margin: 16px 0; border-bottom: 1px dotted #8c8b8b; color: #acacac }
.copyrights ul {padding: 0 0 0 0;}
.copyrights ul li { list-style: none; }
#site-footer a{ color: #acacac }
.ipart01 { padding: 50px 0; }
.ipart01 ul li {
    float: left;
    width: 24.5%;
    text-align: center;
    transition: opacity .4s ease-in-out;
}
.ipart01 ul li div {
 
    height: 80px; 
    }



#site-footer {background-color: #002b45; color:#b3b3b3;}
.copyrights {padding:10px 0; }
.copyrights ul { margin: 0 5px; }
#site-footer a { color:#b3b3b3; }
#copyright-note { text-align:left; clear: both;padding: 10px 0 0 0; }
 
.position_nav {
    margin: 0 ;
    font-size: 14px;
    font-family: "Verdana";
    color: rgb(153, 153, 153);
    clear: both; 
    height: 156px; line-height: 116px; 
    opacity:0.9;
     background: url(img/nav_bg.jpg) center center no-repeat;
  
}
.position_nav ul li {  list-style: none; 
float: left;
margin-right: 8px;
padding: 8px 0;  color: #fff; }
.position_nav ul li a {color: white; font-size:14px; }
.position_nav ul li a:after { content:">"; padding: 0 5px   ; }
#crumbs {padding: 0; margin: 0 0 0 85px }
.article { clear: both; font-size: 14px; }
 .category .p_listBoxContent h2 {font-size: 18px;   }

}

.post2 , .post3 { padding:  5px 0; }
.post2 li , .post3 li { list-style: none; }
.post2 li img { width: 48%; display: block; float: left;  }
.post2 li p { width: 49%; display: block; float: left; padding: 0 0 0 20px;  }

.post3 li { width: 49%; display: block; float: left; padding: 0 0 0 8px; text-align:center; font-style:italic;  }

.comments-area {width: 85%; margin: 0 auto;} 
.page-contact { padding: 0 0 0 10px;  }

.ast-single-post h1.entry-title  { border-bottom: 1px dotted antiquewhite;
padding: 15px 0; } 
/*menu-main-nav*/
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
	/*	left: 50%;
		margin-left: -384px;*/
	}
}

@media (max-width:361px) {  .position_nav { line-height: 36px;  } .mainPopupBox li { padding-left:5px; } .circleList li:before  { display: none }
.factory_l ,.factory_r { width: 100%; } .factory_r span { padding: 0; margin: 0; } .index_plist, .index_plist1 ,.index_clients li { width: 100%; }
.footer-widget-1, .footer-widget-2, .footer-widget-3 { width: 100%; } #crumbs { margin:0; }
.post2 li , .post3 li ,.post2 li img ,.post2 li p, .pt1_pic li { list-style: none; width: 100%; }  article table { max-width: 360px; overflow: auto; }
.mainPopupBox { width:100%; margin: 0; padding: 20px 0; }

 }