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

* {
	margin:0px;
	padding:0px;
}
@font-face {
 font-family: "Swis721 Lt BT";
 src: local("Swis721 Lt BT"), url("../TT0001M_.TTF") format("truetype");
}
body {
	font-family: "Swis721 Lt BT", Arial, sans-serif;
	font-size:13px;
	color:#666;
}
#main {
	width:100%;
}
img {
	max-width:100%;
}
h2 {
	font:600 28px/28px "Swis721 Lt BT", Arial, sans-serif;
	color:#333;
	margin-top: 10px;
	/*margin-left: -2px;*/
	padding-bottom: 5px;
	border-bottom:1px solid #333;
	margin-bottom:10px;
}
h3 {
	font:600 28px/28px "Swis721 Lt BT", Arial, sans-serif;
	color:#5c5c5c;
	text-transform: uppercase;
}
p {
	margin-bottom:10px;
}
.header {
	width:100%;
}
.clear {
	clear:both;
}
.container {
	width:80%;
	margin:0 auto;
	overflow:hidden;
}
.slider {
	width:100%;
}
.slider img {
	top:0px;
	left:0px;
	max-width:100% !important;
	height:auto;
}
.logo {
	float:left;
	width:252px!important;
}
#heading {
	width:100%;
	padding-top:1%;
	margin-bottom:2%;
}
#heading h2 {
	font-family: "Swis721 Lt BT", Arial, sans-serif;
	font-size:3.5em;
	text-align:center;
}
#heading p {
	width:65%;
	margin:0 auto;
	margin-top:2%;
}
.header-text {
	float:right;
}
.header-text p {
	float:right;
	color:#fff;
}
#section {
	margin:auto;
	padding:0px;
	width:98%;
}
.col_1_of_5 {
	width:65%;
	margin:1% 0 2% 1%;
	float:left;
}
.col_1_of_7 {
	width:49%;
	margin:1% 0 2% 1%;
	float:left;
}
.col_1_of_7 img {
	width:100%;
	margin:1% 0 2% 1%;
	float:left;
}
.col_1_of_8 {
	width:40%;
	margin:1% 0 2% 1%;
	float:left;
	padding-top:10px;
}
.col_1_of_8 ul {
	padding:0px;
	margin:0px;
}
.col_1_of_8 li {
	margin:0px;
	padding:0px;
	background:url(../images/list-image.jpg) no-repeat 5px;
	list-style:none;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	font-family: "Swis721 Lt BT", Arial, sans-serif;
}
.col_1_of_5 h3 {
	font-family: "Swis721 Lt BT", Arial, sans-serif;
	color:#ee2931;
	font-size:25px;
	font-weight:bold;
	padding:0px;
	padding-left:0%;
	padding-bottom:1%;
	margin:0;
}
.col_1_of_5 h4 {
	padding-top:10px;
	padding-bottom:10px;
	font-size:15px;
}
.col_1_of_6 {
	width:23%;
	margin:1% 1% 2% 1%;
	float:left;
}
.col_1_of_6 img {
	width:100%;
	margin:0 0 2% 1%;
	float:left;
}
.col_1_of_6 h3 {
	color:#360;
	font-size:18px;
	font-weight:normal;
	padding:0px;
	padding-left:3%;
	margin:0;
}
.col_1_of_6 p {
	font-size:14px;
	line-height:25px;
	padding-left:3%;
}
.grid_img {
	text-align:center;
	margin-bottom:2%;
}
.prod_1 {
	width:31%;
	float:right;
}
.col_1_of_5 p {
	color:#999;
	line-height:1.5em;
	font-size:0.9em;
}
.col_1_of_4 {
	width:30%;
	margin:1% 1.7% 1% 1%;
	float:left;
}
.caption {
	padding-top:5%;
}
.caption p {
	font-size:12px;
}
.hover_pic img {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
}
.hover_pic img:hover {
	-webkit-transition: scale(0.99);
	-moz-transition: scale(0.99);
	-o-transition: scale(0.99);
	opacity:0.85;
}
.time {
	color:#999;
	font-size:13px;
	margin-bottom:7px;
}
.lnk {
	font-family: "Swis721 Lt BT", Arial, sans-serif;
	color:#e4e24f;
	font-size:14px;
	margin-bottom:3%;
	display: inline-block;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
}
.lnk:hover {
	color:#666;
}
.btn {
	background: #E4E24F;
	border-radius:2px;
	margin-top:8px;
	font-size: 0.99em;
	display: inline-block;
	padding:7px 15px 7px 15px;
	font-family: "Swis721 Lt BT", Arial, sans-serif;
	color: #FFF;
	text-shadow: none;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 4px solid #CFCD32;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.btn:hover {
	background:#333;
	border-bottom: 4px solid #111;
}
.footer {
	background:#383838 url(../images/footer-bg.jpg) repeat-x;
	text-align:center;
	padding:1% 0;
}
.banner {
	float: left;
	width: 100%;
	padding-top:2%;
	padding-bottom:2%;
	margin-left:0%;
}
.textwidget {
	border:0px solid red!important;
	float:left!important;
	width:24%!important;
	margin-right:1%!important;
}
.banner div {
	float: left;
	position: relative;
	border:0px solid blue;
	margin-right:0%;
}
.banner div a {
	float: left;
	background: #3ba3d1;
	text-align: center;
	width:100%;
}
.banner div a:hover {
	background: #5e717a;
}
.banner div a img {
	float: left;
	background: #fff;
}
.banner h3 {
	color: #fff;
	font-size: 20px;
	padding: 10px 0px 10px 0px;
	float: left;
	width: 100%;
	text-transform:uppercase;
	font-weight:normal;
}
.banner div a span {
	bottom: 40px;
	left: 100px;
	display: block !important;
	background: url(../images/arrow.png) 0 0 no-repeat;
	height: 50px;
	width: 47px;
	position: absolute;
	z-index: 9999999;
}
.banner div a:hover span {
	bottom: 45px;
}
.breadcrumb-link {
	color: #686868;
	padding-top:6px;
	border-bottom:1px solid #333;
	width:100%;
	padding-bottom:45px;
	margin-bottom:10px;
}
.breadcrumb {
	font-size:11px;
	width:70%;
	float:right;
	padding-right:10px;
	margin-top:11px;
	text-align:right;
	font-size:13px!important;
}
.breadcrumb-link h2 {
	float:left;
	padding-bottom:5px;
}
.breadcrumb-link a {
	padding-right:3px;
	color: #4c73b4;
	text-decoration:none;
}
.breadcrumb-link a:hover, a.act {
	padding-right:3px;
	color: #0f75bc!important;
	text-decoration:none;
	background:none!important;
}
.blog {
	width:50%;
	float:left;
}
/* start menu */

