@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) repeat top center;
    background-attachment:fixed;
}
.fullwidth{position:relative;width:100%;overflow:hidden;}
/* page wrapper */
#main-wrapper
{
	max-width:960px;
	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;*/
}

/* header */
#top-container
{
    position:relative; overflow:visible !important; width:100%; height:150px; background-color:#fff; 
}
#top-bar
{
    position:relative; overflow:hidden; width:auto; height:10px; background-color:#4d4d4d; z-index:1000000;
	
}
#top-bar-1
{
    position:relative; overflow:hidden; width:auto; height:5px; background-color:#c81010; margin-bottom:2px;
}
#top-bar-2
{
    position:relative; overflow:hidden; width:auto; height:7px; background-color:#eaeaea; margin-bottom:2px; 
}
#top-bar-3
{
    position:relative; overflow:hidden; width:auto; height:3px; margin-top:15px;
}
#middle-bar
{
   width:100%; position:relative; overflow:hidden; background-color:#f36d20; height:auto; text-align:center; margin-top:10px; margin-bottom:35px; padding-bottom:20px;
}
#menu-bar
{
    position:relative; max-width:960px; width:100%; height:auto; float:right; color:#FFFFFF; text-align:center; margin:0 auto;
}
.logo-container
{
	overflow:hidden; margin-left:20px; margin-right:auto; position:relative; text-align:left; float:left; margin-top:30px; max-width:251px; height:auto;
}
.address
{
    float:right; 
	margin-right:10px;
	max-width:679px;
	line-height:15px;
	text-align:right;
	margin-top:10px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #414141;
}
.clr { clear:both; padding:0; margin:0; background:none;}

/*content*/
#maincontent
{
	width:100%;
	max-width:960px;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:10px;
	height:auto;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
}
#maincontent-inner
{
	width:720px;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:10px;
	height:auto;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
}
#sidecontent-inner
{
	width:240px;
	float:right;
	background-color:#FFFFFF;
	padding-bottom:10px;
	height:auto;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
}
#gallery
{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:center;
}
#gallery .gallery-img
{
	width:174px;
	display:inline-block;
	position:relative;
	margin:0 auto;
	padding:5px;
	height:auto;
	overflow:auto;
	text-align:center;
}
#banner
{
	height:auto;
	max-width:960px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
}
.padding-offset
{
	padding-top:10px;
	padding-left:20px;
	padding-right:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #414141;
	margin-top:10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:auto;
	margin-bottom:10px;
}
h1
{
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #0000;
	font-weight:normal;
	margin:10px;
}
h2
{
	font-size:12px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	color:#464646;
	font-weight:400;
	text-align:center;
	margin-bottom:10px;
}
a.h2:link {text-decoration:none; border:none;}
a.h2:visited {text-decoration:none;}
a.h2:hover {text-decoration:underline; color:#FFFFFF;}
a.h2:active {text-decoration:none;}
h3
{
	font-size:16px;
	text-align:left;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	color:#124a95;
	margin-left:10px;
	margin-top:20px;
	float:left;
	margin-bottom:10px;
	width:100%;
	font-weight:400;
}
#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: #414141;
	margin:10px;
}
.clear-both
{
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}
a.links {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; border:none; color:#424242;}
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;overflow:hidden;text-align:center;background-color:#3e454c; padding-bottom:10px; float:left; width:100%;}
#footNav p{max-width:940px; padding-top:5px;overflow:hidden;font-variant:normal;font-weight:500;font-size:10px;line-height:12px;font-family:Arial,Helvetica,sans-serif;text-align:center; color:#FFFFFF;}
#footNav a{text-decoration:none;color:#FFFFFF;}
#footNav a:hover{text-decoration:underline}


.copyright-txt
{
	display:inline;
	font-size:10px;
	color:#FFFFFF;
	float:right;
	margin-right:10px;
}

.read-more
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fffff;
	background-color:#ff8067;
	text-align:center;
	text-decoration:none;
	width:43px;
	height:31px;
	line-height:31px;
	float:none;
	margin:auto;
}
a.read-more
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
a.read-more:link {text-decoration:none; border:none;}
a.read-more:visited {text-decoration:none;}
a.read-more:hover {text-decoration:underline;}
a.read-more:active {text-decoration:none;}

