@charset "utf-8";
/* CSS Document
font-family: 'Dosis', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Quattrocento Sans', sans-serif;
font-family: 'Montserrat Alternates', sans-serif;

 */
 body
 {
	 padding:0px;
	 margin:0px;
	 
 }

	.txt {
  background-color: #E5E5E5;
  border-radius: 10px;
  color: #232323;
  float: left;
  height: 200px;
  padding: 39px;
  width: 710px;
}
	
	.topheader
	{
		width:100%;
		height:90px;
		position:relative;
		top:0px;
		left:0px;
		right:0px;
		background-color:#f3f3f3;
		-moz-box-shadow: 0px 1px 2px #666;
		-webkit-box-shadow: 0px 1px 2px #666;
		box-shadow: 0px 1px 2px #666;
		z-index:55
		
	}
		.topheader2
	{
		width:1050px;
		height:90px;
		margin:0 auto;
		position:relative;
		
	}
	.slogan
	{
	width:400px;
	height:200px;
	position:absolute;
	z-index:15;
	top:250px;
	 margin-left:-500px;
    left:50%;
	}
	.slogan #title1s
	{
		font-family: 'Dosis', sans-serif;
		font-size:30px;
		color:#fff;
		text-shadow:1px 1px 0px #333;
		text-transform:uppercase;
		font-weight:bold;
		line-height:0px;
		padding:5px;
	}
	.slogan #title2s
	{
		font-family: 'Dosis', sans-serif;
		font-size:25px;line-height:0px;
		color:#fff;
		text-shadow:1px 1px 0px #333;
		font-style:italic;
		text-transform:uppercase;
		padding:5px;
	}
	 #texts
	{
		font-family: 'Dosis', sans-serif;
		font-size:14px;
		color:#fff;
		text-shadow:1px 1px 0px #333;
		padding:5px;
	}
	
	.aboutimages
	{
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	width:200px;
	height:200px;
	border:1px;
	border-color:#FFF;	
	-moz-box-shadow: 0px 1px 2px #666;
		-webkit-box-shadow: 0px 1px 2px #666;
		box-shadow: 0px 1px 2px #666;
		float:right;
		padding:3px;
		overflow:hidden;
		margin:15px
	}
	.aboutimages img
	{
			border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	width:200px;
	height:200px;
	}
	
	.homearea
	{
		width:100%;
		height:90px;
		position:relative;
		top:450px;
		background:#003979 url(../images/homeimage.png) right no-repeat;
	}
	.homearea2
	{
		width:1050px;
		height:90px;
		position:relative;
		margin:0 auto;
	}
	#maintitle
	{
		font-family: 'Dosis', sans-serif;
		font-weight:bold;
		font-size:30px;
		color:#fff;
		line-height:45px;
		background-color:#399400;
		display: inline;
		text-transform:uppercase;
		padding:5px;
	}
		#maintitle2
	{
		font-family: 'Dosis', sans-serif;
		font-weight:bold;
		font-size:15px;line-height:29px;
		color:#555;
		background-color:#fff;
		display: inline;
		text-transform:uppercase;
		padding:5px;
	}
		.toparea3
	{
		width:183px;
		height:128px;
		position:relative;
		margin-top:10px;
		float:right;
		z-index:55
	}
	.menumain2
	{
		width:100%;
		height:45px;
		position:absolute;
		top:90px;	z-index:999;
		background-image:url(../images/menuback.png);
	}
	.menumain
	{
		width:1050px;
		height:45px;
		position:relative;
		margin:0 auto;
		z-index:999;
		
	}
		.logo
	{
		width:268px;
		height:90px;
		position:relative;
		float:left;
		z-index:10
		
	}
	.logo img
	{
		margin:14px;
		
	}

	.social
	{
		height:90px;
		position:relative;
		width:150px;
		float:right;
	}
	.social img
	{	float:right;
		margin-right:10px;
		margin-top:25px;
		margin-bottom:23px;
	}
	.social2
	{
		height:37px;
		position:relative;
		width:150px;
		float:right;
	}
	.social2 img
	{	
	float:left;
	}
	
	.main
	{
		width:1100px;
		min-height:500px;
		position:relative;
		margin:0 auto;
		z-index:10
	}
	.maincontent
	{
		min-height:150px;
		padding-top:10px;
		
	}
	
	.mainpages
	{
		width:1040px;
		min-height:460px;
		position:relative;
		margin:0 auto;
		bottom:30px;
		top:70px;
		display:inline-block;  margin-left:-520px;
		left:50%;
		padding-bottom:30px;
		background-color:#FFF;
		-moz-box-shadow: 0px 1px 2px #666;
		-webkit-box-shadow: 0px 1px 2px #666;
		box-shadow: 0px 1px 2px #666;
			z-index:10
	}
		.footer
	{
		
			height:40px;
		width:	100%;
		position:relative;float:left;
		background-color:#3d3f40;
		
		bottom:0px;
		left:0px;
		right:0px;
		margin-left:0px;
		 -moz-box-shadow: 0px 0px 4px #666;
		-webkit-box-shadow: 0px 0px 4px #666;
		box-shadow: 0px 0px 4px #666;
	clear: both;
	}	
		.footer2
	{
			height:40px;
		width:	1100px;
		margin:0 auto;
	
	}	
	.copyrights
	{
		position:relative;
		width:60%;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-stretch:semi-expanded;
		font-size:12px;
		color:#777;
		line-height:40px;
		
	}
	
	.copyrights a
	{
		text-decoration:none;
		color:#ccc		
	}
	.title1
	{
		font-family: 'Dosis', sans-serif;
		font-size:23px;
		color:#003875;
		font-weight:bold;
		padding-left:20px;
		padding-right:10px;
		padding-top:10px;
		text-transform:uppercase;
	}
	#title2
	{
		font-weight:normal;
	}
	
	.titleright
	{
		font-family: 'Dosis', sans-serif;
		font-size:20px;
		padding-left:25px;
		line-height:45px;
		padding-right:20px;
		background-color:#000;
		background-image:url(../images/titleback.jpg);
		background-position:left;
		background-repeat:no-repeat;
		color:#fff;
		height:45px;
	}
	
	.titlebar
	{
		background-image:url(../images/line.jpg);
		height:30px;
	}
	.titlebar #text
	{
		font-family: 'Dosis', sans-serif;
		font-size:25px;
		padding-right:10px;
		color:#333;
		line-height:13px;
		display: inline;
		background-color:#FFF
	}
	.productarea
	{
		 display:table;
		 width:100%
	}
	.productarea2
	{
		 display:table-cell;   
	}
	.productarea2 #title33
	{
		font-family: 'Dosis', sans-serif;
		font-size:18px;
		color:#333; 
	}
	.productarea2 #textarea33
	{
		font-family: 'Dosis', sans-serif;
		font-size:14px;
		color:#333; 
	}
	.middletext
	{
		font-family: 'Quattrocento Sans', sans-serif;
		font-size:14px;
			line-height:20px;
		color:#555;
	}
	.middletext2
	{
		font-family: 'Quattrocento Sans', sans-serif;
		font-size:14px;
			padding-left:20px;
			line-height:20px;
		padding-right:20px;
		color:#ccc;
	}