.translate-flags {
	text-align:right;
	color:#333;
	border:0px solid red;
	padding-right:1%;
}
.h_menu {
	font-family: "Swis721 Lt BT", Arial, sans-serif;
	float:left;
	color:#ffffff;
	font-size: 1.2em;
}
.h_menu ul li {
	display: inline-block;
}
.h_menu ul li:first-child a {
}
.h_menu ul li a {
	display:inline-block;
	padding:8px 100px 8px 10px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	text-decoration:none;
	color:#3c3c3c;
}
.h_menu ul li a:hover {
	color:#666666;
	text-decoration:none;/*	background:#a1a1a1;*/
}
.h_menu ul li.active a {
	color:#fff;
	text-decoration:none;
}
/*------start-top-nav------*/
.top-nav {
	display:none;
	position:relative;
}
.nav-item {
	float:left;
 *display:inline;
	zoom:1;
}
.nav-item a {
	display:block;
	padding:10px 20px;
	color:#FFF;
	background:#4A4444;
}
.nav-item a:hover, .nav-item a.active {
	background: #43B6A8;
	color: #ffffff;
}
.nav-mobile {
	display: none;
	cursor: pointer;
	float:left;
	background: url(../images/nav_icon.png) 5% 52% no-repeat #246e9b;
	height: 35px;
	width: 35px;
	width:100%;
}
.nav-mobile {
	display:block;
}
.nav {
	width:100%;
}
.nav-list {
	display:none;
}
.nav-item {
	width:100%;
	float:none;
}
.nav-item a {
	font-family: 'Source Sans Pro', sans-serif;
	background: #434f07;
	padding: 6px 10px;
	color: #fff;
	text-transform: uppercase;
	border-bottom: 1px solid #E2E2E2;
 -webkit-transition: color .2s linear, background .2s linear;
 -moz-transition: color .2s linear, background .2s linear;
 -o-transition: color .2s linear, background .2s linear;
 transition: color .2s linear, background .2s linear;
	font-weight: normal;
	font-size: 0.8em;
	text-decoration:none;
}
.nav-active, .nav-active-inner .nav-inner {
	display:block;
}
.top-nav-right {
	float:right;
	padding: 7px 10px;
}
.top-header {
	padding: 5px 0;
}
.top-nav-right input[type="submit"] {
	background: url(../images/search-icon.html) no-repeat 42% 50% #bd7f1c;
	padding:10px 20px;
	border: none;
	display: block;
	float: left;
	margin:0;
	outline:none;
	cursor:pointer;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
#main_1 {
}
.pull {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius:50%;
	-o-border-radius: 12px;
	border:4px solid #cfcfcf;
	-webkit-transition: all 0.60s ease;
	-moz-transition: all 0.60s ease;
	-o-transition: all 0.60s ease;
	transition: all 0.60s ease;
	margin-left:5px;
}
.pull:hover {
	opacity:0.7;
}
.addr {
	width:48%;
	float:left;
	text-align:left;
	margin-bottom:2%;
}
.addr a {
	text-decoration:none;
	color:#C30;
}
.addr h3 {
	font-size:18px;
	float:left;
	width:100%;
	text-align:left;
	padding-left:3px;
	padding-bottom:2%;
	font-weight:normal;
}
.map {
	width:50%;
	float:right;
}
.map img {
	width:100%;
}
/*---------------------------left menu-------------------------------*/
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	text-transform:uppercase;
}
#cssmenu {
	width:22%;
	float:left;
	color: #ffffff;
	padding-left:0%;
}
#cssmenu ul ul {
	display: none;
}
.align-right {
	float: right;
}
#cssmenu > ul > li {
	padding: 2px 3px;
	border-left: 0px solid #666;
	border-right:0px solid #666;
	border-top: 0px solid #666;
	border-bottom: 0px solid #666;
	cursor: pointer;
	z-index: 2;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #ae5226;
	text-shadow:0px;/*   	background:url(../images/nav_b.jpg) repeat;*/
	

  

 
 
}
#cssmenu > ul > li > a {
	padding: 10px 13px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background:#ebeced url(../images/sprite-1.png) no-repeat 190px 12px;
	cursor: pointer;
	z-index: 2;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	text-shadow:0px;
}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a {
	color: #FFF;
	background:#015492 url(../images/sprite.png) no-repeat 190px 12px!important;
	text-shadow:none;
}
#cssmenu > ul > li.open > a {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
	border-bottom: 0px solid #666;
}
#cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a {
	border-bottom: 1px solid #666;
}
.holder {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
}
 /*.holder::after,
.holder::before {
  display: block;
 position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;*/
 /* -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}*/
