@charset "UTF-8";
/* CSS Document */
*{ margin:0px; padding:0px;}


.h2{ font-size:28px; color:#f6702a; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.h5{ font-size:16px; color:#f6702a; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:20px;}

.list{}
.list ul{ list-style:none;}
.list ul li{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:20px;}

.pad-Left-Right{ padding:0% 3%;}

.img-responsive{ width: 100%; height: auto;}

.staff{ font-size:18px; color:#000000; background:#ececec; padding:2% 0.5% 2% 2%; border-bottom:1px solid #cccccc; margin-bottom:5px;}
.staff2{ font-size:18px; color:#000000; background:#fbfbfb; padding:0.5% 2%; border-bottom:1px solid #cccccc; margin-bottom:5px;}
	.dsi{ font-size:12px; color:#e95012; font-style:italic; text-decoration:underline;}

.staff-overseas{ font-size:14px; color:#000000; background:#ececec; padding:2% 0.5% 2% 2%; border-bottom:1px solid #cccccc; margin-bottom:5px;}
.staff2-overseas{ font-size:14px; color:#000000; background:#fbfbfb; padding:0.5% 2%; border-bottom:1px solid #cccccc; margin-bottom:5px;}
	.staff-overseas .dsi, .staff2-overseas .dsi{ font-size:12px; color:#e95012; font-style:italic; text-decoration:underline;}

	.mail-link i{ font-size:13px; color:#e95012; opacity:0.8;}
	.mail-link a{ font-size:13px; color:#333333; text-decoration:none; margin-left:5px;}
	.mail-link a:hover{ font-size:13px; color:#e95012; text-decoration:underline;}

.bdr-btm2{ border-bottom:1px solid #989999;}


.contact-form-input{ width:49%; float:left; margin:0.5%; border-radius:3px; border:1px solid #dadada; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#555555; padding:0.8% 1%; margin-bottom:8px;}
.contact-form-msg{ width:99%; float:left; margin-left:0.5%; border-radius:3px; border:1px solid #dadada; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#555555; padding:0.8% 1%; margin-bottom:15px; margin-top:8px;}
.submit-btn{ background:#e95012; border-radius:3px; border:1px solid #ffffff; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; padding:1% 1.8%; margin-bottom:10px; cursor:pointer; margin-left:0.5%;}
	.submit-btn:hover{ background:#e95012; border-radius:3px; border:1px solid #ffffff; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; cursor:pointer; opacity:0.9;}















.padding0{ padding:0px !important;}
.bg-top-menu{ background:#e95012;}
.main-heading{ font-family: 'Open Sans', sans-serif; font-size:2.6rem; color:#000;}
.logo{ float:left;}
.logo img{ max-width:100%; display:inline-block;}
.logo2{ float:right;}
.orange-text-heading{ color:#e95012; font-size:20px; word-spacing:2px;}
.container-main{ width:98%; margin:0px auto;}
.fling-minislide {width:100%; height:310px !important; overflow:hidden; position:relative; background:#555555 !important;}
.fling-minislide img{ position:absolute; animation:fling-minislide 20s infinite; opacity:0; width: 100%; height: 100%;}
@keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}
.fling-minislide img:nth-child(4){animation-delay:0s;}
.fling-minislide img:nth-child(3){animation-delay:5s;}
.fling-minislide img:nth-child(2){animation-delay:10s;}
.fling-minislide img:nth-child(1){animation-delay:15s;}
.fling-minislide {width:100%; height:0px; padding-bottom: 50%; overflow:hidden; position:relative; }
.list-links{ position:absolute; z-index:10000; top:0; padding:1% 2%; width:91% !important;}
.list-links-heading{ font-size:14px; color:#ffffff;}
.list-links-bdr{ border-bottom:1px solid #c0a783;}
.list-links ul{ list-style:none; margin:3px 0px !important; line-height:22px;}
.list-links ul.line-height{ line-height:20px !important;}
.list-links ul li{}
.list-links ul li a{ font-size:12px; color:#ffffff; text-decoration:none !important; display:block; margin-bottom:1px;}
.list-links ul li a:hover{ text-decoration:underline !important;}
.list-links a.p-btn{ font-size:14px; color:#ffffff; text-decoration:none !important; display: inline-block; border:2px solid #ffffff;}
.list-links a.p-btn:hover{ text-decoration:none !important; border:2px solid #ffffff; background:#ed7341;}
.bdr-box-top{ border-top:2px solid #ed7341; border-left:2px solid #ed7341; border-right:2px solid #ed7341; height:60px;}
.bdr-box-btm{ border-bottom:2px solid #ed7341; border-left:2px solid #ed7341; border-right:2px solid #ed7341; height:60px; margin-top:-50px;}
.bdr-box-right{ border-right:2px solid #ed7341; padding-right:15px; margin-right:-15px; height:60px; margin-top:-60px;}
.box-heading{ margin-top:-40px; margin-bottom:12px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000; text-align:center;}
.box-heading a{ text-decoration:none; color:#000;}
.box-heading a:hover, .box-heading a:focus, .box-heading a.active{ text-decoration:none; color:#e95012;}

.pro-top-hdng{ width:100%; float:left; font-size:30px; color:#000; padding-top:25px; text-align:center;}
.pro-top-text{ width:100%; float:left; font-size:14px; color:#e95012; text-align:center; font-weight:bold;}
.margin-t30{ margin-top:30px !important;}

.top-border{ width:100%; float:left; padding:20px 0;}
.top-border ul{ margin:0px; padding:0px;}
.top-border ul li{ width:33.3%; list-style:none; float:left; border:2px solid #e95012; border-bottom:none; border-right:none; padding:15px 0; text-align:center;}
.top-border ul li a{ display:inline-block; text-decoration:none; font-size:16px; color:#000; font-weight:600;}
.top-border ul li a:hover, .top-border ul li a.active{ display:inline-block; text-decoration:none; color:#e95012;}
.top-border-right{ border-right:2px solid #e95012 !important;}

.content-area{ width:100%; float:left; padding:20px 0;}
.left-side{ width:20%; float:left;}
.left-categories{ width:100%; float:left;}
.left-categories ul{ margin:0px; padding:0px;}
.left-categories ul li{ width:100%; list-style:none; float:left; border-bottom:1px solid #666;}
.left-categories ul li a{ width:100%; float:left; text-decoration:none; font-size:12px; color:#555555; padding:10px 0;}
.left-categories ul li a:hover, .left-categories ul li a.active{ display:inline-block; text-decoration:none; color:#e95012;}

.left-categories-2{ width:100%; float:left; background:#f8f8f8; border:1px solid #e95012;}
.left-categories-2 ul{ margin:0px; padding:0px;}
.left-categories-2 ul li{ width:100%; list-style:none; float:left; border-bottom:1px solid #666;}
.left-categories-2 ul li a{ width:100%; float:left; text-decoration:none; font-size:12px; color:#555555; padding:10px 5px;}
.left-categories-2 ul li a:hover, .left-categories-2 ul li a.active{ display:inline-block; text-decoration:none; color:#e95012;}
.left-categories-2H{ background:#e95012; color:#ffffff; font-weight:bold; font-size:15px; text-transform:uppercase; padding:15px 10px;}

.right-side{ width:80%; float:left; padding-left:30px;}
.right-side h1{ width:100%; float:left; font-size:28px; color:#f6702a; margin:0px; padding:0px;}
.right-side-text{ width:100%; float:left; font-size:15px; color:#555; font-style:italic; font-weight:600;}
.right-side-text a, .right-side-text a:hover{ display:inline-block; text-decoration:none; color:#000;}
.right-side-text span{ display:inline-block; font-size:13px; color:#919191;}

.pagi{ float:right; padding-top:20px;}
.pagi ul{ margin:0px; padding:0px;}
.pagi ul li{ list-style:none; display:inline-block;}
.pagi ul li a{ display:inline-block; text-decoration:none; font-size:12px; color:#fff; padding:2px 5px; background:#7f7f7f; transition:all .3s ease-in-out;}
.pagi ul li a:hover, .top-border ul li a:focus{ display:inline-block; text-decoration:none; color:#fff; background:#e95012; transition:all .3s ease-in-out;}




.right-side-box{ width:100%; float:left; background:#f8f8f8; border:1px solid #ccc; padding:15px;}
.right-side-box h1{ width:100%; float:left; font-size:18px; color:#f6702a; padding-bottom:10px; font-weight:bold;}
.right-side-box h2{ width:100%; float:left; font-size:16px; color:#000; padding-bottom:10px; text-decoration:underline; font-weight:bold;}
.right-box{ width:100%; float:left; padding-left:10px;}
.right-box ul{ margin:0px; padding:0px;}
.right-box ul li{ width:100%; float:left; list-style:none; font-size:13px; color:#333; padding:2px 0;}

.right-btm{ width:100%; float:left; border:1px solid #ccc; padding:15px 15px 0;}
.right-btm-box{ width:100%; float:right;}
.right-btm-box ul{ margin:0px; padding:0px;}
.right-btm-box ul li{ width:100%; list-style:none; display:inline-block; border-bottom:1px solid #666; padding:2px 10px; text-align:center;}
.right-btm-box ul li:hover{ background:#f2f2f2;}
.right-btm-box-hdng{ width:100%; float:left; font-size:16px; font-weight:bold; color:#000; line-height:20px; padding-bottom:10px;}
.right-btm-box-text{ width:100%; float:left; font-size:14px; color:#000;}
.right-btm-box-code{ width:11%; float:left;}
.right-btm-text{ width:100%; float:left; font-size:14px; color:#f6702a; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding-bottom:30px;}




.crusher-right-side-box-main{ width:100%; float:left; border:1px solid #ccc; padding:120px 20px 20px 20px;}
.crusher-right-side-box{ width:100%; background:#f1e3dc; margin-bottom:100px; padding:10px;}
.crusher-right-side-box img{ width:100% !important; margin-top:-100px;}

.crusher-right-side-box ul{ list-style:none !important; margin:10px 0px 5px 12px;}
.crusher-right-side-box ul li{ list-style: square; font-size:13px !important; color:#f1713d !important;}
.crusher-right-side-box ul li span{ color:#000000!important;}


.crusher-right-side-box-hdng{ font-size:16px; color:#000000; font-weight:bold; line-height: normal; padding:10px 10px 10px 0px; border-bottom:2px dotted #000000;}
.crusher-right-side-box-hdng span{ font-size:16px; color:#f1713d;}





.brdr-btm{ border-bottom:1px solid #aaa;}
.brdr-btm-pdng{ width:100%; height:1px; border-top:1px solid #aaa; padding:10px 0 0; margin-bottom:20px;}
.tree-left{ width:30%; float:left; background:#eee; text-align:center;}
.tree-left img{ max-width:100%; text-align:center; padding:20px 0;}
.tree-left-box{ width:100%; float:right; background:#d0d0d0; padding:0px; margin:0px; border-bottom:1px solid #aaa;}
.tree-left-box ul{ margin:0px; padding:0px;}
.tree-left-box ul li{ width:100%; list-style:none; float:left; text-align:center;}
.tree-left-box-hdng{ width:100%; height:40px; float:left; font-size:12px; color:#000; line-height:16px;}
.tree-left-box-text{ width:100%; float:left; font-size:12px; font-weight:bold; color:#000; padding:0;}
.tree-left-code{ width:25%; height:100%; float:left; border-right:1px solid #666; padding:10px 0;}
.tree-left-drawn{ width:20%; height:100%; float:left; border-right:1px solid #666; padding:10px 0;}
.tree-left-checked{ width:30%; height:100%; float:left; padding:10px 0;}
.tree-left-no{ width:40%; height:100%; float:left; border-right:1px solid #666; padding:10px 0;}
.tree-left-revision{ width:20%; height:100%; float:left; border-right:1px solid #666; padding:10px 0;}
.tree-left-des{ width:50%; height:100%; float:left; border-right:1px solid #666; padding:10px 0;}
.tree-left h3{ width:100%; float:left; font-size:12px; color:#000; padding:10px 10px 5px; margin:0px; font-weight:bold; text-decoration:underline; text-align:left;}
.tree-left h4{ width:100%; float:left; font-size:12px; color:#000; padding:10px 10px 5px; text-transform:uppercase; text-align:left;}
.tree-left h5{ width:100%; float:left; font-size:12px; color:#000; padding:10px 10px 5px; font-weight:bold; text-decoration:underline; text-align:center;}
.tree-left h6{ width:100%; float:left; font-size:12px; color:#000; padding:10px 10px 5px; text-transform:uppercase; text-align:center;}
.tree-right{ width:70%; float:left;}
.pro-right-img{ width:40%; float:right;}
.pro-left-img{ width:60%; float:left;}




/*---Home page boxes---*/
  .custom-width{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;

    max-width: 33% !important;

	position:relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }






.bg-footer{ background:#cbcccc; padding:0px 0px !important;}
.bdr-heading-btm{ border-bottom:1px solid #656666;}
.bottom-links{}
.bottom-links ul{ list-style:none; margin:0px;}
.bottom-links ul li{ line-height:26px;}
.bottom-links ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#545454; text-decoration:none; display:block; }
.bottom-links ul li a:hover{ text-decoration:underline;}
.contact-info{ font-size:13px; color:#000000;}
.contact-info a{ font-size:13px; color:#000000; text-decoration:none;}
.contact-info a:hover{ font-size:13px; color:#000000; text-decoration:underline;}

.map2{ border:1px solid #b2b3b3;}
	.map2 iframe{ width:100%; min-height:280px; border:1px solid #b2b3b3; border-radius:3px;}

.bdr-btm{ border-bottom:1px solid #989999;}

.copy-r{ color:#8c8c8c; font-size:12px;}



.print{ background:#e95012; padding:10px; color:#ffffff; display:inline-block; float:right;}
	.print:hover{ background:#e95012; padding:10px; color:#ffffff; display:inline-block; float:right; text-decoration:underline;}







.downloads-box{ width:31%; float:left; background:#e6e6e6; border:2px solid #acacac; border-radius:3px; padding:1.5%; margin-bottom:30px; margin-right:1%; margin-left:1%;}
	.downloads-left-cont{ width:22%; float:left; border-right:2px solid #acacac;}
	.downloads-left-cont img{ float:left;}
	
	.downloads-right-cont{ padding:2% 0%;}
	.downloads-right-cont a{ font-size:17px; line-height:24px; font-weight:bold; color:#e95012; text-decoration:none; display:block;}
	.downloads-right-cont .pdf-icon{ margin-top:10px; float:right;}





.standards-list{ float:left; margin-bottom:20px;}
.standards-list ul{ list-style:none;}
.standards-list ul li{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:20px; float:left; width:100%;}
.standards-list ul li span{ font-weight:bold; margin-right:50px; float:left; width:14%;}




.certification-box{ background:#e6e7e8; padding:50px;}



.border-orange{ border:1px solid #f6702a;}

.comparison-box{ border:1px solid #f6702a; font-size:13px; padding-top:5px; padding-bottom:5px;}
.comparison-heading{ background:#f6702a; color:#ffffff; font-weight:bold; text-align:center; font-size:16px;}


.comparison-box2{ border:1px solid #f6702a; font-size:13px; padding-top:5px; padding-bottom:5px;}
.comparison-heading2{ background:#f6702a; color:#ffffff; font-weight:; text-align:center; font-size:13px;  padding-top:5px; padding-bottom:5px;}







@media (max-width: 992px) {

.comparison-heading2 {
    background: #f6702a;
    color: #ffffff;
    font-weight: ;
    text-align: center;
    font-size: 12px !important;
	min-height:50px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}


}


@media (max-width: 960px) {
  .box-heading.mt-top{ margin-top:-45px !important; margin-bottom:0px !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; text-align:center;}

}


@media (max-width: 768px) {
.box-heading{ margin-top:-40px !important; margin-bottom:0px !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; text-align:center;}
.box-marg{ margin-top:0px !important; margin-bottom:70px !important;}
.list-links ul.line-height{ line-height:16px !important;}
.bdr-box-btm{ height:60px; margin-top:-110px;}
.bdr-box-right{ display:none !important;}
.tree-left{ width:100%; float:left; background:#eee; text-align:center;}
.tree-right{ width:100%; float:left;}
.left-side{ width:30%; float:left;}
.right-side{ width:70%; float:left; padding-left:30px;}
.right-btm{ width:100%; float:left; border:1px solid #ccc; padding:15px 15px 0; overflow-y:scroll;}
.right-btm-box{ width:700px; float:left; }
.right-side h1{ width:100%; float:left; font-size:24px; color:#f6702a; margin:0px; padding:0px;}
.pro-right-img{ width:100%; float:left; display:inline-block;}
.pro-left-img{ width:100%; float:left; display:inline-block;}

  .custom-width{
    min-width: 100% !important;
  }
  
.downloads-box{ width:100% !important; float:left; background:#e6e6e6; border:2px solid #acacac; border-radius:3px; padding:1.5%; margin-bottom:30px; margin-right:0 !important; margin-left:0 !important;}

.comparison-heading2 {
    background: #f6702a;
    color: #ffffff;
    font-weight: ;
    text-align: center;
    font-size: 12px;
	min-height:55px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}
  
.tab button { font-size:11px !important;}
  
}


@media (max-width: 480px) {
.tree-left{ width:100%; float:left; background:#eee; text-align:center;}
.tree-right{ width:100%; float:left;}
.left-side{ width:100%; float:left;}
.right-side{ width:100%; float:left; padding:30px 0 0;}
.pro-top-hdng{ width:100%; float:left; font-size:16px; color:#000; padding-top:25px; text-align:center;}
.logo{ width:100%; float:left; text-align:center;}
.logo2{ width:100%; float:right; text-align:center;}
.top-border ul li{ width:100%; list-style:none; float:left; border:2px solid #e95012; border-bottom:none;border-left:none;  border-right:none; padding:15px 0; text-align:center;}
.top-border-right{ border-right:none !important;}


.comparison-heading2 {
    background: #f6702a;
    color: #ffffff;
    font-weight: ;
    text-align: center;
    font-size: 9px !important;
	min-height:65px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}
.comparison-box2 {
    border: 1px solid #f6702a;
    font-size: 9px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box-pad-reduce{ padding-right:3px !important; padding-left:3px !important;}

.border-orange {
    border: none !important; padding:7px !important;
}


.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 100% !important;
    height: auto;
	margin-bottom:10px;
}
.tabcontent {
    float: left;
    padding: 0px 12px;
    width: 97% !important;
    margin-left: 5px;
    border-left: none;
    overflow: auto;
    height: 420px !important;
}

.tab button { font-size:12px !important;}

}