* {
	padding:0;
	margin:0;
	outline:none;
	border:none;
	line-height:20px;
	list-style:none;
	font-family: 'robotoregular';
	text-decoration:none;
}
body {
	margin:0px;
	padding:0px;
	
}
 @font-face {
 font-family: 'robotoregular';
 src: url('../font/roboto-regular.eot');
 src: url('../font/roboto-regular.eot?#iefix') format('embedded-opentype'), url('../font/roboto-regular.woff') format('woff'), url('../font/roboto-regular.ttf') format('truetype'), url('../font/roboto-regular.svg#robotoregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
img {
max-width: 100%;
height: auto;
}



.wrap {width:100%; position:fixed; float:left; z-index:11; background:#fff;}
.main{ float:left; width:1060px;background:url(../images/shadow.jpg) bottom left repeat-x; height:176px; margin-top:10px; }
.omega {float:left; position:relative; display:block; width:179px; padding-top:10px; background:url(../images/logo.png) top left no-repeat; height:157px;}
.omega  a{ float:left; width:100%; height:100%;}	
.mega {float:left; position:relative; display:block; width:83%;}
.top{ float:left; position:relative; display:block; width:100%;}
.menu{ float:left; position:relative; display:block; width:100%; margin-top:3px;background:url(../images/nav-bg.jpg) top left repeat-x;}

header nav {text-align: left;}
header nav ul {margin: 0;padding: 0;list-style-type: none;}
header nav ul li { float:left; position:relative;}
header nav ul li:first-child {margin-left: 0;}
header nav ul li a {color: #000; display:block; font-size:14px; line-height:46px; padding:0 14px; font-weight:normal; text-transform:uppercase;}
header nav ul li a:hover {background:#EDEDED;}
header nav ul li a.active { background:#EDEDED;}
header {display: block;float: left;width: 100%;}
header nav ul ul {display: none;}
header nav ul li:hover ul {display: block;}
header nav ul ul { position:absolute; background:#F6F6F6; width:200px;}
header nav ul ul li {float:none;}
header nav ul ul li a { font-size:14px; text-transform:capitalize; line-height:20px; padding:5px 0px 5px 14px; border-bottom:1px solid #ededed; display:block;}
header nav ul ul ul {display: none !important;}
header nav ul ul li:hover ul {display: block !important; }
header nav ul ul ul { position:absolute; top:0; left:100%;}



h1{ font-size:18px; color:#333; font-weight:normal;}
.h1-f {float:left !important; width:405px; padding-top:85px; padding-left:25px;}

.top-menu{ float:right; width:; padding-top:85px;}
.top-menu ul{ float:left;}
.top-menu ul li{ float:left; font-size:13px; color:#333;padding-right: 10px;}
.top-menu ul li a{ color:#333; text-decoration:none; font-weight:normal;}
.top-menu ul li a:hover{ color:#BE1B21}
.top-menu ul li a.active{ color:#BE1B21}
.career {background:url(../images/career.jpg) top left no-repeat;background-position:0px;padding-left:20px;}
.download {background:url(../images/download.jpg) top left no-repeat;background-position:0px;padding-left:20px;}
.sitemap {background:url(../images/sitemap.jpg) top left no-repeat;background-position:0px;padding-left:20px;}

.logo-icons{ float:right; display:block; position:relative; /*padding-top:15px;*/ padding-top:82px;}
.logo{position:relative; display:block}
.logo img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden;
	-moz-filter: grayscale(100%);
    -moz-transition: all .6s ease;
    -moz-backface-visibility: hidden;}
.logo img:hover{filter: none;
    -webkit-filter: grayscale(0%)}

.social{ position:relative; display:block}
.follow-us {float:left;list-style:none;margin:7px 0 0 0;}
.follow-us li {float:left;margin-right:0px;height:25px;}
.follow-us li a {width:26px;height:27px;display:inline-block;overflow:hidden; padding:0px 3px 0px 0px;}
.follow-us li a img {-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s eas-o-transition: all 0.35s ease;transition: all 0.35s ease;}
.follow-us li a:hover > img {margin-top: -27px;-webkit-transition: all 0.35s ease-moz-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;}

a.icon{ background:url(../images/home.jpg) top left no-repeat!important; color:#fafafa!important; top:12px; left:23px; padding:17px 34px!important;}
a.icon:hover{ background:url(../images/home1.jpg) top left no-repeat!important;;}


.img_inner{ max-width:none}
.container .sixteen.columns{ margin-left:0!important; margin-right:0px!important}
.banner{ float:left; margin-top:185px; width:1060px;}
.banner .banner-img1{ float:left;}
.banner .banner-img1:hover{filter: contrast(110%);
-webkit-filter: contrast(110%);
-moz-filter: contrast(110%);
-o-filter: contrast(110%);
-ms-filter: contrast(110%);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}

.news{ float:left; width:100%; position:relative; margin:0px 0px 0px 20px;}
.news .images{ float:left; margin:0px 10px 20px 5px;}

.content{ float:left;  background:#f8f8f8; padding-bottom:20px; border-bottom:#e6e6e6 solid 1px;}
.overview{ width:100%; float:left; margin-top:20px; border-right:#e0e0e0 solid 1px;}
.overview h1{ font-size:17px; color:#333; background:url(../images/overview.jpg) top left no-repeat; padding-left:50px; height:28px; font-weight:bold; padding-top:5px;}
p{ font-size:14px; color:#666; text-align:justify; padding:10px 10px 0 0px; line-height:20px; float:left; }
p a{font-size:14px; color:#666; text-decoration:none; }
p a:hover{ color:#F09C00; text-decoration:underline;}
h5{ color:#666; text-align:justify; padding:5px 10px 0 0px; line-height:20px; margin:0px 0px 0px 20px;}
h5 a{font-size:14px; color:#666; text-decoration:none; font-weight:normal; }
h5 a:hover{ color:#F09C00;}
span img{ float:left; margin:8px 5px 0px 0px;}
.more {background:#fff;border:#e0e0e0 solid 1px;padding:5px;font-size:13px;color:#000;text-decoration:none;font-family: 'robotoregular';font-weight:normal;margin-top:10px;float:right;margin-right:15px;}
a.more:hover {background:#e0e0e0;color:#000;border:#ccc solid 1px;}
.border{ border:none!important}
.achievement{ width:100%; float:left; margin-top:20px; border-right:#e0e0e0 solid 1px;}
.achievement h1{ font-size:17px; color:#333; background:url(../images/achievement.jpg) top left no-repeat; padding-left:30px; height:28px; font-weight:bold; padding-top:5px;}
p.achieve{ font-size:14px; color:#666; text-align:justify; padding:10px 20px 0 0px;}
.solution{ width:100%; float:left; margin-top:20px;}
.solution h1{ font-size:17px; color:#333; background:url(../images/solution.jpg) top left no-repeat; padding-left:40px; height:28px; font-weight:bold; padding-top:5px;}
/*.solution ul{ float:left; margin-top:10px;}
.solution ul li{ background:url(../images/arrow.jpg) top left no-repeat; padding-left:15px; padding-bottom:3px; margin-bottom:3px; border-bottom:#ccc solid 1px; margin-top:5px; background-position:0px 5px}
.solution ul li:first-child{ background:url(../images/arrow.jpg) top left no-repeat; padding-left:15px; padding-bottom:3px; margin-bottom:3px; border-bottom:#ccc solid 1px; margin-top:0px; background-position:0px 5px;}
.solution ul li:last-child{ background:url(../images/arrow.jpg) top left no-repeat; padding-left:15px; padding-bottom:3px; margin-bottom:3px; border-bottom:none; margin-top:0px; background-position:0px 5px;}
.solution ul li a{ color:#666; font-size:14px;}
.solution ul li a:hover{ color:#F09C00; padding-left:3px;
transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
}


.solution ul ul { position:absolute; background:#F6F6F6; width:200px; display:none;}
.solution ul li:hover ul { display:block;}
.solution ul ul li a { color:#333; font-size:12px; line-height:20px; padding:5px 0px 5px 14px; border-bottom:1px solid #ededed; display:block;}
.solution ul ul ul {display: none !important;}
.solution ul ul li:hover ul {display: block !important; }*/

.projects{ float:left; width:100%}
.project{ width:100%; margin-top:20px }

.current {
	
	float:left; width:311px
	
}
.current .current-img {
	background:#AECC20 url(../images/current.jpg) top left no-repeat;
	float:left;height:67px; width:311px;
	
}
.current a {
	color:#fff;
	font-family: 'robotoregular';
	font-weight:bold;
	position:relative;
	
}
.current a:hover {
	color:#fff;
}
.completed {
	
width:311px;
	margin-top:7px;
	float:left
}
.completed .completed-img {
	background:#AECC20 url(../images/completed.jpg) top left no-repeat;
	float:left; height:67px;width:311px;
	
}
.completed .completed-txt {
	float: left;
	width: 0px;
	margin-top: 4px;
	height: 60px;
}
.completed .completed-txt .color {
	width:0px;
	float:left;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35seas-o-transitio all 0.35s ease;
	transition: all 0.35s ease;
	height:40px;
	text-indent:15px;
	padding-top:20px;
	color:#fff;
	font-family: 'robotoregular';
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	z-index:1;
}
.completed .completed-txt .color:hover {
	background:#000;
	width:228px;
}
.completed a {
	color:#fff;
	font-family: 'robotoregular';
	font-weight:bold;
	position:relative;
	
}
.completed a:hover {
	color:#fff;
}
.btn-1 {
	border: 3px solid #fff;
	color: #fff;
}
/* Button 1c */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #bbb;
}
.btn-1c:hover, .btn-1c:active {
	color: #fff;
}
.btn-1c:hover:after, .btn-1c:active:after {
	width: 100%;
}
.btn {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-family: 'robotoregular';
	font-size: 16px;
	font-weight: bold;
	outline: medium none;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	z-index: 1;
	height:67px;
	margin-left: 83px;
	text-indent:20px;
	width:228px;
	margin-top: 0px;
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Button 1c */
.btn-1b:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #bbb;
}
.btn-1b:hover, .btn-1b:active {
	color: #fff;
}
.btn-1b:hover:after, .btn-1b:active:after {
	width: 100%;
}
.btn1 {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-family: 'robotoregular';
	font-size: 16px;
	font-weight: bold;
	outline: medium none;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	z-index: 1;
	height:67px;
	margin-left: 83px;
	text-indent:20px;
	width:228px;
	margin-top: 0px;
}
.btn1:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.downloads { background:url(../images/download-img0.jpg) no-repeat 0 0;
	float: left;
	overflow:hidden;
	width:317px;
	height:135px;
	border:#e0e0e0 solid 1px;
	margin-top:20px
}

.downloads .img1{ float:left; width:34px; height:122px; margin:6px 0px 0px 13px;}
.downloads .img1:hover{ width:40px; height:132px; transition: all ease 0.3s ; -moz-transition: all ease 0.3s ; -webkit-transition: all ease 0.3s ;}
.downloads .img2{ float:right; width:105px; height:112px; margin:12px 9px 0px 0px;}
.downloads .img2:hover{ width:115px; height:122px; transition: all ease 0.3s ; -moz-transition: all ease 0.3s ; -webkit-transition: all ease 0.3s ;}
.downloads .img3 {width:115px;margin:12px 0px 0px 25px; height:112px;}
.downloads .img3:hover {width:125px; height:122px;transition: all ease 0.3s ; -moz-transition: all ease 0.3s ; -webkit-transition: all ease 0.3s ;}
.downloads font {
	margin:50px 0 0 90px;
	position:absolute;
	font-family: 'robotoregular';
	font-size:29px;
	color:#FF9900;
	line-height:60px;
	text-transform:uppercase;
}
.downloads font a{
	font-family: 'robotoregular';
	font-size:29px;
	color:#FF9900;
	text-transform:uppercase;
}

.downloads font strong {
	font-family:"Impact";
	font-size:30px;
	color:#fff;
	font-weight:normal
}
.downloads img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

}
/*.downloads img:hover {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-transform: scale(1.1,1.1);
}*/
.book {
	background:url(../images/book.jpg) top left no-repeat;
	width:325px;
	height:145px;
	float:left;
	margin-left:0px;
	margin-top:13px; background-size:cover;
}

.book-img{ float:right; margin-top:15px; padding-right:5px;}

.book .zoom {
	background:url(../images/zoom.jpg) top left no-repeat;
	float:left; 
	width:35px;
	height:35px;
	margin-top: 100px;
	margin-left: 260px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.book .zoom a{ color:#fff; width:36px; height:36px; float:left}

.book .zoom:hover {
	opacity:0.5;
}
.book .mail {
	background:url(../images/mail.jpg) top left no-repeat;
	float:left;
	width:35px;
	height:35px;
	margin-top: 75px;
	margin-left: 3px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.book .mail a{ width:36px; height:36px; float:left}

.book .mail:hover {
	opacity:0.5;
}
.clients {
	background:#fff;
	border-top:#f3f3f3 solid 5px;
	width:100%;
	float:left;
	margin-top:20px;
}
.clients h1 {
	background:url(../images/clients.jpg) top right no-repeat;
	width:145px;
	float:left;
	font-size:18px;
	color:#333;
	font-family: 'robotoregular';
	height:62px;
	padding-top:35px;
	padding-left:20px;
	font-weight:normal;
}
.clients .client-img {
	float:left;
}
.tag {
	width:100%;
	float:left;
	text-align:center;
	font-size:15px;
	color:#333;
	font-family: 'robotoregular';
	font-weight:normal;
	background:#f3f3f3;
}
.tag .tagline {
	margin:0 auto;
	padding:10px 0 10px;

}
.line {
	width:100%;
	float:left;
	margin-top:5px;
}
.line .green {
	margin:0 auto;
	color:#7D9217;
	font-size:25px;
	font-family: 'robotoregular';
	font-weight:normal;
	text-align:center;
}
#footer {
	width:100%;
	float:left;
	background:url(../images/footer.jpg) top left repeat-x;
	height:65px;
}
.footer {
	width:100%;
	float:left;
	margin-top:35px;
}
.footer .footer-left {
	float:left;
	font-size:13px;
	color:#666;
	font-family: 'robotoregular';
	font-weight:normal;
}
.footer .footer-right {
	float:right;
	font-size:13px;
	color:#666;
	font-family: 'robotoregular';
	font-weight:normal;
}
.footer .footer-right a {
	color:#666;
	text-decoration:underline
}
.footer .footer-right a:hover {
	color:#333;
	text-decoration:none;
}


/*SUB-PAGES*/

/**Photogallery **/

.sub-banner{ padding-top:160px; background:#f8f8f8}
h1.about{ width:100%; padding-bottom:30px; text-indent:20px; font-size:18px; color:#BE1B21; text-transform:uppercase; background:#f8f8f8; border-bottom:#e6e6e6 solid 1px;}
.sub-content{ float:left; width:100%;}
.sub-content .certi{ width:100%; margin:0px 0px 10px 0px;}
.sub-content .certi span{ float:left; position:relative; top:22px; left:7px;}
.sub-content .certi a{ color:#666; font-size:14px; text-decoration:underline; line-height:25px;}
.sub-content .certi a:hover{ color:#666; font-size:14px; text-decoration:none;}
p.about{ background:#fff; padding:30px 20px 20px 20px; float:left; width:96%;}
p.about1{ background:#fff; padding:0px 20px 20px 20px; float:left; width:96%; color:#E29912; font-weight:bold; font-size:18px}
p.about1 img{ float:left; position:relative; top:0px; left:0px; margin-right:10px;}
p.about2{background:#fff; padding:0px 20px 20px 20px; float:left; width:96%; color:#666; float:left; font-size:18px}
p.about3{ background:#fff; padding:68px 20px 20px 20px; float:left; width:96%; color:#E29912; float:left; font-weight:bold; font-size:18px}
p.about font{ color:#E29912; float:left; font-weight:bold; font-size:18px}
p.about font1{ color:#666; float:left; font-weight:bold; font-size:18px; padding:0; position:relative; top:0px; text-align:left;}
p.about img{ float:left; position:relative; top:-15px; left:0px; margin:0px 15px 0px 0px;}
.menus{ float:left; width:100%; margin:0 auto}
.menus ul{ margin:0 auto; width:55%}
.menus ul li{ float:left; margin-right:10px;}
.menus ul li a{ background:#f8f8f8; padding:15px; border:#eee solid 1px; font-size:16px; color:#333;}
.sub-box {position:relative; display:inline-block;width: 100%; margin:0 auto;}
.title {padding:15px 10px;}
.title-1 {padding:15px 10px 0px 10px;}
.bottom-bord {border-bottom:2px solid #ECDCBA; padding-bottom:10px;}
.none-bord {border-top:none; margin:0px;}
h4 {color: #46261F;}
h4 strong {color:#AC2C11;font-weight:normal;}
.sub-ul {position:relative; display:block; width:100%; height:auto; margin:0 auto;}
.sub-ul li {float:left; }
.sub-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: url(../sub-images/arrow.png) top center no-repeat#f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.sub-ul li a:hover { background:url(../sub-images/arrow-hover.png) top center no-repeat #f0f0f0;  color:#000;}
.sub-ul li a.active { background:url(../sub-images/arrow-hover.png) top center no-repeat #f0f0f0;  color:#000;}

.services-ul {position:relative; display:block; width:100%; height:auto; margin:0 0 0 50px;}
.services-ul li {float:left; }
.services-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: url(../sub-images/arrow.png) top center no-repeat#f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.services-ul li a:hover { background:url(../sub-images/arrow-hover.png) top center no-repeat #f0f0f0;  color:#000;}
.services-ul li a.active { background:url(../sub-images/arrow-hover.png) top center no-repeat #f0f0f0;  color:#000;}
.services1-ul {position:relative; display:block; width:452px; height:auto; margin:50px auto;}
.services1-ul li {float:left; }
.services1-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: url(../sub-images/arrow.png) top center no-repeat#f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.services1-ul li a:hover { background:url(../sub-images/arrow-hover.png) top center no-repeat #f0f0f0;  color:#000;}
.services1-ul li a.active { background:url(../sub-images/arrow-hover.png) top center no-repeat #f0f0f0;  color:#000;}
.contact{ padding:0 20px 20px 20px; width:91%; color:#000;}
.contact p{ font-size:14px; color:#000; text-align:justify; padding:10px 10px 0 0px; line-height:20px; float:left; }
.contact a{font-size:14px; color:#000; text-decoration:none; }
.icons{float: left;
margin-top: 4px;
margin-right: 5px;}
.bor{ border-right:#ccc solid 1px; margin-bottom:30px}
.margin{margin:0px!important;}
ul.quality{ float:left; margin-top:30px;width: 96%;
margin-left: 20px; margin-bottom:30px;}
ul.quality h2{ font-size:18px; color:#666; font-family: 'robotoregular'; font-weight:normal;} 
ul.quality li{color:#666; font-size:14px; font-family: 'robotoregular';font-weight:normal; background:url(../sub-images/2.png) top left no-repeat; background-position:5px 16px; list-style:none; padding-left:15px; line-height:25px; margin-bottom:5px; padding-right:10px; padding-top:5px; padding-bottom:5px; border-radius:7px; border-bottom:#eee solid 1px;}
ul.quality li.bullet{ background:none;}
ul.quality1{ float:left; margin-top:0px; width: 96%; margin-bottom:30px;
margin-left: 20px;}
ul.quality1 li{color:#666; font-size:14px; font-family: 'robotoregular';font-weight:normal; background: url(../sub-images/2.png) top left no-repeat; background-position:5px 16px; list-style:none; padding-left:15px; line-height:13px; margin-bottom:5px; padding-right:10px; padding-top:5px; padding-bottom:5px; border-radius:7px; border-bottom:#eee solid 1px;}
ul.quality2{ float:left; margin-top:0px;width: 96%;
margin-left: 20px; margin-bottom:10px;}
ul.quality2 h2{ font-size:16px; color:#666; font-family: 'robotoregular'; font-weight:normal;}
ul.quality2 h3{ font-size:18px; color:#E29912; font-family: 'robotoregular'; font-weight:bold; text-transform:uppercase;}  
ul.quality2 li{color:#666; font-size:14px; font-family: 'robotoregular';font-weight:normal; background:url(../sub-images/2.png) top left no-repeat; background-position:0px 12px; list-style:none; padding-left:15px; line-height:20px; margin-bottom:5px; padding-right:10px; padding-top:5px; padding-bottom:5px; border-radius:7px; /*border-bottom:#eee solid 1px;*/}
ul.quality2 li.bullet{ background:none;}
table {border:#e8e8e8 solid 1px;
		width: 100%; 
		border-collapse: collapse; color: #666;
font-size: 14px;
font-family: 'robotoregular';
font-weight: normal; margin-bottom:0px!important; float:left; text-align:left;
	}
.bg{ background:#fafafa;}	
table th{  color:#666; font-weight:normal}	
table th.th{ background:#fff; color:#333; font-weight:normal; font-size:14px}	
	/* Zebra striping */
/*table*/

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 15px; border:#e8e8e8 solid 1px;
}
.title{ background:#f5f5f5; font-weight:bold;}
/*no more table*/

.main-download{ float:left; width:100%; margin-left:10px;  margin-top:30px; margin-bottom:30px;}
.main-download h1{float:left; width:100%; position:relative; left:-13px; top:0px; }
.main-download h1 a{ font-size:16px; padding:10px; text-align:center; color:#000; float:left; width:93%; font-family: 'robotoregular';}
.main-download h1 a:hover{ color:#ED7824; text-decoration:underline;}
.img-download{ margin:0 auto; width:176px; padding:0px 0px;}
.img-download img{margin:20px 0px 0px 6px;}
.img-download img:hover{filter: contrast(90%);
-webkit-filter: contrast(90%);
-moz-filter: contrast(90%);
-o-filter: contrast(90%);
-ms-filter: contrast(90%);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
#no-more-tables{ margin:0 20px 0 20px;}
.no-more-tables1{ margin:0 20px 0 20px;}


@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
	#no-more-tables{ margin:0;}

    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
		margin:0;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
               white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 100%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}
/*no more table*/

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
	.no-more-tables1{ margin:0;}
	
    .no-more-tables1 table,
    .no-more-tables1 thead,
    .no-more-tables1 tbody,
    .no-more-tables1 th,
    .no-more-tables1 td,
    .no-more-tables1 tr {
        display: block;
		
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables1 thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables1 tr { border-top: 1px solid #333; }

    .no-more-tables1 td {
        /* Behave like a "row" */
        border: none;
     /*   border-bottom: 1px solid #eee;*/
        position: relative;
               white-space: normal;
        text-align:right; padding-left:36%!important; padding-bottom:20%!important; padding-right:4%!important;
    }

    .no-more-tables1 td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 15px;
        left: 6px;
        width: 36%;
        padding-right: 10px;
/*        white-space: nowrap;
*/        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    .no-more-tables1 td:before { content: attr(data-title); }
}



.sub-box1 {position:relative; float:left; width: 100%; margin-top:0px;}
.title {padding:15px 10px;}
.title-1 {padding:15px 10px 0px 10px;}
.bottom-bord {border-bottom:2px solid #ECDCBA; padding-bottom:10px;}
.none-bord {border-top:none; margin:0px;}
.gall-1 {float:left;  position:relative; width:33%;}
.gall-2 {float:left;  position:relative;  left:90px; }
.gall-bord { /*border-right:1px solid #ECDCBA;*/}
.gall-bord p{ margin:0px 0px 0px 93px; text-align:center;  color:#666; font-size:14px;}
.gall-bord-1 {border:none !important; margin-right:19px;}
.gall-title { color:#000; font-size:13px; text-align:center; margin:0px 0 10px 0; text-transform:uppercase;}
.fig {margin:15px 0 5px 0; text-align:center;}
.fig1 {margin:15px 0 5px 0; text-align:center;}
.fig1 p{ color:#666; text-align:center;}
.fig1 a{ color:#666;}
.fig1 a:hover{ text-decoration:underline; color:#F60;}
/*.line { padding:0 0 15px 31px;}*/
.height{ margin-top:30px;}
.bottom{ margin-bottom:30px!important;}
.h2{ float:left; width:100%; font-size:16px; font-weight:normal; font-family: 'robotoregular'; color:#000; padding:0px 0px 5px 0px; border-bottom:1px dotted #CCC; margin:10px 0px 0px 0px; text-align:center;}
.h2 span{font-size:14px; font-weight:normal; font-family: 'robotoregular'; color:#000; margin-left:10px;}

#outer{
max-width: 425px;
max-height: 349px;
width: 100%;
height: 100%;
float:left;
margin:30px 30px 20px 25px;
}

#inner{
   /* padding-bottom: 56.25%;*/
}

#inner iframe{
    width: 100%;
   height: 300px
}

#newsouter{
max-width: 225px;
max-height: 200px;
width: 100%;
height: 100%;
float:left;
margin:0px 30px 20px 25px;
}

#newsinner{
    height: 0px;
    padding-bottom: 56.25%;
}

#newsinner iframe{
    width: 100%;
    height: 100%;
}
.padding{padding-top:0px!important}
.site{ width:100%; float:left; margin-bottom:30px}
.site ul{ float:left;}
.site ul li{ float:left; padding:10px; width:333px;}
.site ul li a{ font-size:14px; color:#333; text-transform:uppercase; border-bottom:#eaeaea solid 1px;padding:10px; width:310px; float:left; font-weight:bold}
.site ul li a:hover{color:#BE1B21}
.home{ float:left; padding:10px; background:#F9F9F9; width:auto; text-align:center; margin-bottom:3px; border-bottom:#eee solid 1px; margin-right:10px}
.home a{ color:#666; font-size:14px; text-align:center}
.home a:hover{ color:#000}
.sub-homebg{ width:auto; background:#f8f8f8; background-position:10px 0px; }
.sub-home{ width:auto; background:url(../sub-images/sitemap.jpg) top left no-repeat; background-position:10px 0px; }
.sub-home li{ color:#666; font-size:14px; text-align:left;line-height:25px; float:none!important}
.sub-home li a{ padding:10px 0 0 0!important; border:none!important; text-transform:capitalize!important; font-weight:normal!important}
.sub-home li span{background:url(../sub-images/3.png) 0px 8px no-repeat;}
.sub-home a:hover{ color:#BE1B21}

#inquiry-index {width:350px; position:relative;  background:#FFF;  padding:10px 0px 13px 0px; margin:20px 0px 20px 48px;}
#inquiry-index h1{width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#659F42; font-size:22px;}
#inquiry-index ul li{width:360px; float:left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:13px; list-style:none; margin:15px 0px 0px -39px;}
#inquiry-index ul li .input_box{width:200px;  height:30px; border:#CCC 1px solid; float:right; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:13px; padding:0px 0px 0px 5px}
#inquiry-index ul li .input_box:hover{ border:#A4D194 1px solid; }
#inquiry-index ul li p{width:32%; float:left; font-family:Arial, Helvetica, sans-serif; }
#inquiry-index ul li .submit{width:25%; float:right; font-family:Arial, Helvetica, sans-serif; color:#333; border:none; background:#CFCFCF; height:30px; border-radius:2px; transition: all 0.5s ease;}
#inquiry-index ul li .submit:hover{transition: all 0.5s ease; background:#659F42; color:#FFF;}
#inquiry-index .input01{width:150px; height:30px; float:right; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:13px; border:#D8D8D8 1px solid; padding:0px 5px; margin:0px 0px 0px 0px;}
#inquiry-index .input01{width:150px; height:30px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:#D8D8D8 1px solid; padding:0px 5px; margin:0px 0px 0px 0px;}

		#scroll-down {
			position:relative;
			width:100%;
			height: 100%;
			background-color: #fb403a;
			text-align: center;
			padding-top:25%;
			padding-bottom: 25%;
			margin-left: auto;
			margin-right: auto;
		}
		
		
		#see-it {
			width:100%;
			height: 100px;
			background-color: #fff;
			text-align: center;
			padding-top:25%;
			padding-bottom: 25%;
			margin-left: auto;
			margin-right: auto;
		}
		
		#try-it {
			width:100%;
			height: 100px;
			background-color: #e5e5e5;
			text-align: center;
			padding-top:25%;
			padding-bottom: 25%;
			margin-left: auto;
			margin-right: auto;
		}

		
		
		.scroll-to-top {
			position: fixed;
			background:url(../images/scroll-to-top.png) no-repeat;
			cursor: pointer;
			bottom: 1em;
			right: 0px;
			width:55px;
			height: 55px;
			padding-right: 1em;
			display: none;
			z-index: 999;
		}

		
/* Media Query Mobile*/

@media screen and (max-width: 600px)
{

		#scroll-down {
			width:100%;
			height: 320px;
			background-color: #fb403a;
			text-align: center;
			padding-top:200px;
			padding-bottom: 60px;
			margin-left: auto;
			margin-right: auto;
		}
		
		#see-it {
			width:100%;
			height: 320px;
			background-color: #fff;
			text-align: center;
			padding-top:200px;
			padding-bottom: 60px;
			margin-left: auto;
			margin-right: auto;
		}
		
		#try-it {
			width:100%;
			height: 320px;
			background-color: #e5e5e5;
			text-align: center;
			padding-top:200px;
			padding-bottom: 60px;
			margin-left: auto;
			margin-right: auto;
		}



}	


.services{ width:97%; margin-left:20px; margin-top:20px; float:left}
.services h1{ float:left; width:97%; border:#ccc dotted 1px; padding-bottom:15px; background: -moz-linear-gradient(left,  rgba(249,249,249,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
 padding-top:15px; padding-left:10px; color:#E29912;}
p.servi{ background:#fff; padding:20px 20px 20px 20px; float:left; width:94%;}
.sub-ser { float:left;width: 300px; margin-top:20px; margin-left:20px;}
.sub-ser-ul {width:300px; height:auto; float:left}
.sub-ser-ul li {float:left; width:100%; }
.sub-ser-ul li a { display:block; padding:8px 35px !important; border:1px solid #eee; background: url(../sub-images/2.png) top left no-repeat#f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; background-position:20px 15px; }
.sub-ser-ul li a:hover { background:url(../sub-images/2.png) top left no-repeat #f0f0f0;  color:#000;background-position:20px 15px;}
.sub-ser-ul li a.active { background:url(../sub-images/2.png) top left no-repeat #f0f0f0;  color:#000;background-position:20px 15px;}

















/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1060px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1060px) {.services1-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
	#outer{ margin:30px 30px 20px 0px;}
.services1-ul li a:hover { background:#f0f0f0;   color:#000;}
.services1-ul li a.active { background: #f0f0f0;  color:#000;}
		p.about{ background:#fff; padding:30px 20px 20px 20px; float:left; width:94%;}
		p.about1{ float:none; padding: 0px 0px 10px 20px;}
		.h1-f {float:left !important; width:350px; padding-top:20px; padding-left:15px;}
		.top-menu{ float:left; width:272px; padding-top:20px;}
		.mega {float:left; position:relative; display:block; width:100%;}
		.logo-icons{ float:left; display:block; position:relative; padding-top:0px;}
		.omega {float:left; position:relative; display:block; width:190px; padding-top:10px; padding-left:15px;}
		.banner{ float:none; width:100% !important;}
		.banner-img1{ float:none;}
		.sub-box1 line{ float:none; width:80%;}
		.gall-2{ width:60% !important; margin:0 auto;}
		.gall-1{ width:33% !important; text-align:center;}
		.line{ padding:0px 0px 0px 10px;}
		.sub-content{ float:none; width:100%; }
		.sub-content .certi{ float:right; position:relative; left:20px;}
		.img_inner {
max-width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.zl_acc > li a{ background:none; border:none}
.contact p{ color:#000 !important;}
.contact a{ color:#000 !important;}
.gall-bord p{ margin:0px 0px 0px 30px;}
.solution ul li:first-child{ background:url(../images/arrow.jpg) top left no-repeat; padding-left:15px; padding-bottom:3px; margin-bottom:3px; border-bottom:#ccc solid 1px; margin-top:10px; background-position:0px 5px;}
.omega {float:left; position:relative; display:block; width:180px; padding-top:10px; background:url(../images/logo.png) top left no-repeat}
.btn1 {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-family: 'robotoregular';
	font-size: 14px;
	font-weight: bold;
	outline: medium none;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	z-index: 1;
	height:59px;
	margin-left: 83px;
	text-indent:5px;
	margin-top: 0px;  float:left; width:153px!important
}
.btn1:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-family: 'robotoregular';
	font-size: 14px;
	font-weight: bold;
	outline: medium none;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	z-index: 1;
	height:59px;
	margin-left: 83px;
	text-indent:5px;
	margin-top: 0px; float:left; width:153px!important
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.downloads {
	float: left;
	overflow:hidden;
	width:230px;
	height:125px;
	border:#e0e0e0 solid 1px;
	margin-top:20px; margin-left:0px;
}
.downloads font {
	margin:50px 0 0 50px;
	position:absolute;
	font-family: 'robotoregular';
	font-size:25px;
	color:#FF9900;
	line-height:60px;
	text-transform:uppercase;
}
.downloads font strong {
	font-family:"Impact";
	font-size:30px;
	color:#fff;
	font-weight:normal
}
.downloads img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	height:125px;
	width:230px;
}
.downloads img:hover {
	width:240px;
	height:135px;
}
p.about3{ padding:10px 20px 20px 20px;}
.current {
	width:236px!important;height:59px!important;
	float:left;

}
.current .current-img {
	background:#AECC20 url(../images/current.jpg) top left no-repeat;
	float:left; width:236px!important;height:59px!important;
	
}
.completed {
	width:236px!important;height:59px!important;
	float:left;

}
.completed .completed-img {
	background:#AECC20 url(../images/completed.jpg) top left no-repeat;
	float:left; width:236px!important; height:59px!important;
	
}
.book {
	background:url(../images/book1.jpg) top left no-repeat;
	width:248px;
	height:133px;
	float:left;
	margin-left:0px;
	margin-top:14px
}

.book-img{ float:right; margin-top:15px; padding-right:0px;}
.book .zoom {
	background:url(../images/zoom.jpg) top left no-repeat;
	float:left;
	width:35px;
	height:35px;
	margin-top: 90px;
	margin-left: 150px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.book .mail {
	background:url(../images/mail.jpg) top left no-repeat;
	float:left;
	width:35px;
	height:35px;
	margin-top: 65px;
	margin-left: 3px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.wrap {width:100%; position:relative; float:left; }
.banner{ float:none; margin-top:0px!important;}
.banner-img1{ float:none; text-align:center;}
.sub-box1 line{ float:none; width:80%;}
.rslides {
	width: 100%; margin-top:0px!important;
}



		p {
font-size: 14px;
color: #666;
text-align: justify;
padding: 10px 10px 0px 10px;
}
p.achieve {
font-size: 14px;
color: #666;
text-align: justify;
padding: 10px 20px 0px 10px;
}
p.about3{ padding:10px 20px 20px 20px;}
.solution ul {
float: left; padding:5px;
}
.sub-banner{ padding-top:0px!important; background:#f8f8f8}
.sub-ul {position:relative; display:block; width:100%; height:auto; margin:0 auto;}
.sub-ul li {float:left; width:100% }
.sub-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.sub-ul li a:hover { background:#f0f0f0;   color:#000;}
.sub-ul li a.active { background: #f0f0f0;  color:#000;}
.services-ul {position:relative; display:block; width:100%; height:auto; margin:0 auto;}
.services-ul li {float:left; width:100% }
.services-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.services-ul li a:hover { background:#f0f0f0;   color:#000;}
.services-ul li a.active { background: #f0f0f0;  color:#000;}

.services1-ul {position:relative; display:block; width:100%; height:auto; margin:0px auto;}
.services1-ul li {float:left; width:100% }
ul.quality{ float:left; margin-top:30px;width: 100%;
margin-left: 0px;}
ul.quality1{ float:left; margin-top:0px;width: 100%;
margin-left: 0px;}

.home{ float:left; padding:10px; background:#F9F9F9; width:97%; text-align:center; margin-bottom:3px; border-bottom:#eee solid 1px;}
.h2{ float:none; width:100%;}
.h2 span{ text-align:center;}

.downloads .img3    { width: 95px;
    margin: 15px 0px 0px 0px;
    height: 100px;}
	.downloads .img2 {
    float: right;
    width: 82px;
    height: 100px;
    margin: 15px 0px 0px 0px;
}
.downloads .img2:hover{ width:184px; height:102px; transition: all ease 0.3s ; -moz-transition: all ease 0.3s ; -webkit-transition: all ease 0.3s ;}
.downloads .img3:hover {width:97px; height:102px;transition: all ease 0.3s ; -moz-transition: all ease 0.3s ; -webkit-transition: all ease 0.3s ;}


		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {ul.quality{ float:left; margin-top:30px;width: 100%;
margin-left: 0px;}
#outer{ margin:30px 30px 20px 0px;}
.sub-content{ float:none; width:100%; }
.line{ padding:0px 0px 0px 10px;}
.h2{ float:none; width:100%;}
.h2 span{ text-align:center;}
.home{ float:left; padding:10px; background:#F9F9F9; width:94%; text-align:center; margin-bottom:3px; border-bottom:#eee solid 1px;}
		.bor{ border-bottom:#ccc solid 1px; border-right:none}
		
		.services1-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.services1-ul li a:hover { background:#f0f0f0;   color:#000;}
.services1-ul li a.active { background: #f0f0f0;  color:#000;}
.services1-ul {position:relative; display:block; width:100%; height:auto; margin:0px auto;}
.services1-ul li {float:left; width:100% }
		p.about{ background:#fff; padding:30px 10px 20px 10px; float:left; width:96%;}
		p.about3{ padding:10px 20px 20px 20px;}
		p.about1{ float:none; padding: 0px 0px 10px 20px;}
		.sub-ul {position:relative; display:block; width:100%; height:auto; margin:0 auto;}
.sub-ul li {float:left; width:100% }
.sub-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.sub-ul li a:hover { background:#f0f0f0;  color:#000;}
.sub-ul li a.active { background:#f0f0f0;  color:#000;}
.sub-content .certi{ float:right; position:relative; left:20px;}		
		.img_inner {
max-width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.zl_acc > li a{ background:none; border:none}
.contact p{ color:#000 !important;}
.contact a{ color:#000 !important;}
.omega {float:left; position:relative; display:block; width:175px; padding-top:10px; background:url(../images/logo.png) top left no-repeat;height:167px; }
.overview{ width:100%; float:left; margin-top:20px; border-right:none;}
.achievement{ width:100%; float:left; margin-top:20px; border-right:none;}
.wrap {width:100%; position:relative; float:left; }
.banner{ float:none; width:100%; margin-top:0px!important;}
.sub-box1 line{ float:none; width:80%;}
.gall-2{ width:60% !important; position:relative; margin:0 auto; left:70px; }
.gall-1{ width:60% !important;}

.camera_wrap {
	width: 100%; margin-top:0px!important;
}
.wrap {width:100%; position:relative; float:left;}
.btn1 {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-family: 'robotoregular';
	font-size: 14px;
	font-weight: bold;
	outline: medium none;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	z-index: 1;
	height:67px;
	margin-left: 83px;
	text-indent:5px;
	margin-top: 0px;  float:left; width:337px!important
}
.btn1:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-family: 'robotoregular';
	font-size: 14px;
	font-weight: bold;
	outline: medium none;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	z-index: 1;
	height:67px;
	margin-left: 83px;
	text-indent:5px;
	margin-top: 0px; float:left; width:337px!important
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.downloads {
	float: left;
	overflow:hidden;
	width:419px;
	height:180px;
	border:#e0e0e0 solid 1px;
	margin-top:20px; margin-left:0px;
}
.downloads font {
	margin:70px 0 0 150px;
	position:absolute;
	font-family: 'robotoregular';
	font-size:25px;
	color:#FF9900;
	line-height:60px;
	text-transform:uppercase;
}
.downloads font strong {
	font-family:"Impact";
	font-size:30px;
	color:#fff;
	font-weight:normal
}
.downloads img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	height:180px;
	width:419px;
}
.downloads img:hover {
	width:425px;
	height:185px;
}

.current {
	width:420px!important;height:67px!important;
	float:left;

}
.current .current-img {
	background:#AECC20 url(../images/current.jpg) top left no-repeat;
	float:left; width:420px!important;height:67px!important;
	
}
.completed {
	width:420px!important;height:67px!important;
	float:left;

}
.completed .completed-img {
	background:#AECC20 url(../images/completed.jpg) top left no-repeat;
	float:left; width:420px!important; height:67px!important;
	
}
.book {
	background:url(../images/book3.jpg) top left no-repeat;
	width:420px;
	height:186px;
	float:left;
	margin-left:0px;
	margin-top:20px
}
.book .zoom {
	background:url(../images/zoom.jpg) top left no-repeat;
	float:left;
	width:35px;
	height:35px;
	margin-top: 140px;
	margin-left: 300px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.book .mail {
	background:url(../images/mail.jpg) top left no-repeat;
	float:left;
	width:35px;
	height:35px;
	margin-top: 140px;
	margin-left: 3px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.wrap {width:100%; position:relative; float:left; }
.banner{ float:none; margin-top:0px!important;}.camera_wrap {
	width:100% !important; margin-top:0px!important;
}
.banner-img1{ float:none; text-align:center; padding:10px 0px 10px 0px;}
.sub-box1 line{ float:none; width:80%;}
.gall-2{ width:60% !important; margin: 0 auto;}
.gall-1{ width:33% !important; text-align:left;}
.gall-bord p{ margin:0px 0px 0px 0px; float:left;}
		.h1-f {float:left !important; width:350px; padding-top:20px; padding-left:15px;}
		.top-menu{ float:left; width:272px; padding-top:20px;}
		.mega {float:left; position:relative; display:block; width:100%;}
		p {
font-size: 14px;
color: #666;
text-align: justify;
padding: 10px 10px 0px 10px;
}
p.achieve {
font-size: 14px;
color: #666;
text-align: justify;
padding: 10px 20px 0px 10px;
}
p.about1{ float:none; padding: 0px 0px 10px 20px;}
p.about3{ padding:0px 20px 20px 20px;}
.solution ul {
float: left; padding:5px;
}
.zl_acc > li a{ background:none; border:none}
.sub-banner{ padding-top:0px!important; background:#f8f8f8}
.services-ul {position:relative; display:block; width:100%; height:auto; margin:0 auto;}
.services-ul li {float:left; width:100% }
.services-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.services-ul li a:hover { background:#f0f0f0;   color:#000;}
.services-ul li a.active { background: #f0f0f0;  color:#000;}
ul.quality1{ float:left; margin-top:0px;width: 100%;
margin-left: 0px;}

.downloads {float:none; text-align:center;}
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {.services1-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
	.sub-content{ float:none; width:100%; }
	.line{ padding:0px 0px 0px 10px;}
	#outer{ margin:30px 30px 20px 0px;}
.services1-ul li a:hover { background:#f0f0f0;   color:#000;}
.services1-ul li a.active { background: #f0f0f0;  color:#000;}
.services1-ul {position:relative; display:block; width:100%; height:auto; margin:0px auto;}
.services1-ul li {float:left; width:100% }
		p.about{ background:#fff; padding:30px 10px 20px 10px; float:left; width:96%;}
		p.about3{ padding:10px 20px 20px 20px;}
		p.about1{ float:none; padding: 0px 0px 10px 20px;}
		.gall-2{ width:70%; margin: 0 auto;}
		.gall-1{ width:33% !important; text-align:left;}
		.sub-ul {position:relative; display:block; width:100%; height:auto; margin:0 auto;}
.sub-ul li {float:left; width:100% }
.sub-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.sub-ul li a:hover { background: #f0f0f0;  color:#000;}
.sub-ul li a.active { background: #f0f0f0;  color:#000;}
		.mega {float:left; position:relative; display:block; width:100%;}.h1-f {float:left !important; width:300px; padding-top:20px!important; padding-left:0px;}
		.top-menu{ float:left; width:300px; padding-top:20px;}.img_inner {
max-width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.sub-content .certi{ float:right; position:relative; left:20px;}
.zl_acc > li a{ background:none; border:none}
.contact p{ color:#000 !important;}
.contact a{ color:#000 !important;}
.h2{ float:none; width:100%;}
.h2 span{ text-align:center;}
.home{ float:left; padding:10px; background:#F9F9F9; width:95%; text-align:center; margin-bottom:3px; border-bottom:#eee solid 1px;}
.omega {float:left; position:relative; display:block; width:175px; padding-top:10px; background:url(../images/logo.png) top left no-repeat;height:167px; }
.overview{ width:100%; float:left; margin-top:20px; border-right:none;}
.achievement{ width:100%; float:left; margin-top:20px; border-right:none;}
.wrap {width:100%; position:relative; float:left; }
.rslides {
	width: 100%; margin-top:0px!important;
}
.wrap {width:100%; position:relative; float:left;}.banner{ float:left; margin-top:0px!important;}
		p {
font-size: 14px;
color: #666;
text-align: justify;
padding: 10px 10px 0px 10px;
margin-bottom:0px!important;
}
p.achieve {
font-size: 14px;
color: #666;
text-align: justify;
padding: 10px 20px 0px 10px;
}
.solution ul {
float: left; padding:5px;
}
.sub-banner{ padding-top:0px!important; background:#f8f8f8}
.services-ul {position:relative; display:block; width:100%; height:auto; margin:0 auto;}
.services-ul li {float:left; width:100% }
.services-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.services-ul li a:hover { background:#f0f0f0;   color:#000;}
.services-ul li a.active { background: #f0f0f0;  color:#000;}

ul.quality{ float:left; margin-top:30px;width: 100%;
margin-left: 0px;}

ul.quality1{ float:left; margin-top:0px;width: 100%;
margin-left: 0px;}
.site ul li{ float:left; padding:10px; width:100%;}
.site ul li a{ font-size:14px; color:#333; text-transform:uppercase; border-bottom:#eaeaea solid 1px;padding:10px; width:100%; float:left;}
.banner-img1{ float:none;}
.gall-bord p{ margin:0px 0px 0px 0px; float:left;}

.services {
width: 100%;
margin-left: 0px;
margin-top: 20px;
float: left;
}
p.servi{ background:#fff; padding:10px; float:left; width:95%;}
.main-download{margin-left:0px!important;  }
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#outer{ margin:30px 30px 20px 0px;}
		.sub-content{ float:none; width:100%; }
		.line{ padding:0px 0px 0px 10px;}
		.h2{ float:none; width:100%;}
		.h2 span{ text-align:center;}
		.home{ float:left; padding:10px; background:#F9F9F9; width:94%; text-align:center; margin-bottom:3px; border-bottom:#eee solid 1px;}
.services1-ul {position:relative; display:block; width:100%; height:auto; margin:0px auto;}
.services1-ul li {float:left; width:100% }
.services1-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.services1-ul li a:hover { background:#f0f0f0;   color:#000;}
.services1-ul li a.active { background: #f0f0f0;  color:#000;}
		p.about{ background:#fff; padding:30px 10px 20px 10px; float:left; width:94%;}
		p.about3{ padding:10px 20px 20px 20px;}
		p.about1{ float:none; padding: 0px 0px 10px 20px;}
		.sub-ul {position:relative; display:block; width:100%; height:auto; margin:0 auto;}
.sub-ul li {float:left; width:100% }
.sub-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background:#f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.sub-ul li a:hover { background: #f0f0f0;  color:#000;}
.sub-ul li a.active { background:#f0f0f0;  color:#000;}
.zl_acc > li a{ background:none; border:none}		
		.h1-f {float:left !important; width:300px; padding-top:20px; padding-left:0px;}
		.top-menu{ float:left; width:300px; padding-top:20px;}
		.mega {float:left; position:relative; display:block; width:100%;}
		.banner{ float:none; width:100% !important;}
		.banner-img1{ float:none; }
		.sub-box1 line{ float:none; width:80%;}
		.gall-2{ width:60%; margin:0 auto;}
		.gall-1{ width:60% !important; text-align:left;}
		.img_inner {
max-width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.sub-content .certi{ float:right; position:relative; left:20px;}
.contact p{ color:#000 !important;}
.contact a{ color:#000 !important;}
.omega {float:left; height:167px; position:relative; display:block; width:175px; padding-top:10px; background:url(../images/logo.png) top left no-repeat}
.overview{ width:100%; float:left; margin-top:20px; border-right:none;}
.achievement{ width:100%; float:left; margin-top:20px; border-right:none;}
.solution ul li:first-child{  padding-bottom:3px; margin-bottom:3px; background-position:0px 5px;}
.wrap {width:100%; position:relative; float:left; }
.banner{ float:none; width:60%; margin-top:0px!important;}
.rslides {
	width: 100%; margin-top:0px!important;
}
.wrap {width:100%; position:relative; float:left;}
.downloads {
	float: left;
	overflow:hidden;
	width:300px;
	height:125px;
	border:#e0e0e0 solid 1px;
	margin-top:20px; margin-left:0px;
}
.downloads font {
	margin:40px 0 0 90px;
	position:absolute;
	font-family: 'robotoregular';
	font-size:25px;
	color:#FF9900;
	line-height:60px;
	text-transform:uppercase;
}
.btn1 {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-family: 'robotoregular';
	font-size: 14px;
	font-weight: bold;
	outline: medium none;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	z-index: 1;
	height:59px;
	margin-left: 83px;
	text-indent:5px;
	margin-top: 0px;  float:left; width:216px!important
}
.btn1:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-family: 'robotoregular';
	font-size: 14px;
	font-weight: bold;
	outline: medium none;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	z-index: 1;
	height:59px;
	margin-left: 83px;
	text-indent:5px;
	margin-top: 0px; float:left; width:216px!important
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.current {
	width:300px!important;height:59px!important;
	float:left;

}
.current .current-img {
	background:#AECC20 url(../images/current.jpg) top left no-repeat;
	float:left; width:300px!important;height:59px!important;
	
}
.completed {
	width:300px!important;height:59px!important;
	float:left;

}
.completed .completed-img {
	background:#AECC20 url(../images/completed.jpg) top left no-repeat;
	float:left; width:300px!important; height:59px!important;
	
}
.book {
	background:url(../images/book2.jpg) top left no-repeat;
	width:300px!important;
	height:132px!important;
	float:left;
	margin-left:0px;
	margin-top:20px
}
.book .zoom {
	background:url(../images/zoom.jpg) top left no-repeat;
	float:left;
	width:35px;
	height:35px;
	margin-top: 87px;
	margin-left: 185px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.book .mail {
	background:url(../images/mail.jpg) top left no-repeat;
	float:left;
	width:35px;
	height:35px;
	margin-top: 87px;
	margin-left: 3px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
		p {
font-size: 14px;
color: #666;
text-align: left;
padding: 10px 10px 0px 10px;
}
p.achieve {
font-size: 14px;
color: #666;
text-align: justify;
padding: 10px 20px 0px 10px;
}
.solution ul {
float: left; padding:5px;
}
.sub-banner{ padding-top:0px!important; background:#f8f8f8}

.services-ul {position:relative; display:block; width:100%; height:auto; margin:0 auto;}
.services-ul li {float:left; width:100% }
.services-ul li a { display:block; padding:8px 25px !important; border:1px solid #eee; background: #f8f8f8; font-size:14px; color:#333;	transition:0.3s ease;
	-o-transition:0.3s ease;
	-webkit-transition:0.3s ease; }
.services-ul li a:hover { background:#f0f0f0;   color:#000;}
.services-ul li a.active { background: #f0f0f0;  color:#000;}
ul.quality{ float:left; margin-top:30px;width: 100%;
margin-left: 0px;}

ul.quality1{ float:left; margin-top:0px;width: 100%;
margin-left: 0px;}

.gall-bord p{ margin:0; float:left;}
.site ul li{ float:left; padding:10px; width:94%;}
.site ul li a{ font-size:14px; color:#333; text-transform:uppercase; border-bottom:#eaeaea solid 1px;padding:10px; width:90%; float:left;}

.services {
width: 100%;
margin-left: 0px;
margin-top: 20px;
float: left;
}
p.servi{ background:#fff; padding:10px; float:left; width:95%;}
.services h1{width:96%;}
.main-download{margin-left:0px!important;  }
.downloads .img3, .downloads .img2 {margin:15px 0 0 0;}
		}
		
		

 .demo {
            width: 980px;
            margin: 0px auto;
        }
        .demo h1 {
                margin:33px 0 25px;
            }
        .demo h3 {
                margin: 10px 0;
            }
        pre {
            background: #fff;
        }
        @media only screen and (max-width: 780px) {
        .demo {
                margin: 5%;
                width: 90%;
         }
        .how-use {
                float: left;
                width: 300px;
                display: none;
            }
        }
        #tabInfo {
            display: none;
        }



@media only screen and (max-width: 767px)
.img_inner {
margin-top: 30px;
}
@media only screen and (max-width: 767px)
.img_inner {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}


.captcha-img{float: left;
margin-right: 10px;
margin-bottom: 10px;}