.holder::after {
 top: 17px;
/* border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;*/
}
#cssmenu > ul > li > a:hover > span::after, #cssmenu > ul > li.active > a > span::after, #cssmenu > ul > li.open > a > span::after {
 border-color: #eeeeee;
}
/*.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}*/
#cssmenu ul ul li a {
	cursor: pointer;
	border-bottom: 1px solid #32373e;
	border-left: 1px solid #32373e;
	border-right: 1px solid #32373e;
	padding: 10px 20px;
	z-index: 1;
	text-decoration: none;
	font-size: 13px;
	color: #eeeeee;
	background: #49505a;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a {
	background: #424852;
	color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
	box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
	padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a {
	border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a {
	border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
	border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
 display: block;
 position: absolute;
 content: '';
 width: 5px;
 height: 5px;
 right: 20px;
 z-index: 10;
 top: 11.5px;
 border-top: 2px solid #eeeeee;
 border-left: 2px solid #eeeeee;
 -webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 -ms-transform: rotate(-135deg);
 -o-transform: rotate(-135deg);
 transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after {
 border-color: #ffffff;
}
.col2 {
	width:76%;
	float:left;
	height:auto;
	margin-left:20px;
}
/*-----------------------end-left menu-----------------------*/
.box-heading {
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	line-height:22px;
	background:url(../images/nav_b.jpg) repeat;
	text-align:left;
	padding:10px 15px;
}
.navi-g {
	width:22%;
	float:left;
	border:1px solid #e1e0db;
}
/**********************table-content***********************/
#prodDes {
	max-width: 415px;
	FLOAT: left;
	padding-top:0px;
}
#prodDes P {
	MARGIN-BOTTOM: 10px !important
}
#prodDes P LABEL {
	WIDTH: 300px
}
.table-desc {
	border:0px solid red;
	max-width:415px;
	color:#000;
	float:left;
	margin-top:10px;
}
#prodDes H1 {
	PADDING-BOTTOM: 0px !important;
	MARGIN: 0px 0px 2px;
	PADDING-LEFT: 0px !important;
	PADDING-RIGHT: 0px !important;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	PADDING-TOP: 0px !important
}
.sale {
	COLOR: #ccc;
	TEXT-DECORATION: line-through
}
#prodDes H6 {
	FONT-FAMILY: arial !important;
	MARGIN-BOTTOM: 20px;
	COLOR: #7b7b7b;
	FONT-SIZE: 14px
}
#prodDes H3 {
	MARGIN-BOTTOM: 10px
}
#prodDes H4 {
	MARGIN-BOTTOM: 10px
}
#prodDes H5 {
	MARGIN-BOTTOM: 5px
}
#prodImg {
	WIDTH: 322px;
	BACKGROUND: #fff;
	padding-top:0px;
	float:left;
}
#show_content {
	border: 0px solid #FF0000;
	float: left;
	width: 688px;
}
#prodImg IMG {
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto
}
#main_image {
	BORDER-BOTTOM: #e6e6e6 1px solid;
	BORDER-LEFT: #e6e6e6 1px solid;
	BORDER-TOP: #e6e6e6 1px solid;
	BORDER-RIGHT: #e6e6e6 1px solid;
	width:320px;
	height:340px;
}
#smalls {
	WIDTH: 320px;
	FLOAT: left;
}
#smalls1 {
	WIDTH: 100px;
	FLOAT: left;
	BORDER-BOTTOM: #e7e7e7 1px solid;
	BORDER-LEFT: #e7e7e7 1px solid;
	MARGIN: 0px 8px 8px 0px;
	WIDTH: 100px;
	FLOAT: left;
	BORDER-TOP: #e7e7e7 1px solid;
	BORDER-RIGHT: #e7e7e7 1px solid
}
#smalls IMG {
	BORDER-BOTTOM: #e7e7e7 1px solid;
	BORDER-LEFT: #e7e7e7 1px solid;
	MARGIN: 5px 8px 8px 0px;
	WIDTH: 150px;
	FLOAT: left;
	BORDER-TOP: #e7e7e7 1px solid;
	BORDER-RIGHT: #e7e7e7 1px solid
}
.table_detail {
	padding:0px;
	padding-right:0px;
	text-align:left;
	color:#333333;
	width:400px;
}
.table_detail td {
	padding:9px;
	padding-right:0px;
}
.table_detail td.bg {
	background-color:#FFF;
	text-align:center;
	padding:10px;
}
.table_detail td img {
	background-color:#FFF;
	float:right;
}
.table_detail a {
	color:#990000;
	text-decoration:none;
	font-weight:bold;
	border-bottom:4px solid #000;
}
.table_detail a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:4px solid #990000;
}
#portfolio {
	overflow:hidden;
}
#portfolio .extra-text {
	font-size:20px;
	padding:24px 0;
	border-bottom:1px solid #ededed;
	color: #999;
	margin-bottom:20px;
}
#portfolio h5 {
	color:#fff;
	margin-bottom: 0px;
	margin-top: 8px;
}
#portfolio ul {
	list-style:none;
}
/* Filter menu */
	#portfolio-filter {
	overflow:hidden;
	padding:0;
	margin:30px 0px 10px 0px;
}
#portfolio-filter li a {
	float:left;
	color:#000;
	margin-right:10px;
	padding:6px;
	margin-bottom:5px;
	font-size: 13px;
	background: #eee;
	padding: 5px 10px;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
