*{
	margin:0;
	padding:0;
}



@font-face {
				font-family: 'Calibri';
				src: url('calibri.eot');
				src: url('calibri.eot?#iefix') format('embedded-opentype'),
						 url('calibri.woff') format('woff'),
						 url('calibri.ttf') format('truetype'),
						 url('calibri.svg#calibri') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		

body{		
	font-size:13px; font-family:Arial, Helvetica, sans-serif;
	line-height:18px; color:#fff;
	background:url(../images/body-bg.jpg) no-repeat center fixed ; 
	min-height:100%;
	background-size:cover;
	width:100%;
	height:100%;  padding:0; margin:0;
}

a, a:visited {
	outline:none;
	color:#fff;
}

img{max-width:100%;}

p{color:#fff; line-height:22px; font-weight:normal; font-size:17px; padding:5px 0; font-family:Verdana, Geneva, sans-serif; margin:0 0 10px 0; text-align:justify; }

a:hover{
	text-decoration:none;
}

section, footer, header{
	display: block;
}

.container{
	height:auto; overflow:hidden; margin-top:130px;
}

header{
	box-shadow:0 1px 6px #000000;height: auto; overflow:hidden; padding:0 0 10px 0;	left: 0; width: 100%;	z-index: 999999; position:relative;	
	background:#FFF; 
	

	/* IE6-9 */
}

#header-section{width:100%; height:auto; position:fixed; top:0;}



header hgroup{width:70%; margin:0 auto; height:auto;}
header hgroup h1{margin:5px 0 0 0; float:left; width:40%;}
.right-links{float:right; width:60%;  padding:3% 0 0 0; text-align:right;}
.right-links a{
color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold;	 border-radius:5px; display:inline; padding:5px 10px; text-decoration:none;
background: #2cbbfd; /* Old browsers */ margin:0 3px ;
background: -moz-linear-gradient(top,  #2cbbfd 0%, #1ca1df 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2cbbfd), color-stop(100%,#1ca1df)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2cbbfd 0%,#1ca1df 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2cbbfd 0%,#1ca1df 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2cbbfd 0%,#1ca1df 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2cbbfd 0%,#1ca1df 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cbbfd', endColorstr='#1ca1df',GradientType=0 ); /* IE6-9 */
	
}
.right-links a.links-txt{background #033aa0;}

.right-links a:hover{background: #033aa0;}

section{width:70%; margin:0 auto;  }

section.home-container{margin:0 auto; padding:10% 0 0 0; text-align:center;}
section.home-container h1{font-family: 'Calibri'; text-align:center; font-size:80px; line-height:80px; font-weight:normal; text-shadow:0px 1px 4px #333}
section.home-container p{font-family: 'Calibri'; text-align:center; font-size:30px; text-shadow:0px 1px 4px #333}

article.content-wrapper{margin:0 auto; padding:0; width:70%; }

article section.post-block{width:100%; margin:2% auto 0 auto; overflow:hidden; height:auto; padding-bottom:10px;}
article section.box1{float: left; margin: 2% 15px  0 0px; overflow: hidden; width: 31.5%; height:18.5em;}
fieldset.content-block{width:98%; background:url(../images/trans-bg.png) repeat 0 0; border-radius:0px 5px 5px 5px;  border:none; margin:0 0 0 0; padding:10px; float:left;}
fieldset.content-block strong{display:block; padding-bottom:6px;}
fieldset.content-block1{width:98%; background:url(../images/trans-bg.png) repeat 0 0; border-radius:0px 5px 5px 5px; height:15.5em;  border:none; margin:0 0 0 0;  float:left;}

fieldset.content-block1 p{padding:6px 10px; letter-spacing:-1px;}

h1.head-title, h2.head-title, h3.head-title{ background:url(../images/trans-bg.png) repeat 0 0; border-radius:5px 5px 0 0;border:none; padding:10px; font-weight:normal;font-family: 'Calibri'; text-align:center; font-size:24px; font-weight:bold; float:left;}


ul.certification {margin:0 0 0 16px; padding:0;}
ul.certification li{list-style:disc; margin:10px 0;font-size:17px; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.box-img img{float:right;  margin:50px 10px 0 0; }
.contact-form{width:500px;}
.contact-form label{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.contact-form input[type="text"],.contact-form input[type="phone"]{background:#429EE4; display:block; border:none; width:216px; height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:5px 0; padding:0 4px; color:#fff;}
.contact-form input[type="email"]{background:#429EE4; color:#fff display:block; border:none; width:450px; padding:0 4px;height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:5px 0; color:#fff}
textarea{background:#429EE4; border:none; width:450px; height:100px;margin:5px 0;padding:0 4px; color:#fff}
.contact-form input[type="submit"],.contact-form input[type="reset"]{ background:#429EE4; border-radius:4px;  border:none; padding:5px 10px; cursor:pointer; color:#032B74; font-size:14px; font-weight:bold;}
.click { background:#429EE4; border-radius:4px;  border:none; padding:5px 10px; cursor:pointer; color:#032B74; font-size:14px; font-weight:bold;}
.click a{ color:#032B74;}
.click a:hover{color:#fff !important;}

.contact-form input[type="submit"]:hover,.contact-form input[type="reset"]:hover{color:#fff;}
.cont-fm{ float:left; margin-right:10px;}
.more{ margin-top:60px; text-align:center;}

.err {color: #ff7f83;font-size: 17px;font-weight: bold;line-height: 29px;padding-left: 20px;}


.submitbutton{padding-top: 20px;}


.gobackbutton {background: none repeat scroll 0 0 #064c9c;border-radius: 3px;color: #ffffff !important;font-weight: bold;margin: 20px;padding: 7px 10px;}

.pdf-links p{text-align:center;}
.pdf-links p a{color:#fff; font-weight:bold; font-size:20px;}

pdf-links p a:hover{color:#70d8ff; text-decoration:underline;}



/*------------ about-us-img ----------------*/
/* ✅ Gallery grid */
.gallery {
  display: grid;
  grid-column-gap: 5px;
  grid-row-gap: 30px;
  margin-top: 20px;
}

/* Large screen (desktop) */
@media (min-width: 1200px) {
  .gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Medium screen (tablet) */
@media (min-width: 768px) and (max-width: 1199px) {
  .gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Small screen (mobile) */
@media (max-width: 767px) {
  .gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ✅ Gallery thumbnails */
.gallery img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 0px;
  transition: transform 0.3s ease;
}
.gallery img:hover {
  transform: scale(1.05);
}


/*------------ about-certificate-img ----------------*/
/* ✅ Gallery grid */
.gallery-1 {
  display: grid;
  grid-column-gap: 5px;
  grid-row-gap: 30px;
  margin-top: 20px;
}

/* Large screen (desktop) */
@media (min-width: 1200px) {
  .gallery-1 {
    grid-template-columns: repeat(7, 1fr);
  }
}

/* Medium screen (tablet) */
@media (min-width: 768px) and (max-width: 1199px) {
  .gallery-1 {
    grid-template-columns: repeat(7, 1fr);
  }
}

/* Small screen (mobile) */
@media (max-width: 767px) {
  .gallery-1 {
    grid-template-columns: repeat(7, 1fr);
  }
}

/* ✅ Gallery thumbnails */
.gallery-1 img {
  width: 100%;
  height: 100px;
  object-fit: contain;
  background-color:#fff;
  transition: transform 0.3s ease;
}



/*------------ about-machinery-img ----------------*/
/* ✅ Gallery grid */
.gallery-mach {
  display: grid;
  grid-column-gap: 5px;
  grid-row-gap: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Large screen (desktop) */
@media (min-width: 1200px) {
  .gallery-mach {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Medium screen (tablet) */
@media (min-width: 768px) and (max-width: 1199px) {
  .gallery-mach {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Small screen (mobile) */
@media (max-width: 767px) {
  .gallery-mach {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ✅ Gallery thumbnails */
.gallery-mach img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.gallery-mach img:hover {
  transform: scale(1.05);
}


/*------------ about-designing-sampling-img ----------------*/
/* ✅ Gallery grid */
.gallery-designing {
  display: grid;
  grid-column-gap: 5px;
  grid-row-gap: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Large screen (desktop) */
@media (min-width: 1200px) {
  .gallery-designing {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Medium screen (tablet) */
@media (min-width: 768px) and (max-width: 1199px) {
  .gallery-designing {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Small screen (mobile) */
@media (max-width: 767px) {
  .gallery-designing {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ✅ Gallery thumbnails */
.gallery-designing img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.gallery-designing img:hover {
  transform: scale(1.05);
}



/* ✅ Lightbox overlay */
.lightbox {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.9);
  justify-content: center;
  align-items: center;
  z-index: 9999;
  flex-direction: column;
}

/* ✅ Popup image */
.lightbox img {
  max-width: 90%;
  max-height: 90%;
  height: auto;
  width: auto;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

/* ✅ Close button */
.lightbox .close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

/* ✅ Navigation arrows */
.lightbox .arrow {
  position: absolute;
  top: 50%;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  user-select: none;
  transform: translateY(-50%);
  padding: 10px;
}
.lightbox .arrow.left { left: 20px; }
.lightbox .arrow.right { right: 20px; }


/*----------------------------
	The Footer



footer{
	background-color: #111111;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0,0,0,0.4);
	height: 45px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 100000;
}

footer h2{
	color: #EEEEEE;
	font-size: 14px;
	font-weight: normal;
	left: 50%;
	margin-left: -400px;
	padding: 13px 0 0;
	position: absolute;
	width: 540px;
}

footer h2 i{
	font-style:normal;
	color:#888;
}

footer a.tzine,a.tzine:visited{
	color: #999999;
	font-size: 12px;
	left: 50%;
	margin: 16px 0 0 110px;
	position: absolute;
	text-decoration: none;
	top: 0;
}

footer a i{
	color:#ccc;
	font-style: normal;
}

footer a i b{
	color:#c92020;
	font-weight: normal;
}-----------------------------*/