@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

::-moz-selection {
       background-color: #749FC0;
       color: #fff;
}
::selection {
       background-color: #749FC0;
       color: #fff;
}
a {
text-decoration:none;
outline:none !important
}
input:focus {
outline:none
}
ul, ol {
list-style-type:none
}


 * html .clearfix {
height:1%;
overflow:visible
}
*+html .clearfix {
min-height:1%
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
font-size:0
}

.trs2 {
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -ms-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
}
.twt:hover img {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
@font-face {
    font-family: 'futura';
    src: url('oswald-regular.eot');
    src: url('oswald-regular.eot?#iefix') format('embedded-opentype'),
         url('oswald-regular.woff2') format('woff2'),
         url('oswald-regular.woff') format('woff'),
         url('oswald-regular.ttf') format('truetype'),
         url('oswald-regular.svg#futura') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	margin:0px;
	padding:0px;
	background: #fff url("../images/patten_01.jpg") repeat;
}
.wrapper{
	width:100%;
	height:auto;
	float:left;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
	height:auto;
	margin:auto;
}
.cmn_left{
	width:100%;
	height:auto;
	float:left;
}
.main_top{
	width:100%;
	min-height:120px;
	height:auto;
	float:left;
	background:rgba(255, 255, 255, 0.9);
	box-shadow:0px 0px 11px #616060;
	z-index: 99;
    position: absolute;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.banner{
	width:100%;
	height:auto;
	float:left;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	border-bottom:3px solid #c5c5c5;
}
.logoArea{
	width:40%;
	max-width:318px;
	height:120px;
	float:left;
	text-align:center;
}
.top_aight{
	width:68%;
	max-width:748px;
	min-height:10px;
	float:right;
}
.right_topArea{
	width:100%;
	height:auto;
	min-height:44px;
	float:left;
	margin-bottom:13px;
}
.certified_area{
	width: 46%;
    max-width: 271px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#388e67;
	text-align:left;
	line-height:47px;
	text-transform:uppercase;
}
.login_btns{
	width:63%;
	height:auto;
}
.login_btns ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.login_btns ul li{
	width:auto;
	height:44px;
	float:right;
	margin-left:2px;
	margin-bottom:0px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91a5b4+0,738ea2+100 */
background: rgb(145,165,180); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxYTViNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MzhlYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(145,165,180,1) 0%, rgba(115,142,162,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,165,180,1)), color-stop(100%,rgba(115,142,162,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(145,165,180,1) 0%,rgba(115,142,162,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(145,165,180,1) 0%,rgba(115,142,162,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(145,165,180,1) 0%,rgba(115,142,162,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(145,165,180,1) 0%,rgba(115,142,162,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91a5b4', endColorstr='#738ea2',GradientType=0 ); /* IE6-8 */
}
.login_btns ul li:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#738ea2+0,91a5b4+100 */
background: rgb(115,142,162); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczOGVhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MWE1YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(115,142,162,1) 0%, rgba(145,165,180,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,142,162,1)), color-stop(100%,rgba(145,165,180,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(115,142,162,1) 0%,rgba(145,165,180,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(115,142,162,1) 0%,rgba(145,165,180,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(115,142,162,1) 0%,rgba(145,165,180,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(115,142,162,1) 0%,rgba(145,165,180,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738ea2', endColorstr='#91a5b4',GradientType=0 ); /* IE6-8 */
}
.login_btns ul li a{
	width:auto;
	height:44px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f3f6f7;
	display:block;
	padding:0px 9px 0px 30px;
	line-height:43px;
	text-transform:uppercase;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;

}
.login_btns ul li a:hover{
	color:#0b334f;
	
}
.login_btns ul li a#ignImg01{
	background:url(../images/login01.png) no-repeat 4px 0px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.login_btns ul li a#ignImg01:hover {
	background:url(../images/login02.png) no-repeat 4px -46px;
}
.login_btns ul li a#ignImg02{
	background:url(../images/login02.png) no-repeat 4px 0px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.login_btns ul li a#ignImg02:hover {
	background:url(../images/login01.png) no-repeat 4px -46px;
}
.nav{
	width:100%;
	height:47px;
	height:auto;
	float:left;
	border-top:1px solid #396584;
	border-bottom:1px solid #396584;
	padding:3px 0px;
	margin-bottom: 10px;
	visibility:visible;
	display:block;
	
}
.nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.nav ul li{
	height:38px;
	float:left;
}
.nav ul li a{
	height:38px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#777777;
	padding:0px 12px;
	line-height:39px;
	text-transform:uppercase;
	border-radius:3px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	background:url(../images/nav_hvr.png) repeat-x 0px -47px;
}
.nav ul li a:hover, .nav ul li.active a{
	color:#FFF;
	background:url(../images/nav_hvr.png) repeat-x 0px 0px

}
.mb_menu{
	width:100%;
	height:auto;
	margin-bottom:10px;
	float:left;
	visibility:hidden;
	display:none;	
}
.main_welcome{
	width:100%;
	min-height:100px;
	float:left;
	background:#e8e8e8;
	border-bottom:3px solid #c5c5c5;
}
.welcomen_area{
	width:100%;
	height:auto;
	float:left;
	padding-top:8px;
	padding-bottom:23px;
}
.welcomen_area h1{
	font-family: 'futura';
	font-size:28px;
	color:#388e67;
	text-align:center;
	padding:14px 0px;
	border-bottom:1px dashed #aaaaaa;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom: 8px;
}
.welcomen_area h1 span{
	color:#666666;
}
.welcomen_area article{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#888888;
	text-align:center;
	line-height:18px;
	margin-bottom:10px;
}
.welcomen_area a{
	width:94px;
	height:34px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e6c59a;
	text-align:center;
	padding:0px 12px;
	line-height:35px;
	background:#388e67;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	display:block;
	margin:auto;
}
.welcomen_area a:hover{
	background:#12e183;
	color:#000;
}
.main_scrl{
	width:100%;
	height:auto;
	min-height:100px;
	float:left;
/*	background:#2e3840 url(../images/scrll_bg.png) no-repeat center top;
	border-bottom:3px solid #c5c5c5;*/
}
.prducts_scrl{
	width:100%;
	height:auto;
	float:left;
}
.prducts_scrl h1{
	font-family: 'futura';
	font-size:20px;
	color:#FFF;
	text-align:center;
	padding:14px 0px;
	border-bottom:1px dashed #aaaaaa;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom: 8px;
	text-shadow:1px 2px 4px rgba(0, 0, 0, 0.55);
	width: 50%;
    margin: auto;
}
.information{
	width:30%;
	max-width:258px;
	float:left;
}
.information h1{
	font-family: 'futura';
	font-size:24px;
	color:#666666;
	border-bottom:2px solid #41936e;
	text-transform:uppercase;
	font-weight:normal;
	padding-top:26px;
	padding-bottom:5px;
	margin-bottom:12px;
	padding-left: 43px;
}
.info_bg{
	background:url(../images/link.png) no-repeat 3px 23px;	
}
.address{
	width:30%;
	max-width:360px;
	height:auto;
	float:left;
	margin-left: 4%;
}
.address h1{
	font-family: 'futura';
	font-size:24px;
	color:#666666;
	border-bottom:2px solid #41936e;
	text-transform:uppercase;
	font-weight:normal;
	padding-top:26px;
	padding-bottom:5px;
	margin-bottom:12px;
	padding-left: 43px;
}
.address_bg{
	background:url(../images/addrs_bg.png) no-repeat 3px 23px;	
}
.address address{
	font-style:normal;
	margin-bottom:10px;
}
.address address span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333333;
	font-weight:bold;
}
.adrs01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	margin-top:10px;
}
.adrs01 span{
	font-weight:bold;
	color:#000;
}
.phn{
	height:41px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	padding: 3% 0% 2% 16%;
	background:url(../images/mb.png) no-repeat 0px 6px;
}
.phn span{
	font-weight:bold;
}
.email{
	height:41px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	padding: 3% 0% 2% 16%;
	background:url(../images/mail.png) no-repeat 0px 6px;
}
.email span{
	font-weight:bold;
}
.email a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.email a:hover{
	color:#388e67;
}
.location{
	width:37%;
	max-width:452px;
	float:right;
	margin-left: 4%;
}
.location h1{
	font-family: 'futura';
	font-size:24px;
	color:#666666;
	border-bottom:2px solid #41936e;
	text-transform:uppercase;
	font-weight:normal;
	padding-top:26px;
	padding-bottom:5px;
	margin-bottom:12px;
	padding-left: 43px;
}
.location_bg{
	background:url(../images/location_bg.png) no-repeat 3px 23px;	
}
.map{
	width:99%;
	height:225px;
	float:left;
	border:2px solid #c2c2c2;
}
.btm_area{
	width:100%;
	min-height:73px;
	float:left;
	background:#353535 url(../images/shdow.png) repeat-x top;
}
.copyright{
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#aeaeae;
	    line-height: 71px;
    float: left;
}
.socialIcon{
	width:160px;
	height:36px;
	float:left;
	margin-top: 18px;
    margin-left: 9%;
	text-align:left;
}
.designed{
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#aeaeae;
	    line-height: 71px;
    float: right;
}
.designed a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#aeaeae;
	text-align:right;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.designed a:hover{
	color:#358661;
}
.login-popuplft {
    width: 37px;
    height: 201px;
    background: url(../images/login_popup.png) no-repeat;
    float: left;
}
.login-popuprgt {
	margin-top:42px;

        width: 222px;
    height: 113px;
    background: #fff url("../images/patten_01.jpg") repeat;
    padding: 10px 8px;
    float: left;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.66);
    -moz-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.66);
    box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.66);

	/*border:1px solid #d2d2d2;
	box-shadow:2px 3px 4px #2b353d;*/
}
.login-popuprgt p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #282828;
	margin-bottom:6px;
}
.loginTxt {
    width: 205px;
    height: 32px;
    border: none;
    background-color: #FFFFFF;
    box-shadow: 2px 3px 5px #d9dadb inset;
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.loginTxt01 {
    width: 205px;
    height: 60px;
    border: none;
    background-color: #FFFFFF;
    box-shadow: 2px 3px 5px #d9dadb inset;
    border: 1px solid #CCC;
    margin-bottom: 5px;
	resize:none;
}
.login-rgt{
	width:90px; 
	height:30px; 
	background-color:#1672E8; 
	box-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	border-radius: 5px;
	color:#FFF;
	border:none;
	float:right;
	margin-top: 3px;
}
.login-rgt01{
	width:90px; 
	height:30px; 
	background-color:#142C86; 
	box-shadow:none
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	color:#FFF;
	border:none;
	float:right;
	margin-right:3px;
	margin-top: 3px;
}
.simplePopupBackground {
    display: none;
    background: #000;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.simplePopup {
    display: none;
    position: fixed;
    background: #20D8FF;
    z-index: 9999;
    width: 50%;
    border-radius: 3px;
    top: 50%;
    left: 50%;
    max-width: 435px;
    min-width: 265px;
    height: auto;
}
.md-content {
    color: #fff;
    background: #20D8FF;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
}
.md-content h3 {
    margin: 0;
    padding: 0.4em;
    text-align: center;
    font-size: 2.4em;
    font-weight: 300;
    opacity: 0.8;
    background: rgba(0,0,0,0.1);
    border-radius: 3px 3px 0 0;
}
.lgnbox {
    width: 97%;
    height: 30px;
    background: #24B2D0;
    border: 1px solid #1C99B4;
    padding: 0% 1%;
    -webkit-box-shadow: inset 10px 10px 12px -9px rgb(23, 114, 130);
    -moz-box-shadow: inset 10px 10px 12px -9px rgb(23, 114, 130);
    box-shadow: inset 10px 10px 12px -9px rgb(23, 114, 130);
    margin-bottom: 3%;
}
.lgnbox001 {
    width: 97%;
    height: 90px;
    background: #ABD8F9;
    border: 1px solid #648BA9;
    padding: 0% 1%;
    webkit-box-shadow: inset 10px 10px 12px -9px rgb(86, 122, 148);
    -moz-box-shadow: inset 10px 10px 12px -9px rgb(86, 122, 148);
    box-shadow: inset 10px 10px 12px -9px rgb(86, 122, 148);
    margin-bottom: 3%;
	resize:none;
}
.sp01 {
    top: 5% !important;
}
.lgnbtn {
    width: 99.5%;
    height: 36px;
    background: #2F658E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    border: none;
    margin-top: 2%;
}
.simplePopupClose {
    position: absolute;
    top: 4%;
    /* float: right; */
    right: 4%;
    cursor: pointer;
}
.sp {
    top: 9% !important;
}
.inner_banner{
	width:100%;
	height:auto;
	float:left;
}
.main_innerArea{
	width:100%;
	height:auto;
	float:left;
	background:url(../images/banner_btm.jpg) repeat-x top;
	padding-bottom:20px;
	padding-top:30px;
}
.contArea{
	width:100%;
	height:auto;
	float:left;
	background:#FFF url(../images/sub_cant_bg_btt.jpg) repeat-x bottom center;
	padding-bottom:25px;
	margin-top:25px;
	box-shadow: 0px 1px 21px rgba(0, 0, 0, 0.4);
	border-radius:5px;
}
.cont_sub_hed{
	width:100%;
	float:left;
	background:url(../images/main_hedd_bg.jpg);
}
.contArea h1{
    font-family: 'futura';
    font-size: 25px;
    color: #FFF;
    /* height: 54px; */
    /* line-height: 54px; */
    font-weight: normal;
    /* padding-left: 20px; */
    padding-top: 11px;
    margin: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.contArea h1 span{
	color:#46dd99;
}
.mainCnt_area{
	width:100%;
	height:auto;
	float:left;
	padding:20px;
	background:url(../images/bg01.jpg) repeat-x top;
}
.aboutCnt{
	width:100%;
	height:auto;
	float:left;
}
.abtImg{
	width: 30%;
    max-width: 423px;
    float: left;
    margin-right: 18px;
    margin-bottom: 9px;
    padding: 1%;
    background-color: #DEDEDE;
}
.aboutCnt article{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #424040;
    text-align: justify;
    line-height: 19px;
    margin-bottom: 6px;
}
.main_clients{
	width:100%;
	height:auto;
	float:left;
}
.main_clients ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.main_clients ul li{
	width:17%;
	max-width:197px;
	float:left;
	background:#FFF;
	border:1px solid #d6d6d6;
	box-shadow:2px 3px 4px #efefef;
	padding:1%;
	margin-left: .8%;
    margin-bottom: .8%;
	text-align:center;
}
.main_clients ul li span{
	width:100%;
	min-height:10px;
	float:left;
	background:#f9f9f9;
}
.mainDownload{
	width:100%;
	height:auto;
	float:left;
}
.mainDownload ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.mainDownload ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#616161;
	text-align:left;
	padding:7px 27px;
	background:url(../images/dowload_icon.png) no-repeat left 4px;
	border-bottom:1px dashed #616161;
}
.mainDownload ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#616161;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.mainDownload ul li a:hover{
	color:#13c173;
}
.main_contactArea{
	width:100%;
	height:auto;
	float:left;
}
.contactAddress{
	width:45%;
	height:auto;
	float:left;
	margin-bottom:0px;
}
.contactAddress h2{
	font-family: 'futura';
	font-size:25px;
	color:#afafaf;
	text-transform:uppercase;
	border-bottom:1px dashed #c4c4c4;
	padding:7px 0px;
	font-weight:normal;
	margin-bottom:14px; 
}
.contactAddress h3{
	font-family: 'futura';
	font-size:20px;
	color:#388e67;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom: 10px;
}
.contactAddress article{
	font-family: 'futura';
	font-size:16px;
	color:#666666;
	line-height: 21px;
	margin-bottom:10px;
}
.contactAddress article span{
	font-weight:bold;
	color:#000;
}
.contactAddress article a{
	color:#666666;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.contactAddress article a:hover{
	color:#388E67;
}
.contactform{
	width:45%;
	height:auto;
	float:right;
}
.contactform h2{
	font-family: 'futura';
	font-size:25px;
	color:#afafaf;
	text-transform:uppercase;
	border-bottom:1px dashed #c4c4c4;
	padding:7px 0px;
	font-weight:normal;
	margin-bottom:14px; 
}
.contactform label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#717171;
	display:block;
	margin-bottom:2px;
}
.contactTxt{
	width:98%;
	height:34px;
	border:1px solid #cfcfcf;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	padding:0px 1%;
	-webkit-box-shadow:inset 3px 3px 16px -4px rgba(0, 0, 0, 0.27);
-moz-box-shadow:inset 3px 3px 16px -4px rgba(0, 0, 0, 0.27));
box-shadow:inset 3px 3px 16px -4px rgba(0, 0, 0, 0.27);
margin-bottom:6px;
}
.contactTxt01{
	width:98%;
	height:96px;
	resize:none;
	border:1px solid #cfcfcf;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	padding:0px 1%;
	-webkit-box-shadow:inset 3px 3px 16px -4px rgba(0, 0, 0, 0.27);
-moz-box-shadow:inset 3px 3px 16px -4px rgba(0, 0, 0, 0.27));
box-shadow:inset 3px 3px 16px -4px rgba(0, 0, 0, 0.27);
margin-bottom:6px;
}
.submit_btn{
	width:24%;
	height:34px;
	font-family: 'futura';
	font-size:16px;
	color:#FFF;
	text-align:center;
	border:none;
	background:#388e67;
	float:right;
}
.clr_btn{
	width:24%;
	height:34px;
	font-family: 'futura';
	font-size:16px;
	color:#FFF;
	text-align:center;
	border:none;
	background:#505050;
	float:right;
	margin-right:4px;
}
.contactMap{
	width: 98%;
    height: 198px;
    float: left;
    padding: 1%;
    border: 1px solid #DADADA;
    margin-top: 25px;
}
.pagination{
	width:auto;
	height:45px;
	float:right;
	padding-right: 2%;
}
.main_album{
	width:100%;
	height:auto;
	float:left;
}
.main_album ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.main_album ul li{
	width: 21%;
    max-width: 270px;
    height: auto;
    float: left;
    border: 1px solid #d9d9d9;
    padding: .7%;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.11);
    background: #FFF;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	margin-left: 1.9%;
	margin-bottom:13px;
}
.main_album ul li:hover{
	border: 1px solid #B5B5B5;
    background: #DEDEDE;
}
.albumArea div{
	width:100%;
	height:auto;
	float:left;
	background:#f8f8f8;
}
.albumImg_area{
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.albumArea span{
	font-family: 'futura';
    font-size: 16px;
    width: 92%;
    height: 40px;
    float: left;
    color: #707070;
    text-align: center;
    padding: 9px 4%;
}

.main_album ul li:hover .albumImg_area img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.main_album ul li .albumImg_area img {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
}
.main_category{
	width:100%;
	height:auto;
	float:left;
}
.main_category ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.main_category ul li{
	width:25%;
	max-width:228px;
	height:auto;
	float:left;
	padding:1%;
	border:1px solid #d9d9d9;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.11);
	background:#FFF;
	margin-left:1%;
	margin-bottom:14px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.categoryImg_areaB{
	width:100%;
/*	max-width:228px;
*/	height:auto;
	float:left;
	padding:3px;
	border:1px solid #d9d9d9;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(21, 21, 21, 0.5);
	-moz-box-shadow:    0px 0px 12px 0px rgba(21, 21, 21, 0.5);
	box-shadow:         0px 0px 12px 0px rgba(21, 21, 21, 0.5);
	background:#FFF;
	margin-left:1%;
	margin-bottom:14px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.categoryImg_area{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.main_category ul li .categoryImg_area img{
	 -webkit-transition: -webkit-transform 0.4s ease;
 -moz-transition: -moz-transform 0.4s ease;
 -o-transition: -o-transform 0.4s ease;
 transition: transform 0.4s ease;
}
.main_category ul li:hover .categoryImg_area img{
	-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.main_category .categoryImg_areaB img{
	 -webkit-transition: -webkit-transform 0.4s ease;
 -moz-transition: -moz-transform 0.4s ease;
 -o-transition: -o-transform 0.4s ease;
 transition: transform 0.4s ease;
}
.main_category .categoryImg_areaB img:hover{
	-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.title_area{
	width:100%;
	/*height:50px;*/
	float:left;
	padding:9px 0px;
	font-family: 'futura';
    font-size: 18px;
	color:#B06F1B;
	text-transform:uppercase;
	text-align:center;
}
.prdct_readMore{
	width:100%;
	/*height:29px;*/
	float:left;
	background:#B06F1B;
	padding:6px 12px;
}
.prdct_readMore span{
    font-family: 'futura';
    font-size: 15px;
    color: #224259;
    text-transform: uppercase;
    line-height: 26px;
    background: url(../images/arw.png) no-repeat center right;
    display: block;
}
.prdct_readMore a span{
	font-family: 'futura';
    font-size: 15px;
    color: #224259;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.prdct_readMore a:hover span{
	color:#FFF;
}
.prdctDis{
	width:94%;
	min-height:100px;
	float:left;
	background:url(../images/shade.jpg) repeat-x bottom;
	padding:0px 7px 5px 7px;
}
.prdctDis h4{
	font-family: 'futura';
    font-size: 16px;
    color: #BF8506;
	text-transform:uppercase;
	font-weight:normal;
	margin-top: 6px;
    margin-bottom: 5px;
}
.prdctDis h5{
	font-family: 'futura';
    font-size: 16px;
    color: #727272;
	text-transform:uppercase;
	font-weight:normal;
	 margin-bottom: 5px;
}
 article{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#616161;
	text-align:justify;
}
.prdctDis a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#A87639;
	float:right;
	margin-top: 17px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.prdctDis a:hover{
	color:#404040;
}
.main_prdct_dis{
	width:100%;
	height:auto;
	float:left;
}
.main_prdct_disImg{
	width:30%;
	max-width:344px;
	height:auto;
	float:left;
	background:#FFF;
	padding:1%;
	border:1px solid #d9d9d9;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.11);
	margin-right:10px;
	margin-bottom:10px;
}
.main_prdct_dis h3{
	font-family: 'futura';
    font-size: 22px;
    color: #9d8327;
	text-transform:uppercase;
	font-weight:normal;
	    margin-bottom: 3px;
}
.main_prdct_dis h4{
	font-family: 'futura';
    font-size: 19px;
    color: #ba7e15;
	text-transform:uppercase;
	font-weight:normal;
	    margin-bottom: 5px;
}
.main_prdct_dis h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 5px;
}
.main_prdct_dis p{
	font-family:calibri;
	font-size:16px;
	color:#000;

}
.main_prdct_dis article{
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #616161;
    text-align: justify;
	line-height:19px;
}
.prd_detail{
	width:100%;
	display:block;
}
.main_prdct_dis a{
	font-family: 'futura';
    font-size: 16px;
    color: #FFF;
	float:right;
	padding:5px 21px;
	background:#845F08;
	text-transform:uppercase;
	margin-top:10px;
		-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.main_prdct_dis a:hover{
	background:#423006;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
/*......news.........*/
.news{
	width:100%;
	float:left;
}
.news ul{
	width:auto;
	display:block;
}

.news h3{
	font-family:'futura';
	margin:0 !important;
	font-weight:400;
	font-size:22px;
}
.daTe_A{
    width: 100%;
    padding: 16px 0px;
    font-size: 22px;
    float: left;
    text-align: right;
	font-family:'futura';

}

.news p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
}
.rdmr_btn{
	display:block;
}
.rdmr_btn a {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    display: block;
    /* width: 28%; */
    max-width: 88px;
    padding: 5px;
    background: #6d9300;
    color: #f2f2f2;
    text-align: left;
}
/*......news end.........*/

@media only screen and (min-width: 200px) {

.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:47px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: hidden;
    display: none;
}
.mb_menu{
	visibility:visible;
	display:block;	
}
.right_topArea {
    margin-bottom: 6px;
}
.welcomen_area article{
	text-align:justify;
}
.information {
    width: 100%;
    max-width: 100%;
}
.address {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
	width:86%;
    padding: 3% 0% 2% 19%;
    background: url(../images/mb.png) no-repeat 0px 6px;
}
.email {
	width:86%;
    padding: 3% 0% 2% 19%;
    background: url(../images/mail.png) no-repeat 0px 6px;
}
.copyright{
	width: 100%;
    line-height: 30px;
    float: left;
    text-align: center;
}
.socialIcon{
	width: 160px;
    margin-top: 6px;
    margin-left: 15%;
}
.designed{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.abtImg{
	width: 98%;
    max-width: 423px;
    margin-right: 0px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:95%;
	max-width:215px;
	margin-left: .8%;
}
.contactAddress{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.contactform{
	width:100%;
	float:right;
}
.main_album ul li{
	width: 94%;
    max-width: 100%;
	margin-left: 1.9%;
}
.main_category ul li{
	width: 94.6%;
    max-width: 100%;
    margin-left: 1%;
    margin-bottom: 14px;
}
.main_prdct_disImg{
	width: 100%;
    max-width: 420px;
	padding:1%;
	margin-right:0px;
	margin-bottom:10px;
}
}
@media only screen and (min-width: 275px) {
.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:26px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: hidden;
    display: none;
}
.mb_menu{
	visibility:visible;
	display:block;	
}
.right_topArea {
    margin-bottom: 6px;
}
.welcomen_area article{
	text-align:justify;
}
.information {
    width: 100%;
    max-width: 100%;
}
.address {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
	width:86%;
    padding: 3% 0% 2% 19%;
    background: url(../images/mb.png) no-repeat 0px 6px;
}
.email {
	width:86%;
    padding: 3% 0% 2% 19%;
    background: url(../images/mail.png) no-repeat 0px 6px;
}
.copyright{
	width: 100%;
    line-height: 30px;
    float: left;
    text-align: center;
}
.socialIcon{
	width: 160px;
    margin-top: 6px;
    margin-left: 15%;
}
.designed{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.abtImg{
	width: 98%;
    max-width: 423px;
    margin-right: 0px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:95%;
	max-width:215px;
	margin-left: .8%;
}
.contactAddress{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.contactform{
	width:100%;
	float:right;
}
.main_album ul li{
	width: 94%;
    max-width: 100%;
	margin-left: 1.9%;
}
.main_category ul li{
	width: 98.6%;
    max-width: 100%;
    margin-left: 1%;
    margin-bottom: 14px;
}
.main_prdct_disImg{
	width: 100%;
    max-width: 420px;
	padding:1%;
	margin-right:0px;
	margin-bottom:10px;
}
}
@media only screen and (min-width: 300px) {
.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:26px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: hidden;
    display: none;
}
.mb_menu{
	visibility:visible;
	display:block;	
}
.right_topArea {
    margin-bottom: 6px;
}
.welcomen_area article{
	text-align:justify;
}
.information {
    width: 100%;
    max-width: 100%;
}
.address {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
	width:86%;
    padding: 3% 0% 2% 19%;
    background: url(../images/mb.png) no-repeat 0px 6px;
}
.email {
	width:86%;
    padding: 3% 0% 2% 19%;
    background: url(../images/mail.png) no-repeat 0px 6px;
}
.copyright{
	width: 100%;
    line-height: 30px;
    float: left;
    text-align: center;
}
.socialIcon{
	width: 160px;
    margin-top: 6px;
    margin-left: 26%;
}
.designed{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.abtImg{
	width: 98%;
    max-width: 423px;
    margin-right: 0px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:46%;
	max-width:215px;
	margin-left: .8%;
}
.contactAddress{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.contactform{
	width:100%;
	float:right;
}
.main_album ul li{
	width: 45%;
    max-width: 100%;
	margin-left: 1.9%;
}
.main_category ul li{
	width: 98.6%;
    max-width: 100%;
    margin-left: 1%;
    margin-bottom: 14px;
}
.main_prdct_disImg{
	width: 100%;
    max-width: 420px;
	padding:1%;
	margin-right:0px;
	margin-bottom:10px;
}
}
@media only screen and (min-width: 481px) {
.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:47px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: hidden;
    display: none;
}
.mb_menu{
	visibility:visible;
	display:block;	
}
.right_topArea {
    margin-bottom: 6px;
}
.welcomen_area article{
	text-align:justify;
}
.information {
    width: 100%;
    max-width: 100%;
}
.address {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
	width:86%;
    padding: 3% 0% 2% 9%;
    background: url(../images/mb.png) no-repeat 0px 14px;
}
.email {
	width:86%;
    padding: 3% 0% 2% 9%;
    background: url(../images/mail.png) no-repeat 0px 14px;
}
.copyright{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.socialIcon{
	width: 160px;
    margin-top: 6px;
    margin-left: 32%;
}
.designed{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.abtImg{
	width: 98%;
    max-width: 423px;
    margin-right: 0px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:30%;
	max-width:215px;
	margin-left: .8%;
}
.contactAddress{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.contactform{
	width:100%;
	float:right;
}
.main_album ul li{
	width: 45%;
    max-width: 270px;
	margin-left: 1.9%;
}
.main_category ul li{
	width: 48.6%;
    max-width: 228px;
    margin-left: 1%;
    margin-bottom: 14px;
}
.main_prdct_disImg{
	width: 98%;
    max-width: 420px;
	padding:1%;
	margin-right:0px;
	margin-bottom:10px;
}
}
@media only screen and (min-width: 500px) {
.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:47px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: hidden;
    display: none;
}
.mb_menu{
	visibility:visible;
	display:block;	
}
.right_topArea {
    margin-bottom: 8px;
}
.welcomen_area article{
	text-align:justify;
}
.information {
    width: 100%;
    max-width: 100%;
}
.address {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
	width:86%;
    padding: 3% 0% 2% 9%;
    background: url(../images/mb.png) no-repeat 0px 14px;
}
.email {
	width:86%;
    padding: 3% 0% 2% 9%;
    background: url(../images/mail.png) no-repeat 0px 14px;
}
.copyright{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.socialIcon{
	width: 160px;
    margin-top: 6px;
    margin-left: 38%;
}
.designed{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.abtImg{
	width: 43%;
    max-width: 423px;
    margin-right: 18px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:30%;
	max-width:215px;
	margin-left: .8%;
}
.contactAddress{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.contactform{
	width:100%;
	float:right;
}
.main_album ul li{
	width: 29%;
    max-width: 270px;
	margin-left: 1.9%;
}
.main_category ul li{
	width: 41.5%;
    max-width: 100%;
    margin-left: 6%;
	margin-bottom:14px;
}
.main_prdct_disImg{
	width: 100%;
    max-width: 420px;
	padding:1%;
/*	margin-right:0px;
	margin-bottom:10px;*/
	margin:auto;
	float:none;

}
}
@media only screen and (min-width: 769px) {
.news img{
	width:100%;
	float:left;
	padding:0 10px 10px 0;
}
.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:47px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: hidden;
    display: none;
}
.mb_menu{
	visibility:visible;
	display:block;	
}
.right_topArea {
    margin-bottom: 8px;
}
.welcomen_area article{
	text-align:center;
}
.information {
    width: 48%;
    max-width: 100%;
}
.address {
    width: 48%;
    max-width: 100%;
    margin-left: 4%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
    padding: 3% 0% 2% 12%;
    background: url(../images/mb.png) no-repeat 0px 10px;
}
.email {
    padding: 3% 0% 2% 12%;
    background: url(../images/mail.png) no-repeat 0px 10px;
}
.copyright{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.socialIcon{
	width: 160px;
    margin-top: 6px;
    margin-left: 41%;
}
.designed{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.abtImg{
	width: 43%;
    max-width: 423px;
    margin-right: 18px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:30%;
	max-width:215px;
	margin-left: .8%;
}
.contactAddress{
	width:45%;
	float:left;
	margin-bottom:0px;
}
.contactform{
	width:45%;
	float:right;
}
.main_album ul li{
	width: 29%;
    max-width: 270px;
	margin-left: 1.9%;
}
.main_category ul li{
	width:31.5%;
	max-width:228px;
	margin-left:1.5%;
	margin-bottom:14px;
}
.main_prdct_disImg{
	width:100%;
	max-width:344px;
	padding:1%;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

}
@media only screen and (min-width: 800px) {
.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:47px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: hidden;
    display: none;
}
.mb_menu{
	visibility:visible;
	display:block;	
}
.right_topArea {
    margin-bottom: 8px;
}
.welcomen_area article{
	text-align:center;
}
.information {
    width: 48%;
    max-width: 100%;
}
.address {
    width: 48%;
    max-width: 100%;
    margin-left: 4%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
    padding: 3% 0% 2% 12%;
    background: url(../images/mb.png) no-repeat 0px 10px;
}
.email {
    padding: 3% 0% 2% 12%;
    background: url(../images/mail.png) no-repeat 0px 10px;
}
.copyright{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.socialIcon{
	width: 160px;
    margin-top: 6px;
    margin-left: 41%;
}
.designed{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.abtImg{
	width: 43%;
    max-width: 423px;
    margin-right: 18px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:30%;
	max-width:215px;
	margin-left: .8%;
}
.contactAddress{
	width:45%;
	float:left;
	margin-bottom:0px;
}
.contactform{
	width:45%;
	float:right;
}
.main_album ul li{
	width: 29%;
    max-width: 270px;
	margin-left: 1.9%;
}
.main_category ul li{
	width:29.5%;
	max-width:228px;
	margin-left:1%;
	margin-bottom:14px;
}
 .main_prdct_disImg {
    width: 100%;
    padding: 1%;
    margin-right: 10px;
	float:left;
   
}
}

@media only screen and (min-width: 820px) {
.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:47px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: visible;
    display: block;
}
.mb_menu{
	visibility:hidden;
	display:none;	
}
.right_topArea {
    margin-bottom: 8px;
}
.welcomen_area article{
	text-align:center;
}
.information {
    width: 48%;
    max-width: 100%;
}
.address {
    width: 48%;
    max-width: 100%;
    margin-left: 4%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
    padding: 3% 0% 2% 12%;
    background: url(../images/mb.png) no-repeat 0px 10px;
}
.email {
    padding: 3% 0% 2% 12%;
    background: url(../images/mail.png) no-repeat 0px 10px;
}
.copyright{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.socialIcon{
	width: 160px;
    margin-top: 6px;
    margin-left: 41%;
}
.designed{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.abtImg{
	width: 43%;
    max-width: 423px;
    margin-right: 18px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:30%;
	max-width:100%;
	margin-left: .8%;
}
.contactAddress{
	width:45%;
	float:left;
	margin-bottom:0px;
}
.contactform{
	width:45%;
	float:right;
}
.main_album ul li{
	width: 29%;
    max-width: 270px;
	margin-left: 1.9%;
}
.main_category ul li{
	width:31.5%;
	max-width:228px;
	margin-left:1.5%;
	margin-bottom:14px;
}
.main_prdct_disImg{
	width:100%;
	max-width:344px;
	padding:1%;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
	.news img{
	width:35%;
	float:left;
	padding:0 10px 10px 0;

}
@media only screen and (min-width: 850px) {
	
.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:47px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: visible;
    display: block;
}
.mb_menu{
	visibility:hidden;
	display:none;	
}
.right_topArea {
    margin-bottom: 8px;
}
.welcomen_area article{
	text-align:center;
}
.information {
    width: 48%;
    max-width: 100%;
}
.address {
    width: 48%;
    max-width: 100%;
    margin-left: 4%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
    padding: 3% 0% 2% 12%;
    background: url(../images/mb.png) no-repeat 0px 10px;
}
.email {
    padding: 3% 0% 2% 12%;
    background: url(../images/mail.png) no-repeat 0px 10px;
}
.copyright{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.socialIcon{
	width: 160px;
    margin-top: 6px;
    margin-left: 41%;
}
.designed{
	width: 100%;
    line-height: 46px;
    float: left;
    text-align: center;
}
.abtImg{
	width: 43%;
    max-width: 423px;
    margin-right: 18px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:30%;
	max-width:100%;
	margin-left: .8%;

}
.contactAddress{
	width:45%;
	float:left;
	margin-bottom:0px;
}
.contactform{
	width:45%;
	float:right;
}
.main_album ul li{
	width: 29%;
    max-width: 270px;
	margin-left: 1.9%;
}
.main_category ul li{
	width:23.5%;
	max-width:228px;
	margin-left:1.2%;
	margin-bottom:14px;
}
.main_prdct_disImg{
	width:100%;
	max-width:344px;
	padding:1%;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
	.news img{
	width:30%;
	float:left;
	padding:0 10px 10px 0;

}
@media only screen and (min-width: 900px) {

.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:47px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: visible;
    display: block;
}
.mb_menu{
	visibility:hidden;
	display:none;	
}
.right_topArea {
    margin-bottom: 8px;
}
.welcomen_area article{
	text-align:center;
}
.information {
    width: 48%;
    max-width: 100%;
}
.address {
    width: 48%;
    max-width: 100%;
    margin-left: 4%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
    padding: 3% 0% 2% 12%;
    background: url(../images/mb.png) no-repeat 0px 10px;
}
.email {
    padding: 3% 0% 2% 12%;
    background: url(../images/mail.png) no-repeat 0px 10px;
}
.copyright{
	width:auto;
	line-height: 71px;
    float: left;
	text-align:left;
}
.socialIcon{
	width:160px;
	margin-top: 18px;
    margin-left: 9%;
}
.designed{
	width:auto;
	line-height: 71px;
    float: right;
	text-align:right;
}
.abtImg{
	width: 30%;
    max-width: 423px;
    margin-right: 18px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:21%;
	max-width:100%;
	margin-left: 1.2%;
}
.contactAddress{
	width:45%;
	float:left;
	margin-bottom:0px;
}
.contactform{
	width:45%;
	float:right;
}
.main_album ul li{
	width: 29%;
    max-width: 270px;
	margin-left: 1.9%;
}
.main_category ul li{
	width:23.3%;
	max-width:228px;
	margin-left:1.4%;
	margin-bottom:14px;
}
.main_prdct_disImg{
	width:100%;
	max-width:344px;
	padding:1%;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
	.news img{
	width:30%;
	float:left;
	padding:0 10px 10px 0;

}
@media only screen and (min-width: 1000px) {
.main_top{
    position: relative;
}
.cmn_mid{
	width:90%;
	max-width:1112px;
}
.logoArea {
    width: 100%;
    max-width: 100%;
}
.top_aight {
    width: 100%;
    max-width: 100%;
    float: right;
}
.certified_area {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    text-align: center;
	line-height:47px;
}
.login_btns {
    width: 100%;
    float: left;
}
.login_btns ul li{
	width:100%;
	margin-bottom:3px;
}
.nav {
    visibility: visible;
    display: block;
}
.mb_menu{
	visibility:hidden;
	display:none;	
}
.right_topArea {
    margin-bottom: 8px;
}
.welcomen_area article{
	text-align:center;
}
.information {
    width: 48%;
    max-width: 100%;
}
.address {
    width: 48%;
    max-width: 100%;
    margin-left: 4%;
}
.location {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
	float:left;
}
.map {
    width: 99.5%;
}
.phn {
    padding: 3% 0% 2% 12%;
    background: url(../images/mb.png) no-repeat 0px 10px;
}
.email {
    padding: 3% 0% 2% 12%;
    background: url(../images/mail.png) no-repeat 0px 10px;
}
.copyright{
	width:auto;
	line-height: 71px;
    float: left;
	text-align:left;
}
.socialIcon{
	width:160px;
	margin-top: 18px;
    margin-left: 9%;
}
.designed{
	width:auto;
	line-height: 71px;
    float: right;
	text-align:right;
}
.abtImg{
	width: 30%;
    max-width: 423px;
    margin-right: 18px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:21%;
	max-width:100px;
	margin-left: 1.5%;
}
.contactAddress{
	width:45%;
	float:left;
	margin-bottom:0px;
}
.contactform{
	width:45%;
	float:right;
}
.main_album ul li{
	width: 100%;
    max-width: 843px;
	margin-left: 1.9%;
}
.main_category ul li{
	width:23.3%;
	max-width:228px;
	margin-left:1.4%;
	margin-bottom:14px;
}
.main_prdct_disImg{
	width:100%;
	max-width:344px;
	padding:1%;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
	.news img{
	width:30%;
	float:left;
	padding:0 10px 10px 0;

}
}
@media only screen and (min-width: 1200px) {
	.news img{
	width:30%;
	float:left;
	padding:0 10px 10px 0;
}
.cmn_mid{
	width:92%;
	max-width:1112px;
}
.main_top{
    position: absolute;
}
.logoArea {
    width: 40%;
    max-width: 318px;
}
.top_aight {
    width: 68%;
    max-width: 748px;
    float: right;
}
.certified_area{
	width: 46%;
    max-width: 271px;
	font-size:13px;
	line-height:47px;
}
.login_btns {
    width: 63%;
    float: right;
}
.login_btns ul li{
	width:auto;
	margin-bottom:0px;
}
.nav {
    visibility: visible;
    display: block;
}
.mb_menu{
	visibility:hidden;
	display:none;	
}
.right_topArea {
    margin-bottom: 8px;
}
.welcomen_area article{
	text-align:center;
}
.information {
    width: 30%;
    max-width: 258px;
}
.address {
    width: 30%;
    max-width: 360px;
    margin-left: 4%;
}
.location {
    width: 37%;
    max-width: 452px;
    margin-left: 4%;
	float:right;
}
.phn {
    padding: 3% 0% 2% 16%;
    background: url(../images/mb.png) no-repeat 0px 6px;
}
.email {
    padding: 3% 0% 2% 16%;
    background: url(../images/mail.png) no-repeat 0px 6px;
}
.copyright{
	width:auto;
	line-height: 71px;
    float: left;
	text-align:left;
}
.socialIcon{
	width:160px;
	margin-top: 18px;
    margin-left: 9%;
}
.designed{
	width:auto;
	line-height: 71px;
    float: right;
	text-align:right;
}
.abtImg{
	width: 30%;
    max-width: 423px;
    margin-right: 18px;
    margin-bottom: 9px;
    padding: 1%;
}
.main_clients ul li{
	width:17%;
	max-width:197px;
	margin-left: .8%;
}
.contactAddress{
	width:45%;
	float:left;
	margin-bottom:0px;
}
.contactform{
	width:45%;
	float:right;
}
.main_album ul li{
	width: 100%;
   max-width:1012px;
	margin-left: 1.9%;
}
.main_category ul li{
/*	width:100%;
	margin-left: 3.4%;
	margin-bottom:14px;*/
	    width: 228px;
    margin-left: 38px;
    margin-bottom: 14px;
}
.main_prdct_disImg{
	width:30%;
	padding:1%;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
.promo{
	display:block;
	text-align:center;
	margin:auto;
}
.promo img{
	width:100%;
	padding:10px;
}
.promo p{
		font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
}
.promo h3{
	font-family:'futura';
	margin:0 !important;
	font-weight:400;
	font-size:22px;
}
}