#portfolio-filter li a:hover, #portfolio-filter li a.current {
	color:#fff;
	background: rgb(150, 3, 22);
}
#portfolio-list {
	padding:0;
	margin:0;
}
#portfolio-list li {
	float:left;
	text-align:center;
	border:0;
	width:31%;
}
#portfolio-list li:hover {
}
#portfolio-list img {
	background-color:#FFF;
}
#portfolio-list li:hover .title {
	color:#fff;
}
#portfolio-list li .title {
	font-size:14px;
	margin-top:8px;
	font-weight: 400;
	margin-bottom:0;
}
#portfolio-list li .categorie {
	font-size:11px;
	line-height:25px;
	color:#999;
}



/****************close*****************************/

 @media only screen and (max-width: 1440px) {
 .contact-form {
 position:relative;
 padding-bottom:30px;
}
.contact-form div {
 padding:5px 0;
 float:left;
 width:45%;
 margin-left:3%;
}
.contact-form span {
 display:block;
 font-size:1.2em;
 color: #333;
 padding-bottom:5px;
 text-align:left;
}
.contact-form input[type="text"], .contact-form textarea {
 padding:8px;
 display:block;
 width:100%;
 background:#fcfcfc;
 border: none;
 outline:none;
 color:#464646;
 font-size:0.8125em;
 font-family:Arial, Helvetica, sans-serif;
 box-shadow: inset 0px 0px 3px #999;
 -webkit-box-shadow: inset 0px 0px 3px #999;
 -moz-box-shadow: inset 0px 0px 3px #999;
 -o-box-shadow: inset 0px 0px 3px #999;
 -webkit-appearance:none;
}
.contact-form textarea {
 resize:none;
 height:120px;
}
.span_2_of_3 {
 width: 80.1%;
}
.col {
 margin: 0 0 1% 10%;
 width:100%;
 float:left;
}
 .container {
 width:72%;
}
 .h_menu {
 color: #3c3c3c;
 float: left;
 font-family: "Swis721 Lt BT", Arial, sans-serif;
 margin-top: 60px;
 padding-left: 10px;
 padding-right: 10px;
text-transform:uppercase;
}
 .h_menu ul li {
 display: inline-block;
}
.h_menu ul li:first-child a {
}
.h_menu ul li a {
 display:inline-block;
 padding:8px 15px 8px 15px;
 margin:0px -3px 0px 1px;
 font-size:17px;
 text-decoration:none;
 color:#3c3c3c;
}
.h_menu ul li a:hover {
 color:#fff;
 text-decoration:none;
 background:#979797;
/*	background:#a1a1a1;*/
}
.h_menu ul li.active a {
 color:#fff;
 text-decoration:none;
 background:#979797;
}
.breadcrumb {
font-size:11px;
width:60%;
float:right;
padding-right:10px;
margin-top:11px;
text-align:right;
font-size:13px!important;
border:0px solid red;
}
}
 @media only screen and (max-width: 1280px) {
 .container {
 width:90%;
 margin: 0 auto;
 border:0px solid blue;
}
 .logo {
 text-align:left;
}
 .logo img {
 width:350px;
 text-align:left;
}
 .h_menu ul li {
 display: inline-block;
}
.h_menu ul li:first-child a {
}
 .h_menu ul li a {
 color: #3c3c3c;
 display: inline-block;
 font-size: 15px;
 margin: 0 -3px;
 padding: 8px 20px 8px 15px;
 text-decoration: none;
}
 .h_menu ul li a:hover {
 color:#666666;
 text-decoration:none;
/*	background:#a1a1a1;*/
}
.h_menu ul li.active a {
 color:#fff;
 text-decoration:none;
}
 .top-nav {
 display: none;
}
 .h_menu ul li:last-child a {
}
.blog {
 width:52%;
 float:left;
}
.blog1 {
 width:48%;
 float:left;
}
 .banner h3 {
 color: #FFFFFF;
 float: left;
 font-size: 17px!important;
 font-weight: normal;
 padding: 10px 0;
 text-transform: uppercase;
 width: 100%;
 border:0px solid green;
}
 .breadcrumb {
font-size:11px;
width:66%;
float:right;
padding-right:10px;
margin-top:11px;
text-align:right;
font-size:13px!important;
border:0px solid red;
}

}
 @media only screen and (max-width: 1024px) {
 .container {
 width:95%;
 border:0px solid red;
}
 .h_menu {
 display: block;
}
 .h_menu ul li a {
 display:inline-block;
 padding:8px 8px 8px 8px;
 margin:0px -3px 0px -3px;
 font-size:13px;
 background-repeat:repeat-x;
 text-decoration:none;
 color:#3c3c3c;
}


.pic { border:1px solid red;}
 .breadcrumb {
font-size:11px;
width:50%;
float:right;
padding-right:10px;
margin-top:11px;
text-align:right;
font-size:13px!important;
border:0px solid red;
}
 .banner h3 {
font-size:14px!important;
border:0px solid red;
}
.banner div a span {
 background: url("../images/arrow.png") no-repeat scroll 0 0 transparent;
 bottom: 40px;
 display: block !important;
 height: 50px;
 left: 80px;
 position: absolute;
 width: 47px;
 z-index: 9999999;
}
 .h_menu ul li a:hover {
 color:#666666;
 text-decoration:none;
/*	background:#a1a1a1;*/
}
.h_menu ul li.active a {
 color:#3c3c3c;
 text-decoration:none;
}
 .h_menu ul li:last-child a {
}
 .top-nav {
 display: none;
}
 #main_1 {
}
}
@media only screen and (max-width: 800px) {
 .container {
 width:100%;
 border:0px solid yellow;
}
 .logo {
 text-align:left;
}
 .logo img {
 border:0px solid red;
 text-align:left;
}
 .h_menu {
 display: block;
}
 .top-nav {
 display: none;
}
 #heading h2 {
 font-size:3em;
}
 .col_1_of_4 {
 width:32%;
 margin:1% 1.7% 1% 1%;
 float:left;
}
#cssmenu > ul > li > a {
 padding: 10px 15px;
 border-left: 1px solid #666;
 border-right: 1px solid #666;
 border-top: 1px solid #666;
 cursor: pointer;
 z-index: 2;
 font-size: 12px;
 font-weight: normal;
 text-decoration: none;
 color: #333;
 text-shadow:0px;
}
.col_1_of_6 {
 margin:1% 0 2% 2%;
 float:left;
}
}
@media only screen and (max-width: 767px) {
 .container {
 width:100%;
}
 .h_menu {
 display: none;
}
 .top-nav {
 display: block;
 float:none;
}
 .logo {
 float:left;
}
 .logo img {
 width:350px;
 float:left;
}
.header-text {
 float:none;
}
.col_1_of_4 {
 width:40%;
 margin:1% 1.7% 1% 1%;
 float:left;
}
.col_1_of_7 {
 margin:1% 0 2% 1%;
 float:left;
}
}
@media only screen and (max-width: 640px) {
 .container {
 width:100%;
}
 .logo {
 width:100%;
 text-align:center;
}
 .h_menu {
 display: none;
}
 .top-nav {
 display: block;
}
 #heading h2 {
 font-size:3em;
}
.col_1_of_4 {
 width:50%;
 margin:1% 0 2% 2%;
 float:left;
}
.col_1_of_4 {
 width:50%;
}
.col_1_of_5 {
 width:95%;
 margin:1% 0 1% 0;
 float:none;
}
.col_1_of_5 p {
 text-align:center;
}
.col_1_of_5 h3 {
 text-align:center;
}
 .translate-flags {
 float:left;
 text-align:center;
}
.header-text {
 float:none;
}
.col_1_of_7 {
 width:100%;
 margin:1% 0 2% 1%;
 float:left;
}
 .col_1_of_8 {
 width:100%;
 margin:1% 0 2% 1%;
 float:left;
}
 .textwidget {
 border: 0px solid red !important;
 float: left !important;
 margin-right: 1% !important;
 width: 40% !important;
}
 .col_1_of_6 {
 width:94%;
 margin:1% 0 2% 2%;
 float:none;
}
.span_1_of_3 {
 width:40%;
 padding:10%;
 float:left;
}
 .contact-form input[type="text"], .contact-form textarea {
 width:95%;
}
 .contact-form div {
 padding:5px 0;
 float:left;
 width:100%;
 margin-left:1%;
}
.addr {
 width:38%;
 float:left;
 margin-top:2%;
 text-align:left;
 padding-left:6%;
 margin-bottom:2%;
}
 .col_1_of_4 {
 width:40%;
 margin:1% 1.7% 1% 1%;
 float:left;
}
#cssmenu > ul > li > a {
 padding: 10px 15px;
 border-left: 1px solid #666;
 border-right: 1px solid #666;
 border-top: 1px solid #666;
 cursor: pointer;
 z-index: 2;
 font-size: 12px;
 font-weight: normal;
 text-decoration: none;
 color: #333;
 text-shadow:0px;
}
 td {
border-bottom: 0px solid #ccc;
 font-size: 14px;
 list-style-type: none;
 padding: 8px 10px;
 border-right: 0px solid #fff;
 vertical-align:middle
}
}
@media only screen and (max-width: 480px) {
 .container {
 width:100%;
}
 .logo {
 width:300px;
 text-align:center;
}
 .header-text p {
 float:none;
 text-align:center;
}
 #heading h2 {
 font-size:2em;
}
#heading p {
 text-align:center;
 width:90%;
}
.col_1_of_5 {
 width:95%;
 margin:1% 0 1% 0;
 float:none;
}
.col_1_of_5 p {
 text-align:center;
}
.col_1_of_5 h3 {
 text-align:center;
}
.col_1_of_4 {
 width:95%;
 margin:1% 0 2% 2%;
 float:left;
}
.translate-flags {
 float:left;
}
.header-text {
 float:none;
}
.col_1_of_7 {
 width:100%;
 margin:1% 0 2% 1%;
 float:none;
}
.col_1_of_8 {
 width:100%;
 margin:1% 0 2% 1%;
 float:none;
}
.col_1_of_6 {
 width:94%;
 margin:1% 0 2% 2%;
 float:none;
}
 .contact-form input[type="text"], .contact-form textarea {
 padding:8px;
 display:block;
 width:87%;
 background:#fcfcfc;
 border: none;
 outline:none;
 color:#464646;
 font-size:0.8125em;
 font-family:Arial, Helvetica, sans-serif;
 box-shadow: inset 0px 0px 3px #434f07;
 -webkit-box-shadow: inset 0px 0px 3px #434f07;
 -moz-box-shadow: inset 0px 0px 3px #434f07;
 -o-box-shadow: inset 0px 0px 3px #434f07;
 -webkit-appearance:none;
}
 .span_2_of_3 {
 width:70%;
 padding:3%;
 float:left;
}
.contact-form div {
 padding:5px 0;
 float:left;
 width:100%;
}
.addr {
 width:100%;
 float:none;
 margin-top:2%;
 text-align:center;
 padding-left:6%;
 margin-bottom:2%;
}
 .addr p {
 width:100%;
 float:none;
 margin-top:2%;
 text-align:left;
 padding-left:6%;
 margin-bottom:2%;
}
 .col_1_of_4 {
 width:100%;
 margin:1% 1.7% 1% 1%;
 float:left;
}
#cssmenu {
 width:100%;
}
 .textwidget {
 border: 0px solid yellow !important;
 float: left !important;
 margin-right: 1% !important;
 width: 49% !important;
}
 .banner div a span {
 background: url("../images/arrow.png") no-repeat scroll 0 0 transparent;
 bottom: 40px;
 display: block !important;
 height: 50px;
 left: 85px;
 position: absolute;
 width: 47px;
 z-index: 9999999;
}
}
@media (max-width:320px) {
 #prodImg {
 WIDTH: 280px;
BACKGROUND: #fff;
padding-top:0px;
float:left;
}
#prodImg IMG {
 MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
