@charset "utf-8";
/* CSS Document */

body
{
	margin:0px;
	font-family: 'Titillium Web', sans-serif;
	
}
.topbar
{
	padding:8px 0px 8px 0px;
	background-color:#ffd31c;
	font-size:14px;
	margin-bottom:10px;font-family: 'Titillium Web', sans-serif;
}
.emailandphone
{
	text-align:right;
	margin-right:30px;
}
.emailandphone li
{
	display:inline;
	margin-left:30px;
	list-style-type:none;
}
.emailandphone li a
{
	color: #000;
}
h1,h2,h3
{
	margin-top:0px;
	margin-bottom:15px;
}
h4
{
	margin:20px 0px 7px 0px;font-size:17px;
color:#FFCC33;
}
h1
{
	color:#FFCC33;
font-weight:600;
text-align:center;

}
h2
{
	color:#FFCC33;
}
.header
{
	padding:20px 60px 20px 40px;
}
.sliders
{
	margin-top:20px;
}
.sliderframe
{
	width:100%;
	height:500px;
	
}
.mains
{
		background-color:#1d303e;

}
.maincontainer
{
	padding-left:80px;
	padding-right:80px;
	padding-top:50px;
	padding-bottom:50px;

}
.maincontainer2
{
	background-color:#152532;
	padding-left:80px;
	padding-right:80px;
	padding-top:50px;
	padding-bottom:50px;
	clear:both;
	margin-top:40px;

}
.contents
{
	line-height:24px;
	color: #CCC;
	text-align:justify;
	-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
	font-family: 'Titillium Web', sans-serif;
}
#shop img
{
	float:left;
	margin-right:30px;
}
.line
{
	background-image:url(images/line.png);
	background-position:center;
	height:14px;
	background-repeat:no-repeat;
	margin-bottom:40px;
}
.readmore a
{
	padding:15px;
	border: solid 6px  #FFFFFF; 
  clip-path: polygon( 
    calc(0% + 3px) calc(0% + 3px), /* top left */
    calc(100% - 3px) calc(0% + 3px), /* top right */
    calc(100% - 3px) calc(100% - 3px), /* bottom right */
    calc(0% + 3px) calc(100% - 3px)
	);
  transition: clip-path 0.6s linear;
  color:#FFFFFF;
	display:block;
	text-decoration:none;
	width:120px;
	text-align:center;
	float:right;
	
	
}
.readmore a:hover
{
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	  color:#FFCC00;

}
.homeboxes
{position:relative;
padding-top:60px;
display:inline-table;

	margin-right:30px;

}
.visionboxes
{
	width:360px;
	padding:85px 25px 25px 25px;
	border:1px solid #FFF;
	vertical-align:top;
	text-align:left;
	height:485px;
	
	
}
.visionboxes h2
{
	text-align:center;
	bor}
.imgsover
{
	position:absolute;
	width:126px;
	height:122px;
	top:0;
	left:30%;
}
.bottomboxes
{
	width:27%;
	margin-right:90px;
	display:inline-block;
	vertical-align:top;
	
	
}
.bottomboxes li a
{
	color: #999;
}
.bottomboxes h3
{
	font-size:21px;
	margin-bottom:30px;
	color:#FC6;
	
}
.copyrights
{
	font-size:12px;
	color:#CCCCCC;
	padding:8px 0px;
	text-align:center;
}
.tb td
{
	padding-left:30px;
	border:1px solid #999;
	padding-top:10px;
	padding-bottom:10px;
}
.objectives
{
	margin-right:10%;
	margin-left:10%;
}
#safety img
{
	margin-right:8%;
	float:left;
}
.machinery
{
	text-align:center;
	margin-bottom:30px;
}
.machinery img
{
	margin-bottom:10px;
}
.machinery li
{
	width:302px;
	height:270px;
	display:inline-block;
	margin-right:30px;
	list-style-type:none;
}
.machinerytd
{
	background-color:#FC3;
	color:#000;
}