.service {
  background-color: #C4C4C4;
  box-shadow: 0 1px 2px #666666;
  float: left;
  height: 202px;
  margin: 16px;
  overflow: hidden;
  position: relative;
  width: 187px;
}
.our_clint {
  clear: both;
}
.service img {
  height: auto;
  overflow: hidden;
  top: 0;
  width: 100%;
}
.service #title {
  background-image: url("../images/servbck.png");
  bottom: 20px;
  color: #FFFFFF;
  display: block;
  font-family: 'Dosis',sans-serif;
  font-size: 14px;
  padding: 10px;
  position: absolute;
  text-align: center;
  width: 167px;
}

	.service #textarea
	{
		font-family: 'Dosis', sans-serif;
		font-size:14px;
		font-style:italic;
		position:absolute;
		width:100%;
		bottom:0px;
		color:#fff;text-align:center;
		background-image:url(../images/servbck.png)
	}
	.service #textarea a
	{
		text-decoration:none;
		color:#fff;text-align:center;
	}
	.titlearea
	{
		height:150px;
		width:100%;
		left:0px;
		right:0px;position:relative;
		top:0px;	
	}
	.titlearea2
	{
		height:10px;
		width:100%;
		position:relative;
		left:0px;
		right:0px;
		top:0px;
		background-color:#003876;	
	}
	
	.rightbox
	{
		width:100%;
		height:200px;
		position:relative;
		float:left;
	overflow:hidden;
	margin-bottom:20px;
	}
	.rightbox img
	{
		width:100%;
		height:200px;
		top:0px;
		overflow:hidden
	}
	.rightbox #title1
	{
		font-family: 'Dosis', sans-serif;
		font-size:18px;
		padding:10px;
		display:inline;
		position:absolute;
		top:100px;
		z-index:333;
		background-color:#399400;
		padding-left:10px;
		padding-right:10px;
		color:#fff;
	}
	.rightbox #title2
	{
		font-family: 'Dosis', sans-serif;
		font-size:13px;
		padding:10px;position:absolute;
		display:inline;
		top:142px;
		background-color:#000;
		padding-left:10px;
		padding-right:10px;
		color:#fff;
	}
	.sidepan
	{
		width:100%;
		max-height:160px;
		top:0px;
		overflow:hidden	
	}