WIDTH: 270px;
}
#smalls IMG {
 BORDER-BOTTOM: #e7e7e7 1px solid;
BORDER-LEFT: #e7e7e7 1px solid;
MARGIN: 5px 1px 1px 0px;
WIDTH: 123px;
FLOAT: left;
BORDER-TOP: #e7e7e7 1px solid;
BORDER-RIGHT: #e7e7e7 1px solid
}
 .container {
 width:100%;
}
 .logo img {
 width:250px;
 height:82px;
 text-align:center;
}
 . p {
 float:none;
 text-align:center;
}
 #heading h2 {
 font-size:2em;
}
#heading p {
 text-align:center;
 width:90%;
}
.col_1_of_5 h3 {
 text-align:center;
}
.col_1_of_4 {
 width:90%;
 margin: 0 2%;
 float:left;
}
.header-text {
 float:none;
}
.col_1_of_5 h4 {
padding-top:10px;
padding-bottom:10px;
font-size:15px;
float:none;
text-align:center;
}
.col_1_of_5 p {
font-size:15px;
float:none;
text-align:left;
}
.col_1_of_6 {
 width:94%;
 margin:1% 0 2% 2%;
 float:none;
}
.addr {
 width:100%;
 float:left;
 margin-top:2%;
 text-align:center;
 padding-left:6%;
 margin-bottom:2%;
}
 .addr p {
 width:100%;
 float:left;
 margin-top:2%;
 text-align:left;
 padding-left:6%;
 margin-bottom:2%;
}
 .map {
 width:100%;
 float:left;
}
 .blog {
 width:100%;
 float:left;
}
 .col_1_of_4 {
 width:100%;
 margin:1% 1.7% 1% 1%;
 float:left;
}
#cssmenu {
 width:100%;
}
.textwidget {
 border: 0px solid yellow !important;
 float: left !important;
 margin-right: 1% !important;
 width: 83% !important;
}
 .banner div a span {
 background: url("../images/arrow.png") no-repeat scroll 0 0 transparent;
 bottom: 40px;
 display: block !important;
 height: 50px;
 left: 100px;
 position: absolute;
 width: 47px;
 z-index: 9999999;
}
}
.credit {
	float: right!important;
	padding: 0;
	text-align:right;
	padding-left:3em;
	border:0px solid red;
	color:#fff;
}
.credit a {
	color: #fff;
}
.credit a:hover {
	color:#7fa206!important;
}
#demo-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
#demo-nav li {
	border: solid #878382;
	border-width: 0 0 0px 0;
	color:#fff!important;
}
#demo-nav a {
	color:#979797;
	text-decoration: none;
	display: block;
	text-align:center;
	background:#383838;
	margin-bottom:5px;
}
#demo-nav a:hover {
	color:#7fa206!important;
}
 @media screen and (min-width: 42.5em) {
 #demo-nav {
 padding: 0;
 overflow: hidden;
color:#fff!important;
}
 #demo-nav li {