a.read
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	padding:10px;
	background-color:#ff8067;
	margin-left:100px;
	margin-right:100px;
}
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 */
.imgC{width:700px; margin-top:10px; margin-left:auto; margin-right:auto; text-align:center;}

#dropmenudiv{
	position:absolute;
	float:left;
	width:120px;
	height:40px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	z-index:100;
	margin-top:1px;
	font-family: Arial, Helvetica, sans-serif;
	color:#2d2d2d;
	background-color:#ffcb42;
}

#dropmenudiv a{
	float:left;
	width:120px;
	height:40px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	margin-top:1px;
	background-color:#f0af00;
	font-family: Arial, Helvetica, sans-serif;
	color:#2d2d2d;
	background-color:#ffcb42;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color:#ec6b03;
	color:#ffffff;
}
/* Table design style */
.general-data-table
{
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	max-width:940px;
	width:90%;
	line-height:20px;
}
.general-data-table td, .general-data-table th
{
	border:1px solid #E1E1E1;
	padding:7px;
	vertical-align:top;
	line-height:20px;
}
.general-data-table td
{
	color:#414141;
	line-height:20px;
}
.general-data-table th
{
	border: 1px solid #E1E1E1;
	background: #f1f1f1;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #414141;
	line-height:20px;
}
/* Inner Table design style */
.general-inner-data-table
{
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	width:700px;
	line-height:15px;
}
.general-inner-data-table td, .general-inner-data-table th
{
	border:1px solid #E1E1E1;
	padding:5px;
	vertical-align:top;
	line-height:15px;
}
.general-inner-data-table td
{
	color:#000000;
	line-height:15px;
}
.general-inner-data-table th
{
	border: 1px solid #E1E1E1;
	background: #f1f1f1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #0000000;
	line-height:15px;
}

/* Product page tags */
#blockcontent
{
	max-width:960px;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
	margin-top:20px;
}
#block
{
	height:200px;
	display:inline-block;
	width:240px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	text-align:center;
	overflow:hidden;
}
#block .data-container
{
    position: relative;
    overflow: hidden;
    width:240px;
	height:248px;
}
#block .data-container-hover
{
    position: relative;
    overflow: hidden;
    background-color:#c81010;
    width:240px;
	height:300px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
}
.floatLeft{display:inline;overflow:hidden; padding-bottom:10px; margin-left:auto; margin-right:auto; margin-top:5px; width:240px; text-align:center; float:left;}
.news{display:inline;overflow:hidden; margin-bottom:10px; margin-left:20px; margin-right:20px; margin-top:5px; width:196px; text-align:center; float:left; height:141px; border: 1px ridge #ffffff;}
.floatRight{float:right;display:inline;overflow:hidden;}
#block h2
{
	font-size:14px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	color:#464646;
	font-weight:normal;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
	overflow:hidden;
	float:left;
	width:240px;
}
#block .read-more-block
{
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:85px; margin-right:85px;
	color:#424242;
	background-color:#ffcb42;
	text-align:center;
	text-decoration:none;
	width:70px;
	height:15px;
	float:left;
}
/* 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:930px;
background-color:#ffffff;
}
#description
{	width:435px;
	font-size:12px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color:#2d2d2d;
	font-weight:400;
	text-align:left;
	margin-bottom:10px;
}
#speci
{	width:265px;
	float:right;
	font-size:12px;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	color:#2d2d2d;
	font-weight:400;
	text-align:center;
	margin-bottom:10px;
	margin-top:20px;
}
#pro-image
{	float:left;
	display:inline;
	margin:0px;
	margin-top:20px;
	margin-left:3px;
	margin-right:3px;
	width:234px;
}
.iRef{float:right;display:inline; padding:5px; margin-left:10px; margin:0px;border:thin #c1c1c1 solid; }
#description-1
{	max-width:530px;
	font-size:12px;
	float:left;
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
	text-align:center;
	margin-bottom:10px;
}
#speci-1
{	max-width:370px;
	float:right;
	text-align:center;
	margin-bottom:10px;
	margin-left:20px;
	background-color:#fff;
}
#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;
}

@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: 20s slidy infinite; 
}

.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;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}   
.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;
}