body {
	margin: 0;
	padding: 0;
	font-family: 'Segoe UI Symbol';
}

@font-face {
	font-family: 'Segoe UI Symbol';
	font-style: normal;
	font-weight: 400;
	src: local('Segoe UI Symbol'), local('Segoe UI Symbol'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1
}

.header {
	position:relative;
}
.header >img{width:100%; height:125px}
.overheader{position:absolute; width:100%; top:0}
.wraper {
	width: 980px;
	margin: 0 auto;
}
.wraper1 {
	width: 98%;
	margin: 0 auto;
}

.logo {
	float: left;
	width: 50%;
	padding-top: 10px
}
.logo a >img{
  max-height:115px;
 }
.right_header {
	width: 365px;
	float: right;
	position: relative;
	margin-top:10px;
}
.right_1 {
    position: absolute;
    top: 0px !important;
    right: 0;
}
.right_2 {
	float: right;
	width: auto
}
.right_2 span {
	font-size: 20px;
	color: #FFF;
	font-weight: 700;
}
.right_2 ul {
	margin: 0;
	padding: 0 0 0 20px;
	float: right;
}
.right_2 ul li {
	list-style: none;
	display: inline-block
}
.right_bottom {
	float: right;
	color: #FFF;
	font-size: 20px
}
.right_bottom >p {
	margin: 3px 0 0 0
}
.navigation ul, .navigation li, .navigation span, .navigation a {
	margin: 0;
	padding: 0;
	position: relative;
}
.navigation {
	height: 45px;
	background: #147D51 !important; 
	/* Old browsers */
	/*background: -moz-linear-gradient(top, #4680f7 0%, #0e2b8e 100%);*/
	/* FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4680f7), color-stop(100%, #0e2b8e)); /* Chrome,Safari4+ 
	background: -webkit-linear-gradient(top, #4680f7 0%, #0e2b8e 100%); /* Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top, #4680f7 0%, #0e2b8e 100%); /* Opera 11.10+ 
	background: -ms-linear-gradient(top, #4680f7 0%, #0e2b8e 100%); /* IE10+ 
	background: linear-gradient(to bottom, #4680f7 0%, #0e2b8e 100%); /* W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4680f7', endColorstr='#0e2b8e', GradientType=0 ); /* IE6-9 */
	float: left;
	width: 100%;
}
.navigation:after, .navigation ul:after {
	content: '';
	display: block;
	clear: both;
}
.navigation a {
	color: #ffffff;
	display: inline-block;
	font-size: 16px;
	line-height: 45px;
	padding: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.navigation ul {
	list-style: none;
	width: 980px;
	margin: 0 auto
}
.navigation > ul > li {
	float: left;
}
/*.navigation > ul > ul > li:hover:after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top:-20px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f1f1f1;
	margin-left: -10px;
}
*/
.selectmenu{
		background: #070707;
	background: #13bae6; /* Old browsers */
	background: -moz-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13bae6), color-stop(100%, #0b58c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #13bae6 0%, #0b58c4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bae6', endColorstr='#0b58c4', GradientType=0 ); /* IE6-9 */;
}
	
	
.navigation > ul > li:before > a {
	background: #070707;
	background: #13bae6; /* Old browsers */
	background: -moz-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13bae6), color-stop(100%, #0b58c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #13bae6 0%, #0b58c4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bae6', endColorstr='#0b58c4', GradientType=0 ); /* IE6-9 */;
}
.navigation > ul > li:hover > a {
	background: #070707;
	background: #13bae6; /* Old browsers */
	background: -moz-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13bae6), color-stop(100%, #0b58c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #13bae6 0%, #0b58c4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #13bae6 0%, #0b58c4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bae6', endColorstr='#0b58c4', GradientType=0 ); /* IE6-9 */;
}
.navigation > ul > li ul a {
	color: #333;
}
.navigation .has-sub {
	z-index: 1;
}
.navigation .has-sub:hover > ul {
	display: block;
}
.navigation .has-sub ul {
	display: none;
	position: absolute;
	width: 200px;
	top: 100%;
	left: 0;
}
.navigation .has-sub ul li {
 *margin-bottom: -1px;
}
.navigation .has-sub ul li a {
	background: #fff;
	border-bottom: 1px dotted #000;
	filter: none;
	font-size: 11px;
	display: block;
	line-height: 120%;
	padding: 10px;
}
.navigation .has-sub ul li:hover a {
	background: #09F;
}
.navigation.has-sub .has-sub:hover > ul {
	display: block;
}
.navigation .has-sub .has-sub ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
}
.navigation .has-sub .has-sub ul li a {
	background: #d8d8d8;
	border-bottom: 1px dotted #e7e7e7;
}
.navigation.has-sub .has-sub ul li a:hover {
	background: #bebebe;
}
/*---------slider css-------------------*/
.baner {
	float: left;
	width: 100%;
	background: #81e3ba;
	padding: 7px 0
}
.baner_2 {
	width: 98%;
	margin: 0 auto
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
}
.bullet {
	width: 100%;
	position: absolute;
	bottom: 10px
}
.jssorb01 div {
	background-color: gray;
}
.jssorb01 div:hover, .jssorb01 .av:hover {
	background-color: #d3d3d3;
}
.jssorb01 .av {
	background-color: #fff;
}
.jssorb01 .dn, .jssorb01 .dn:hover {
	background-color: #555555;
}
.jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../img/a02.png) no-repeat;
	overflow: hidden;
}
.jssora02l {
	background-position: -3px -33px;
}
.jssora02r {
	background-position: -63px -33px;
}
.jssora02l:hover {
	background-position: -123px -33px;
}
.jssora02r:hover {
	background-position: -183px -33px;
}
.jssora02ldn {
	background-position: -243px -33px;
}
.jssora02rdn {
	background-position: -303px -33px;
}
/*---------end slider css-------------------*/
.fixedleftbottom{
	position:fixed; 
	top:235px; 
	z-index:999999999;
	left:0;
	background:none; border:none;
	padding:0;
}
.mid_top {
	float: left;
	width: 100%;
	background: #147D51;
	padding: 10px 0;
}
.mid_toptext {
	float: left;
	width: 60%;
	font-size: 30px;
}
.mid_toptext >p {
	font-size: 15px;
	float: left;
	margin: 5px 0 0 2px;
	color:#FFF;
}
.button {
	background: none;
	border: none;
	float: right;
	cursor: pointer
}
.mid_bottom {
	float: left;
	width: 100%;
	background: linear-gradient(to right, #147D51 0%, #2ba571 13%, #2ba571 88%, #147D51 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4a91', endColorstr='#0a4a91', GradientType=1 ); /* IE6-9 */
}
.mid_wraper {
	margin: 0 auto;
	width: 980px;
	background-color:#FFC;

}
.mid_wraper-2 {
	padding:10px;
}
.midleft {
	width: 220px;
	float: left;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
.midleft >h2 {
	margin: 0;
	color: #1392cd;
	border-bottom: 1px solid #666;
	font-weight: normal;
	padding-top: 11px
}
.midleft ul {
	margin: 0;
	padding: 0;
	
}
.midleft ul li {
	list-style: url(../images/arrow_left.png);
	float: left;
	margin-left: 20px;
	width: 85%;
	padding: 5px 0;
	border-bottom: 1px solid #999;
	line-height:18px
}
.midleft ul li:last-child {
	border-bottom: none
}
.midleft ul li a {
	font-size: 12px;
	color:#330000;
	text-decoration: none;
	font-family:Verdana, Geneva, sans-serif;
}
.midleft ul li a:hover{color:#00F;}
.midleft ul li:hover ul{display:block}
.midleft ul ul{display:none}
.midleft ul ul li{font-size:12px}
.midleft ul ul li:hover{padding-left:5px}
.midcenter {
	width: 40%;
	float: left;
}
.midcenter >h1 {
	margin: 0 0 0 10px;
	color: #1392cd;
	border-bottom: 1px solid #666;
	font-weight: normal;
	font-size:30px;
}
.paragraph {
	margin: 5px 10px;
	font-size: 12px;
	float: left;
	color: #666
}
.midright {
	float: right;
	width: 35%;
}
.contact-form {
	float: left;
	width: 100%
}
.cont_img {
	width: 100%;
	float: left;
	margin-top: 2px
}
.contactbox {
	float: left;
	width: 95%;
	margin: 5px 0 0 2px;
	border: 1px solid #666;
	height: 200px
}
.address {
	font-size: 13px;
}
.address1 {
	font-size: 13px;
	margin-left: 65px;
	float: left;
	width: 80%
}

.innercontact {
	float: left;
	margin-left: 10px;
	font-size: 14px
}
.innercontact >p {
	margin: 8px 0
}
blockquote.style1 {
	padding: 8px;
	margin: 0;
	background-image: url(../images/openquote1.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-align:center;
	font-size: 14px;
	font-style:italic;
}
blockquote.style1 span {
	display: block;
	background-image: url(../images/closequote1.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.sliderbottom {
	float: left;
	width: 100%;
	margin-top: 10px
}
/*-----------------------------Distributor------------------------------*/
.distrib_form{
	border:1px solid #666;
	width:80%; 
	margin:20px auto; 
	padding:20px 10px; 
	overflow:hidden;
	border-radius:5px;
}
.form_dist{
	margin-bottom:10px;
	overflow:hidden;
}
.form_dist label{
	width:23%;
	float:left;
	margin-top:3px;
}
	
.form_dist input{
	width:65%;
	float:right;
	border:1px solid #999;
	border-radius:3px;
	height:30px;
	padding:0 3px;
}
.form_dist textarea{
	width:65%;
	float:right;
	border:1px solid #999;
	border-radius:3px;
	min-height:80px;
	padding:3px;
}


/*-----------------------------Distributor End------------------------------*/
/*-----------------------------footer------------------------------*/
.footerback{background:#2e2e2e; width:100%; float:left;}
.footerleft{width:30%; float:left; padding:10px 0}
.footerleft >h2{margin:0; color:#fff; font-weight:normal; border-bottom:1px dotted #FFFFFF; padding-bottom:7px}
.footerleft ul{margin:5px 0 0 0; padding:0;}
.footerleft ul li{list-style:none; }
.footerleft ul li a{text-decoration:none; color:#fff; font-size:14px}
.footerleft ul li a:hover{color:#0F6}

.footercenter{width:32%; float:left; padding:10px 0; margin-left:30px}
.footercenter >h2{margin:0; color:#fff; font-weight:normal; border-bottom:1px dotted #FFFFFF; padding-bottom:7px}
.footercenter ul{margin:5px 0 0 0; padding:0;}
.footercenter ul li{list-style:none; }
.footercenter ul li a{text-decoration:none; color:#fff; font-size:14px}
.footercenter ul li a:hover{color:#0F6}

.footerright{width:32%; float:right; padding:10px 0; margin-left:15px}
.footerright ul{margin:5px 0 0 0; padding:0;}
.footerright ul li{list-style:none; }
.footerright ul li a{text-decoration:none; color:#fff; font-size:14px}
.footerright ul li a:hover{color:#0F6}
.footerright >h2{margin:0; color:#fff; font-weight:normal; border-bottom:1px dotted #FFFFFF; padding-bottom:7px}
.bottomfooter{background-color:#0c0434; width:100%; float:left; padding:5px 0}
.copyright{float:left; color:#FFF; font-size:14px}
.powered{float:right; color:#FFF; font-size:14px}

/*----------------------------------------testimonials-----------------------*/
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px;
	background: #fff;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-viewport ul{margin:0; padding:0}
.bx-viewport ul li{font-style:italic; padding:5px; font-size:14px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #09f;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	margin-top: -16px;
	outline: 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	z-index: 9999;
}
/*----------------------------------------end testimonials-----------------------*/
/*----------------------------------------About us-----------------------*/
.aboutright{float:right; width:76.8%; margin-top:10px}
.aboutright1{width:730px; margin:0 auto;}
.clear{clear:both}
.imgbox_text{
	float:left; 
	font-size:12px; 
	padding:5px; 
	border:1px solid #999;
	font-family:Verdana, Geneva, sans-serif;
	word-spacing:5px;
	border-radius:5px;
	margin-bottom:10px;
	position:relative;
	min-height:300px;
	width:720px;
}
.imgbox_text1{
	float:left; 
	font-size:12px; 
	border:1px solid #999;
	font-family:Verdana, Geneva, sans-serif;
	border-radius:5px;
	width:100%;
}

.imgbox_text >h2{
	margin:0 0 10px 0; 
	padding:5px 0 5px 15px; 
	border-radius:5px 5px 0 0; 
	border:2px solid #147D51; 
	font-weight:normal; 
	color:#fff; 
	background:#147D51;
	font-size:22px;
}
.imgbox_text1 >h2{
	margin:0 0 10px 0; 
	padding:5px 0 5px 15px; 
	border-radius:5px 5px 0 0; 
	border:2px solid #00F; 
	font-weight:normal; 
	color:#fff; 
	background:#06C;
	font-size:22px;
}
.imgmain{
	float:left; 
	margin:0 20px 0 0; 
	border-radius:7px; 
	border:1px solid #CCC; 
	padding:3px;
	box-shadow: 
		0 0px 5px 1px rgba(0, 0, 0, 0.4), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
	width:43%; 
}
.imgmain2{
	float:right; 
	margin:0 0 0 20px; 
	border-radius:7px; 
	border:1px solid #CCC; 
	padding:3px;
	box-shadow: 
		0 0px 5px 1px rgba(0, 0, 0, 0.4), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
	width:43%;
}
.imgmain >img{width:100%; border-radius:6px}
.imgmain2 >img{width:100%; border-radius:6px}
.send_enquiry{
	position:absolute; 
	bottom:10px; 
	right:40px;
	background: #1267ce; /* Old browsers */
background: -moz-linear-gradient(top, #1267ce 0%, #011cb5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1267ce), color-stop(100%,#011cb5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1267ce 0%,#011cb5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1267ce 0%,#011cb5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1267ce 0%,#011cb5 100%); /* IE10+ */
background: linear-gradient(to bottom, #1267ce 0%,#011cb5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1267ce', endColorstr='#011cb5',GradientType=0 ); /* IE6-9 */
	height:30px;
	border:1px solid #000066;
	color:#fff;
	border-radius:4px;
	font-weight:600;
	-webkit-box-shadow:inset 1px 2px 1px 0px #0A0A0A;
box-shadow:inset 1px 2px 1px 0px #0A0A0A;
}
.send_enquiry:hover{
	background: #0a0ed6; /* Old browsers */
background: -moz-linear-gradient(top, #0a0ed6 0%, #0948c6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a0ed6), color-stop(100%,#0948c6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0a0ed6 0%,#0948c6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0a0ed6 0%,#0948c6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0a0ed6 0%,#0948c6 100%); /* IE10+ */
background: linear-gradient(to bottom, #0a0ed6 0%,#0948c6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0ed6', endColorstr='#0948c6',GradientType=0 ); /* IE6-9 */
}
.content{float:right; width:53%; margin-bottom:30px}
.content1{float:left; width:53%; margin-bottom:30px}
/*------------------------------------------ end About us--------------------------------------*/
/*------------------------------------------Gallery----------------------------------------*/
.midgalleryimg{width:100%; float:left}
.midgalleryimg >img{
	float:left;
	 margin:.5%; 
	 width:23.07%; 
	 padding:3px; 
	 border:1px solid #CCC; 
	 box-shadow: inset 0px 0px 3px rgba(150, 180, 255,0.5);
	 height:210px
}
.imgproduct {position:relative; width:316px; float:left; height:290px}
.imgproduct span >img{
	float:left;
	 margin:.5%; 
	 padding:3px; 
	 border:1px solid #CCC; 
	 box-shadow: inset 0px 0px 3px rgba(150, 180, 255,0.5);
	 height:228px
}
.imgproduct >p{
	text-align:center;
	color:#0033CC;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
	padding:0 5px;
	margin:0;
	font-weight:bold;
	
}
.hadingmain{margin:10px 0 5px 5px; padding-bottom:5px; border-bottom:1px solid #999; width:99%}
.wrapergallery{width:99%; margin:0 auto}
/*------------------------------------------ end Gallery----------------------------------------*/






.morphbutton-close{
  top: 0;
  right: 0;
  background: none;
  border: none;

  position: absolute;
}
.morphbutton-open{
  width: 100%;
}

/* Boxes */
.morphbutton{
  /*overflow: hidden;
  position: absolute;*/

  display: inline-block;
  overflow: hidden;
  position: relative;

  /*transition: all .5s;*/
}
.morphbutton.active{
  overflow: inherit;
}
.morphbutton::before{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  content: '';
  z-index: 800;
  opacity: 0;
  transition: opacity .5s;
  pointer-events: none;
}
.morphbutton.active::before{
  opacity: 1;
  pointer-events: auto;
}
.morphbutton .morphbutton-content{
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  pointer-events: none;

  overflow: hidden;
  position: fixed;
  z-index: 801;
  transition: opacity 0.3s 0.0s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
  transition-timing-function: cubic-bezier(0.4,0,0.3,1);
}
.morphbutton-content {
  background-color: rgba(0,0,0,0.5);
  	color: #fff;
}
.morphbutton.active .morphbutton-content{
  width: 320px !important;
  height: 400px !important;
  padding: 20px;
  left: 30% !important;
  top: 20% !important;
  pointer-events: auto;
  /*z-index: 801;*/
}
.morphbutton .morphbutton-content *{
  opacity: 0;
}
.morphbutton.open .morphbutton-content *{
  opacity: 1;
}
.powered a{
    color:#fff;
}