border: 0;
color:#fff!important;
}
 #demo-nav a {
 padding: 0.5em 0 0 0%;
 float: left;
 background-color: transparent;
 background-image: none;
 border-width: 0;
 color:#fff!important;
}
 #demo-nav a:hover {
 background-color: transparent;
 background-image: none;
 color:#7fa206!important;
}
}
 @media screen and (min-width: 56em) {
 #demo-nav a {
padding: 0.5em 1.5em 0.75em 5%;
color:#fff;
}
}
 @media screen and (min-width: 64em) {
 footer .credit {
 padding: 1.0em 0;
}
 #demo-nav {
 margin-right: 1%;
 margin-bottom:0.4em;
 background: transparent;
 margin-top:1%;
 border: 0;
 padding:0em 0;
 color:#ffffff!important;
}
 #demo-nav li {
display: inline;
}
 #demo-nav a {
 padding: 0.2em 1.25em;
}
 #demo-nav a:hover {
color:#7fa206!important;
}
 #demo-nav li.current a:hover {
color:#7fa206!important;
}
 #demo-nav li:last-child a {
padding-right: 0;
}
}
 @media screen and (min-width: 75em) {
 #demo-nav a {
padding: 0.5em 0.45em;
padding-right:1em!important;
}
}
#demo-nav1 {
	margin: 0;
	padding: 0;
	list-style: none;
}
#demo-nav1 li {
	border: solid #878382;
	border-width: 0 0 0px 0;
}
#demo-nav1 li.current a {
	color: #fff;
}
#demo-nav1 li.current a:hover {
	color: #9d1022;
}
#demo-nav1 a {
	color:#fff;
	padding: 0;
	text-decoration: none;
	display: block;
}
#demo-nav1 a:hover {
	color: #7fa206;
}
 @media screen and (min-width: 42.5em) {
 #demo-nav1 {
 padding: 0;
 overflow: hidden;
}
 #demo-nav1 li {