.machinery span
{
	width:266px;
	height:480px;
	display:inline-table;
	margin-right:30px;
	list-style-type:none;
	margin-top:60px;
	background-color: #FFF;
	color:#333333;
}
.machinery p
{
	margin:0px;
	padding:5px 0px;
	border-bottom:1px solid #CCC;
}
.machinery strong
{
	font-size:18px;
}
.instruments li
{
	list-style-type:none;
	display:inline-table;
	margin-right:30px;
	border:2px solid #FFF;
	padding:0px 15px 15px 15px;
	width:370px;
	height:120px;
	margin-bottom:30px;
}
.contactus
{
	display:inline-table;
	width:48%;
	padding:10px 45px;
	vertical-align:top;
	margin-bottom:40px;
}
.spacebreak
{
	padding:4px 0px; }
.products li
{
	width:200px;
	height:150px;
	display:inline-block;
	margin-right:15px;
	margin-bottom:30px;
	list-style-type:none;
	margin-left:20px;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
	.header
{
	padding:20px 30px 20px 40px;
}
.sliders
{
	margin-top:20px;
}
.sliderframe
{
	width:100%;
	height:150px;
	
}
.mains
{
		background-color:#1d303e;

}
.maincontainer
{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:30px;

}
.maincontainer2
{
	background-color:#152532;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
	margin-top:40px;

}
.contents
{
	line-height:24px;
	color: #CCC;
	text-align:justify;
	-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
	font-family: 'Titillium Web', sans-serif;
}
#shop img
{
	float:none;
	margin-right:0px;
	width:100%;
	margin-bottom:20px;
}
.line
{
	background-image:url(images/line.png);
	background-position:center;
	height:14px;
	background-repeat:no-repeat;
	margin-bottom:40px;
}
.sina-brand img
{
	width:230px;
	height:45px;
}
.homeboxes
{position:relative;
padding-top:60px;
display:block;

	margin-right:0px;
	margin-bottom:20px;

}
.visionboxes
{
	width:100%;
	padding:85px 15px 15px 15px;
	border:1px solid #FFF;
	vertical-align:top;
	text-align:left;
	height:auto;
	
	
	
}
.visionboxes h2
{
	text-align:center;
	bor}
.imgsover
{
	position:absolute;
	width:126px;
	height:122px;
	top:0;
	left:30%;
}
.bottomboxes
{
	width:100%;
	margin-right:0px;
	display:block;
	vertical-align:top;
	clear:both;
	margin-bottom:30px;
	
	
}
.bottomboxes li a
{
	color: #999;
}
.bottomboxes h3
{
	font-size:21px;
	margin-bottom:30px;
	color:#FC6;
	
}
.copyrights
{
	font-size:12px;
	color:#CCCCCC;
	padding:8px 0px;
	text-align:center;
}
.tb td
{
	padding-left:10px;
	border:1px solid #999;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	text-align:left;
}
.objectives
{
	margin-right:0%;
	margin-left:0%;
}
#safety img
{
	margin-right:0%;
	float:none;
	width:100%;
	margin-bottom:25px;
}
.machinery
{
	text-align:center;
	margin-bottom:00px;
}
.modelmachine 
{
	margin-left:10px;
	margin-bottom:50px;
}
.machinery img
{
	margin-bottom:10px;
}
.machinery li
{
	width:302px;
	height:270px;
	display:inline-block;
	margin-right:30px;
	list-style-type:none;
}
.machinerytd
{
	background-color:#FC3;
	color:#000;
}

.machinery span
{
	width:266px;
	height:480px;
	display:block;
	margin-left:30px;
	margin-right:0px;
	list-style-type:none;
	margin-top:60px;
	background-color: #FFF;
	color:#333333;
}
.machinery p
{
	margin:0px;
	padding:5px 0px;
	border-bottom:1px solid #CCC;
}
.machinery strong
{
	font-size:18px;
}
.instruments li
{
	list-style-type:none;
	display:inline-table;
	margin-right:0px;
	border:2px solid #FFF;
	padding:0px 15px 15px 15px;
	width:100%;
	height:auto;
	margin-bottom:30px;
}
.contactus
{
	display:inline-table;
	width:100%;
	padding:10px 15px;
	vertical-align:top;
	margin-bottom:40px;
}
.spacebreak
{
	padding:4px 0px; }
.products li
{
	width:200px;
	height:150px;
	display: inline-block;
	margin-right:0px;
	margin-bottom:40px;
	list-style-type:none;
	margin-left:55px;
}
}