@charset "utf-8";
/* CSS Document */
*
{
	margin:0px;
	padding:0px;
	font-family:'Noto Sans', Arial, Helvetica, sans-serif;
	text-align:justify;
	/*border:1px solid #fff;*/
}
body
{
        background:url('../images/bg.jpg') no-repeat top center;
        background-attachment:fixed;
		width:100%;
		overflow-x:hidden;
	}
.fullwidth{position:relative;width:100%;overflow:hidden;}
/* page wrapper */
#main-wrapper
{
	max-width:960px;
	margin:0px auto;
	height:auto;
	overflow:hidden;
	position:relative;
	/*border:thin #FF0000 solid;*/
}
#inner-wrapper
{
	width:930px;
	margin:0px auto;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	position:relative;
	/*background:url('../images/bg.jpg') repeat-x top center;
	/*border:thin #FF0000 solid;*/
}
#gallery
{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:center;
}
#gallery .gallery-img
{
	width:82px;
	display:inline-block;
	position:relative;
	margin:0 auto;
	padding:5px;
	height:auto;
	overflow:auto;
	text-align:center;
}

#banner-slide
{
	height:auto;
	max-width:960px;
	width:100%;
	margin:0 auto;
	background-color:#ffffff;
	float:left;
}
/* header */
#top-container
{
    position:relative; overflow:hidden; max-width:960px; width:100%; height:100%; background-color:#fff;
}
#bottom-bar
{
    position:relative; overflow:hidden; width:930px; height:70px; background-color:#efefef;	border-top: 1px solid #b4babc; text-align:center;
}
#top-bar
{
    position:relative; overflow:hidden; width:960px; height:5px; background-color:#3e454d;
}
#divider
{
    position:relative; overflow:hidden; height:1px; margin-bottom:5px; background:url('../images/divider.gif') no-repeat top center; width:960px;
}
#banner
{
    position:relative; overflow:auto; height:auto; margin-bottom:5px; max-width:960px; width:100%;
}
.logo-container
{
	overflow:hidden; position:relative; float:left; text-align:center; max-width:340px; width:100%; margin-left:10px; margin-right:10px;
}
.address-login
{
    float:right; 
	width:200px;
	position:relative;
	overflow:hidden;
	text-align:right;
	margin-right:10px;
}
.address
{
    float:right; 
	width:400px;
	position:relative;
	overflow:hidden;
	text-align:right;
	margin-right:0px;
}
/*content*/
#maincontent
{
	max-width:960px;
	width:100%;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:10px;
	height:auto;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
#maincontent-inner
{
	width:767px;
	float:left;
	padding-bottom:10px;
	height:auto;
	margin-left:0px;
	margin-bottom:10px;
}
#sub-content
{
	width:192px;
	height:auto;
	margin:auto;
	padding-bottom:5px;
	margin-bottom:10px;
	float:right;
}
#maincontent-inner-yt
{
	width:500px;
	height:360px;
	float:right;
	margin-left:70px;
	margin-right:70px;
	margin-bottom:10px;
}
#sidecontent-inner
{
	width:320px;
	float:left;
	background-color:#ececec;
	padding-bottom:10px;
	height:auto;
	margin-left:0px;
	margin-right:0px;
}
.padding-offset
{
	font-family:'Noto Sans', Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #2d2d2d;
	padding-left:20px;
	padding-right:15px;
	margin-left:20px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	width:895px;
}
h1
{
	font-size:30px;
	text-align:center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color:#2d890a;
	font-weight:400;
	float:left;
	line-height:40px;
	max-width:960px;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
h2
{
	font-size:18px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:400;
	line-height:30px;
	padding-top:5px;
	padding-bottom:5px;
	width:auto;
	background-color:#5bb5e9;
	padding-left:15px;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
}
h3
{
	font-size:12px;
	text-align:center;
	font-family:'Noto Sans', Arial, Helvetica, sans-serif;
	color:#2d890a;
	height:auto;
	font-weight:400;
	width:100%;
	margin-bottom:20px;
}
h4
{
	font-size:12px;
	text-align:center;
	font-family:'Noto Sans', Arial, Helvetica, sans-serif;
	color:#FFF;
	height:auto;
	font-weight:400;
	width:100%;
	margin-bottom:20px;
	background-color:#5cb8e9;
	padding-top:5px;
	padding-bottom:5px;
}
#rule
{
	background:url(images/hr.jpg) no-repeat;
	height:1px;
}
.rulesmall
{
	background-image:url(images/hori-line.jpg);
	background-repeat:no-repeat;
	width:480px;
	height:2px;
}
p
{
	font-family:'Noto Sans', Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #2d2d2d;
	margin:20px;
}
.clear-both
{
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}
a.links {font-family:'Noto Sans', Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; border:none; color:#3C3C3C;}
a.links:link {text-decoration:none; border:none;}
a.links:visited {text-decoration:none;}
a.links:hover {text-decoration:underline;}
a.links:active {text-decoration:none;}

/* Footer navigation*/
#footNav{max-width:960px; width:100%;overflow:hidden;text-align:center;background-color:#232323; padding-bottom:5px;}
#footNav p{max-width:960px; width:100%; padding-top:5px;overflow:hidden;font-variant:normal;font-weight:500;font-size:10px;line-height:12px;font-family:'Noto Sans', Arial, Helvetica, sans-serif; text-align:center; color:#5d5c5c;}
#footNav a{text-decoration:none;color:#5d5c5c;}
#footNav a:hover{text-decoration:underline; color:#e1e1e1;}


.copyright-txt
{
	display:inline;
	font-size:10px;
	color:#ffffff;
	float:right;
	margin-right:10px;
}
a.read
{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	font-size:11px;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#8dc041;
	padding:3px 12px 3px 12px;
}
a.read:link {text-decoration:none; border:none;}
a.read:visited {text-decoration:none;}
a.read:hover {text-decoration:underline;}
a.read:active {text-decoration:none;}
.read-more-testi
{
	display:block;
	float:right;
	display:inline;
	width:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:auto; margin-right:auto;
	color:#0675bd;
	text-align:center;
	text-decoration: underline;
}
/* Imgae style */
.imgProducts{width:220px; margin-top:10px; margin-left:auto; margin-right:auto; float:right;}

#dropmenudiv{
	position:absolute;
	float:left;
	width:120px;
	height:20px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	z-index:100;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	color:#2d2d2d;
	background-color:#efefef;
}

#dropmenudiv a{
	float:left;
	width:120px;
	height:20px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	z-index:100;
	font-family:'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	color:#2d2d2d;
	background-color:#efefef;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color:#f37d25;
	color:#ffffff;
}
/* Table design style */
.general-data-table
{
	margin-left:10px;
	margin-right:10px;
	font-family: 'Noto Sans', arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:400;
	border-collapse: collapse;
	max-width:680px;
	width:100%;
	line-height:20px;
}
.general-data-table td, .general-data-table th
{
	padding:7px;
	vertical-align:top;
	line-height:20px;
	border: 1px solid #E1E1E1;
}
.general-data-table td
{
	color:#232323;
	font-family:'Noto Sans', Arial, Helvetica, sans-serif;
	line-height:20px;
}
.general-data-table th
{
	border: 1px solid #E1E1E1;
	background: #f1f1f1;
	font-family:'Noto Sans', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 12px;
	text-align: left;
	color: #232323;
	line-height:20px;
}
/* Product page tags */
#blockcontent
{
	width:960px;
	float:left;
	height:auto;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
}
#block
{
	height:230px;
	float:left;
	width:320px;
	position:relative;
	overflow:hidden;
}
#block-blue
{
	height:230px;
	float:left;
	width:640px;
	position:relative;
	overflow:hidden;
	background-color:#e9f8fb;
}
.floatLeft{display:inline;overflow:hidden; margin-left:auto; margin-right:auto; margin-top:30px; width:320px; text-align:center; float:left;}
.floatRight{float:right;display:inline;overflow:hidden;}
/* Margin containers */
.margin-ten-pixel
{
    margin:10px;overflow:hidden;
}
.photo-data{overflow:hidden;}
.photo-data .image{float:left;display:inline;padding:5px 20px 5px 0;}
.photo-data p{margin:5px 0 0 0;overflow:hidden;font-variant:normal;font-weight:500;font-size:11px;color:#2d2d2d;line-height:1.6em;font-family:Verdana, Helvetica, sans-serif;font-smooth:always;text-align:left;text-decoration: none;}
.photo-data a {font-family: Verdana, Helvetica, sans-serif;font-size: 10px; text-decoration: none;}
.photo-data a:link { color: #2d2d2d;}
.photo-data a:visited { color: #2d2d2d;}
.photo-data a:hover { color: black; text-decoration: underline;}
.photo-data a:active { color: #2d2d2d;}
/*product display */
#product
{	max-width:960px;
	width:100%;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
}
#description
{	max-width:520px;
	width:100%;
	font-size:12px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color:#2d2d2d;
	font-weight:400;
	text-align:left;
	margin-left:20px;
	margin-bottom:10px;
}
#speci
{	max-width:610px;
	float:left;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#2d2d2d;
	font-weight:400;
	text-align:left;
	margin-bottom:10px;
	margin-top:10px;
	margin-right:20px;
}
#pro-image
{	float:left;
	display:inline;
	margin:0px;
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	width:300px;
}
#speci-1
{	max-width:370px;
	float:right;
	text-align:center;
	margin-bottom:10px;
	margin-left:20px;
}
#description-map
{	max-width:530px;
	width:100%;
	font-size:14px;
	float:left;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	text-align:left;
	margin-bottom:10px;
	font-weight:normal;
	margin-left:10px;
}
.iRef{float:right; display:inline; overflow:hidden; padding:10px; margin:0px; margin-left:10px; border: 1px solid #E1E1E1; background-color:#FFFFFF; }

/* Conatct Form */
.response { font:normal 12px 'Noto Sans', Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: 'Noto Sans', Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:5px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:normal 12px 'Noto Sans', Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 10px 'Noto Sans', Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#151515; border:1px solid #000; color:#FFF; float:left;}

#team-content
{
	width:640px;
	float:left;
	height:auto;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:2px;
}
#team
{
	height:300px;
	float:left;
	width:300px;
	margin:5px;
	position:relative;
	overflow:hidden;
}
/* pro-table page tags */
#pro-table
{
	height:220px;
	float:left;
	width:188px;
	position:relative;
	margin-bottom:10px;
}
#pro-table .pro-table-content
{
    border: 1px solid #c6c6c6;
    position: relative;
    overflow: auto;
    padding-bottom:15px; padding-top:5px;
    width:178px;
	margin-left:5px; margin-right:5px;
	height:200px;
	margin-top:10px;
	text-align:center;
}
#pro-table .pro-table-content .pro-img-content
{
    position: relative;
    overflow: auto;
	margin:auto;
	height:auto;
	text-align:center;
}
#pro-table .pro-heading
{
    position: relative;
    overflow: auto;
    background-color:#ffdc7d;
    width:174px;
	margin-left:2px; margin-right:2px;
	height:50px;
	text-align:center;
}
@charset "utf-8";
/* CSS Document */

.fixed-side-social-container{left:1115px;width:158px;position:fixed;top:0px;background-repeat:no-repeat;z-index:9999999;}
.fixed-side-social-container .social-icon{float:right;width:158px;filter:alpha(opacity=75);moz-opacity:.75;-khtml-opacity:.75;opacity:.75;display:block;background-repeat:no-repeat;height:60px;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-o-transition:all ease .2s;-ms-transition:all ease .2s;transition:all ease .2s;background-position:0 0}
.fixed-side-social-container .social-icon{background-image:url("../images/social-media.png")}
.fixed-side-social-container .social-icon:hover{filter:alpha(opacity=99);moz-opacity:.99;-khtml-opacity:.99;opacity:.99}
.fixed-side-social-container .linkedin-icon{background-position:0 0}
.fixed-side-social-container .twitter-icon{background-position:0 -61px}
.fixed-side-social-container .facebook-icon{background-position:0 -122px}
.fixed-side-social-container .google-icon{background-position:0 -186px}


@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider {overflow: hidden; max-width:960px; text-align:center; margin:auto; height:auto;}
div#slider figure img { width: 20%; float:left;}
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align:center;
  font-size: 0;
  animation: 30s slidy infinite; 
}

#pro-content
{
	max-width:940px;
	width:100%;
	background:#FFFFFF;
	margin-left:10px;
	margin-right:10px;
	height:auto;
	overflow:auto;
	padding-top:5px;
	padding-bottom:10px;
}
#pro-content-inner
{
	width:940px;
	background:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	overflow:auto;
	padding-top:5px;
	padding-bottom:10px;
}

.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}