border: 0;
}
 #demo-nav1 a {
 padding: 0 0 0 0;
 float: left;
 background-color: transparent;
 background-image: none;
 border-width: 0;
 color:#fff;
}
 #demo-nav a:hover {
 background-color: transparent;
 background-image: none;
color:#7fa206!important;
}
}
 @media screen and (min-width: 56em) {
 #demo-nav1 a {
padding: 0;
 border:0px solid yellow;
 padding-right:1em;
}
 #demo-nav a {
padding:0px;
}
}
 @media screen and (min-width: 64em) {
 footer .credit {
 padding: 1.0em 0;
 float:right!important;
 padding-left:8em;
 border:0px solid blue;
 padding-right:1.3em;
}
 #demo-nav1 {
 float: left;
 margin-right: 0%;
 background: transparent;
 border: 0;
 text-align:left;
 padding: 0em 0;
}
 #demo-nav1 li {
display: inline;
color:#fff;
}
 #demo-nav1 a {
 color:#fff!important;
}
 #demo-nav1 a:hover {
color:#7fa206!important;
}
 #demo-nav li.current a:hover {
color:#7fa206!important;
}
 #demo-nav1 li:last-child a {
padding-right: 0;
}
 #demo-nav1 li:first-child a {
color: #fff !important;
}
}
 @media screen and (min-width: 75em) {
 #demo-nav1 a {
padding: 0 0.45em 0 0;
padding-top:0;
}
}
 @media screen and (max-width: 42.5em) {
.credit {
 float:left!important;
 border:0px solid green;
 text-align:left;
 padding:0px;
}
}
/*-------------contact form-------------*/


.rslides_container {
	padding-top:0px;
}
.col2 h4 {
	color:#4c73b4;
	font-size:18px;
	margin-bottom:10px;
	margin-top:5px;
}
.col2, p {
	margin-bottom:10px;
}
.tb1 {
	margin-bottom:10px;
}
.tb1 td {
	border-right:1px solid white;
	padding-left:10px;
	color:#fff;
	background:#929292;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
.tb1 th {
	border-right:1px solid white;
	padding-left:10px;
	font-weight:bold;
	font-size:16px;
}