@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
@font-face { font-family:gothic; src: url("gothic.eot")  }
@font-face { font-family:CENTURY; src: url("CENTURY.TTF")  }
body{ overflow-x:hidden}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
audio, canvas, video {  display: inline;  zoom: 1;}
html {  font-size: 100%;  -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; border-top:solid 
2px #FFF}
body{position: relative; font-family:Arial, Helvetica, sans-serif; font-size:12px;  -webkit-text-size-adjust: 100%;  -webkit-font-smoothing: antialiased; background: #ff8400}
a{text-decoration:none;-webkit-transition:color .25s ease-out;-moz-transition:color .25s ease-out;-o-transition:color .25s ease-out;
transition:color .25s ease-out; cursor:pointer}
img{border:0px; max-width:100% !important; height:auto !important}
body, p, table, tr, td, a, span, div, ul, li, span{	margin:0px;	padding:0px;}
.clr {	clear:both;	height:0px !important;	width:100%;	line-height:0px;	margin:0px;	padding:0px;}
.row:before, .row:after {	display: table;	content: "";	line-height: 0;}
.row:after {clear: both;}
[class*="col-"] { float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}
.header{ display:none}
.pd10{ padding:10px;}
.mt10{ margin-top:10px;}
.mt25{ margin-top:25px;}
.mt45{ margin-top:45px;}
.container{ width:1014px; margin:0 auto; }
input{padding:2px 7px; border: solid 1px #CCC}
select{padding:2px 7px; border: solid 1px #CCC}
select option{padding:2px 7px;}
.m5{margin:5px}
.ml5{ margin-left:5px;}
.fr{ float:right;}
.textright{ text-align:right }
.textcenter{ text-align:center}
.red{  color:#ce020d}
.grey{color:#6f6f6f}
.bluetext{color:#3200ff}
.greybg{ background-color:#eeeeee !important}

.col-1{ width:50%}
.col-2{ width:42%}

/*fotter grid */
.col-3{ width:28%}
.col-4{ width:22%}
/*fotter grid */

.col-5{ width:48%}
.col-6{ width:80%}
.col-7{ width:20%}
.col-8{ width:70%}
.col-9{ width:35%}
.col-10{ width:65%}


a{color:#000}

.whitebg{ background-color:#fff}
.redbg{ background-color:#d70204;}
.white{ color:#fff !important}
.c1{ color:#808080}
.pol{ position:relative}
.offset2{ margin-left:2%}
.offset3{ margin-left:3%}
.offset5{ margin-left:5%}
.fs14{ font-size:14px;}
.fs20{ font-size:20px;}
.fs24{ font-size:24px;}


.fw300{ font-weight:300;}

.fontsize17{
	font-size:17px !important
}
	


.toparea{
	margin:38px 0px 34px 0px
}
.companyname{
	font-size:16px; color:#FFF; text-transform:uppercase; font-family:lato;
}
.topbuttonbg{
	background:url(../images/top-button-bg.jpg) top repeat-x; display:inline-block; padding:10px 20px 10px 80px; position:relative; font-size:17px; font-weight:bold; font-family:lato; color:#212121;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	-webkit-box-shadow: 0px 2px 2px #414140;
	-moz-box-shadow: 0px 2px 2px #414140;
	box-shadow: 0px 2px 2px #414140;
	text-transform:uppercase;
	float:right
}
.topbuttonbg+.topbuttonbg{
	margin-right:25px
}
.topbuttonbg .phoneicon{
	background:url(../images/phone-icon.png) top no-repeat; display:inline-block; padding:28px; position:absolute; left:12px; top:-7px;
}
.topbuttonbg .emailicon{
	background:url(../images/email-icon.png) top no-repeat; display:inline-block; padding:28px; position:absolute; left:12px; top:-7px;
}



#mainlink{ border-radius:10px 10px 0px 0px; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #d0d5d9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#d0d5d9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#d0d5d9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#d0d5d9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#d0d5d9 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%,#d0d5d9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d0d5d9',GradientType=0 ); /* IE6-9 */ }
header  nav{ display:block; text-align:right;}
header  nav ul{ display: inline-block; float:left; text-align:left;position:relative; z-index:10; }
header  nav ul li{ display:inline-block; float:left;list-style:none; font-family:Lato;   font-size:14px; text-transform:uppercase;} 
header  nav ul li+li{border-left:solid 1px #CCC} 
header  nav ul li a{ color:#000; display:block ;  position:relative; padding:15px  ;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;  }


header  nav ul li a:hover, header  nav ul li a.active{ color:#fff; background: #00aaff; /* Old browsers */
background: -moz-linear-gradient(top, #00aaff 0%, #02bfff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aaff), color-stop(100%,#02bfff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00aaff 0%,#02bfff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00aaff 0%,#02bfff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00aaff 0%,#02bfff 100%); /* IE10+ */
background: linear-gradient(to bottom, #00aaff 0%,#02bfff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaff', endColorstr='#02bfff',GradientType=0 ); /* IE6-9 */
}
header  nav ul li a.homeactive{
 color:#fff; background: #00aaff; /* Old browsers */
background: -moz-linear-gradient(top, #00aaff 0%, #02bfff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aaff), color-stop(100%,#02bfff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00aaff 0%,#02bfff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00aaff 0%,#02bfff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00aaff 0%,#02bfff 100%); /* IE10+ */
background: linear-gradient(to bottom, #00aaff 0%,#02bfff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaff', endColorstr='#02bfff',GradientType=0 ); /* IE6-9 */
border-radius:10px 0px 0px 0px;
}

.midwhitesec{
	border-radius:10px 10px 0px 0px;
	background:#FFF;
	padding:15px 25px;
	margin:45px 0 0 0
}
.midwhitesec .head{
	margin:0px 0px 10px
}
.midwhitesec .head h1{
	font-size:31px; font-family:lato; font-weight:300; border-bottom:solid 1px #CCC; position:relative; padding-bottom:10px
}
.midwhitesec .head h1:after{
	content:""; position:absolute; bottom:0px; left:0px; width:100px; height:2px; background:#F00
}
.midwhitesec p{
	margin:15px 0px; 
	line-height:22px;
	font-family:lato;
	font-size:14px
}

.inneritem{
	display:inline-block;
	margin:25px;
	text-align:center;
	width:280px;
}
.item{
	margin:10px;
	text-align:center;
}
.productdsg{
	background:#FFF; 
	overflow:hidden;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-webkit-box-shadow:  0px 0px 10px #ccc;
	-moz-box-shadow:  0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
	text-transform:uppercase;
	margin-bottom:4px
}
.productdsg p.name{
	color:#333;
	font-size:19px;
	text-align:center;
	margin:15px 0px
}
.productdsg p{
	margin:8px 0px;
	padding:0px 10px;
	font-family:lato;
	font-size:12px;
	text-align:left
}
.productdsg .detail{
	background:#f5f5f5;
	padding:10px;
	text-align:center !important;
	font-family:lato;
	font-size:12px;
	text-align:left;
	color:#ffa009
}

/* button */
a.button, input.button {
	cursor: pointer;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background:url(../images/top-button-bg.jpg) top repeat-x; 
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	text-transform:uppercase
}
a.button {
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
}
input.button {
	margin: 0;
	border: 0;
	height: 24px;
	padding: 0px 12px 0px 12px;
}

footer {
    background-color: #e4e6e7;
    padding: 30px 0px 20px;
	margin-top:30px;
}

.shadow{
	background:url(../images/shadow.png) 45% 0 no-repeat
}
.fotermenu{
	min-height:200px
}
.fotermenu h1{
	font-family:lato; font-size:19px; font-weight:400; position:relative; padding:0px 0px 5px 0px
}
.fotermenu h1:after{
	content:""; position:absolute; bottom:0px; left:0px; width:30px; height:1px; background:#ffa009
}

.fotermenu ul{
	margin:20px 20px
}	
.fotermenu ul li{
	padding:4px; float:left;  width:48%
}
.fotermenu p{
	margin:10px 0px
}	
.foterbg{
	background:#ff8400;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	padding:15px;
	font-family:lato;
	font-size:14px;
	color:#FFF
}
.foterbg h1{
	font-family:lato; font-size:26px; font-weight:400; position:relative; text-align:right; text-transform:uppercase
}
.orgborder{
	margin:10px 0px;
	border-bottom:solid 1px #ff8400
}





ul.dropdown ul {display:none; margin:0px; padding:0px; z-index:99090909099; position:relative	 }

ul.dropdown li:hover>ul {	display:block}

ul.dropdown ul {position: absolute;	top:100%;	z-index:99999999999999 !important;}

ul.dropdown ul ul {	left:100%; 	top:-1px; 	z-index:1000000 !important; }

ul.dropdown, ul.dropdown ul {	margin:0px;	list-style:none; }

ul.dropdown ul { background-color:#fff  !important; 	}

ul.dropdown ul li {float:none; border-top:0px;	 margin:0px !important; padding:0px ; width:100% ; box-shadow:0px 1px 3px #ccc; border-bottom:0; display:block;white-space:nowrap;}

ul.dropdown ul li a {  background: #02bfff !important; /* Old browsers */

background: -moz-linear-gradient(top, #00aaff 0%, #02bfff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aaff), color-stop(100%,#02bfff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00aaff 0%,#02bfff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00aaff 0%,#02bfff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00aaff 0%,#02bfff 100%); /* IE10+ */
background: linear-gradient(to bottom, #00aaff 0%,#02bfff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaff', endColorstr='#02bfff',GradientType=0 ); /* IE6-9 */

 text-align:left; 	z-index:100000;	text-decoration:none; padding:7px 7px !important; } 

ul.dropdown ul li+li{ border:0 !important }

ul.dropdown li:hover>a {color:#000}

ul.dropdown ul li a:hover{ color:#fff  !important ;background:url(../image/nav_hover-bg.jpg) repeat-x;}

.pagearea .img{
	 float:left
}
.pagearea .content { float:left}
.pagearea .content p{
	margin:15px 0px; 
	line-height:22px;
	font-family:lato;
	font-size:14px
}
.content ul li{
	line-height:22px;
	font-family:lato;
	font-size:14px
}
.content ul li{
	margin-left:15px 
}
.product .img{
	float:left; margin:10px;
}
.product .content{
	float:left
}
.product .content ul{
	margin:0px 10px; float:left
}
.product .content ul li{
	line-height:22px;
	font-family:lato;
	font-size:14px;
	margin-left:15px  !important
}
.productlefttab{
	margin:0px 0px 0px 20px
}
.productlefttab h1{
	font-size:31px; font-family:lato; font-weight:300; border-bottom:solid 1px #CCC; position:relative; padding-bottom:10px
}
.productlefttab ul{
	margin:15px 0px
}
.productlefttab ul li{
	padding:12px; list-style:none; background:#F7F7F7
}
.productlefttab ul li+li{
	margin-top:2px
}
.productlefttab ul li a{
	font-size:18px; font-family:lato; font-weight:300; 
}
.productenquiry {
	margin-top:20px; clear:both; border:solid 1px #CCC
}
.enquiry input,textarea{
	margin:10px 0px; 
}
.enquiry .input{
	padding:7px
}
.enquiry .buttonbg{
	background:url(../images/top-button-bg.jpg) top repeat-x; display:inline-block; padding:6px 15px; position:relative; font-size:17px; font-weight:bold; font-family:lato; color:#212121;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	-webkit-box-shadow: 0px 2px 2px #414140;
	-moz-box-shadow: 0px 2px 2px #414140;
	box-shadow: 0px 2px 2px #414140;
	text-transform:uppercase;
	display:block;
	margin-top:10px
}
.error{
	color:#F00; border:solid 1px #F00
}

@media (min-width: 1200px) {  
 .row:before, .row:after {	display: table;	content: "";	line-height: 0;}
.row:after {clear: both;}
[class*="col-"] { float: left; min-height: 1px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}
.container{width:1060px !important;  } 








}
@media (min-width: 979px) { 
 .row { *zoom: 1;}
 .row:before,  .row:after { display: table; content: ""; line-height: 0;}
 .row:after { clear: both;}
 [class*="col-"] { float: left; min-height: 1px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}
.container { width:970px;} 




}
@media (min-width: 768px) and (max-width: 979px) { 
 .row {  *zoom: 1;}
  .header{ display: inherit }
 nav{ display:none !important}
 
 
 .row:before,  .row:after { display: table; content: ""; line-height: 0;}
 .row:after { clear: both;}
 [class*="col-"] { float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out; }
 .container{width: 757px;}
 .col-2{ width:47%}
 /*fotter grid */
.col-3{ width:30%}
.col-4{ width:20%}
/*fotter grid */
 


}
@media (max-width: 767px) { 
 body { padding:0px }
 .container { width: auto;}
 

 [class*="col-"] { float: none; display: block; width: 98%; padding:3px 1%;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out; margin-bottom:5px;} 
 .header{ display: inherit }
 nav{ display:none !important}

.topbuttonbg{
	margin:15px auto; float:none;
}
.midwhitesec{
	margin:0px
}
footer{
	margin-top:20px;
	padding: 10px 0px 10px;
}
	
.fotermenu {
	margin:0px 10px; min-height:auto
}
.fotermenu ul li{
	margin:0px; width:100%; float:none
}
.shadow{
	background:none
}
}

@media only all and (max-width: 450px){ 




}