.sidepan img {
  margin-left: 0px;
  width:auto;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}


.sidepan img:hover {
  margin-left: -100px;
}
	.mainleft
	{
		margin:15px;
		position:relative;
		float:left;
		width:700px;
		min-height:350px;
	}
	.mainright
	{
		position:relative;
		float:right;
		width:370px;
		bottom:0px;
		min-height:350px;
	}
	.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #c4d940;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c4d940;
	box-shadow:inset 0px 1px 0px 0px #c4d940;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a21111), color-stop(1, #90c73f) );
	background:-moz-linear-gradient( center top, #a21111 5%, #90c73f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a21111', endColorstr='#90c73f');
	background-color:#a21111;
	border:1px solid #990000;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding:6px 25px;
	text-decoration:none;
	text-shadow:1px 1px 0px #570303;
}.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #90c73f), color-stop(1, #a21111) );
	background:-moz-linear-gradient( center top, #90c73f 5%, #a21111 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#90c73f', endColorstr='#a21111');
	background-color:#90c73f;
}.btn:active {
	position:relative;
	top:1px;
}
.tint:hover:before {  
    background: none;  
}  

.news
{
	background-color:#e6e6e6;
	width:100%;
	height:170px;
	list-style:none;
	position:relative;
	float:left
}
.news2
{
	width:1100px;
	height:170px;
	position:relative;
	margin:0 auto;
	list-style:none;
}
.news li
{
	
	 background:url(../images/newsicon.png) no-repeat 0 -3px;
	padding-left:36px;
	margin-bottom:10px;
	
}
.news2 li
{
	
	 background:url(../images/newsicon.png) no-repeat 0 -3px;
	padding-left:36px;
	margin-bottom:20px;
	
}
#spon
{
	margin:0px auto;
	margin:10px;list-style:none;
	
}

.carousel {
  clear: both;
  height: 68px;
  list-style-type: none;
  margin: 0 auto;
  width: 960px;
}
.slide img {
  width: 100%;
}
.slide:hover {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  
}
.slide {
  margin: 18px 0;
  transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
}
.slide > a {
  background-color: #F6F6F6;
  display: block;
  height: 128px;
  margin: 3px;
  width: 164px;
}
.slideshow {
  margin: 0 auto;
  width: 983px;
}
.slides-prev {
  background-color: #8B8B8B;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 30px;
  font-weight: bold;
  margin-top: 13px;
  padding: 0 13px;
  text-decoration: none;
}

.slides-next {
  background-color: #8B8B8B;
  color: #FFFFFF;
  display: block;
  float: right;
  font-size: 30px;
  font-weight: bold;
  margin-right: 872px;
  margin-top: 13px;
  padding: 0 13px;
  text-decoration: none;
  transition:all 300ms ease 0s;
  -webkit-transition:all 300ms ease 0s;
}
.slides-next:hover,.slides-prev:hover
{
	background-color: #FFFFFF;
	color: #8B8B8B;
}