


.maincontent-container{
	width:100%;
	float:left;
	clear:both !important;
	background-color:#fff;
}
.maincontent{
	width:100%;
	margin:0 auto;
	font-size:24px;
	max-width:1024px;
	padding:20px;
}

.technology-text{
	font-size:22px;
	color:#696969;
	line-height:28px;
	text-align:left;
	width: 100%;
}


.iso-text{
	font-size:18px;
	color:#696969;
	line-height:24px;
	text-align:justify;
	width:100%;
	text-align:right;
	font-family: 'Jura', sans-serif;
	margin-bottom:14px;
}

/*.process-container{
	width:100%;
	float:left;
	clear:both !important;
}
.processes{
	width:100%;
	margin:0 auto;
	position:relative;
}

*/
.processes-title{
	font-size:35px;
	  font-family: 'Jura', sans-serif;
	  color:#696969;
	  margin-top:44px;
	  margin-bottom:20px;
	  float:left;
	  width:100%;
	  text-align:center;
	  text-transform:uppercase;
	font-weight: bold;
}


.process-text-container ul{
	margin:0;
	padding:0;
	margin-left:18px;
}
.process-text-container ul li{
	float:left;
	width:100%;
	font-size:18px;
	color:#fff;
	line-height:26px;
	text-align:left;
	font-family: 'Roboto Condensed', sans-serif;
	margin:0;
	padding:0;
	list-style-image:url(../images/news-bullet.png);
	
}
.process-text-container-weaving ul{
	margin:0;
	padding:0;
	margin-left:18px;
}
.process-text-container-weaving ul li{
	float:left;
	width:100%;
	font-size:18px;
	color:#fff;
	line-height:26px;
	text-align:left;
	font-family: 'Roboto Condensed', sans-serif;
	margin:0;
	padding:0;
	list-style-image:url(../images/news-bullet.png);
	
}
.process-slider1{
	float:left;
	width:100%;
	position:relative;
}


.process-sliders1{
	float:left;
	width:100%;
	margin-top:451px;
	position:relative;
}
.process-sliders2{
	float:left;
	width:100%;
	margin-top:20px;
}

.process-text-container-mob{
	display:none !important;
}

.process-text-container{
	width:70%;
	position:absolute;
	top:100px;
	left:16%;
	font-family: 'Roboto Condensed', sans-serif;
	z-index:99;
	background:rgba(0,0,0, 0.6);
	padding:20px;
}
.process-text-container-weaving{
	width:70%;
	position:absolute !important;
	top:100px !important;
	left:16%  !important;
	font-family: 'Roboto Condensed', sans-serif;
	z-index:99;
	background:rgba(0,0,0, 0.6);
	padding:20px;
}
/*
.process-text-container h2{
	float:left;
	width:100%;
	font-size:40px;
	color:#ffd200;
	padding:0;
	margin:0;
	margin-bottom:22px;
	text-align:left;
	font-family: 'Jura', sans-serif;
}

*/

.process-text-container h3{
	float:left;
	width:100%;
	font-size:30px;
	color:#fff;
	padding:0;
	margin:0;
	margin-bottom:20px;
	line-height:38px;
	text-align:left;
	font-family: 'Jura', sans-serif;
}
.process-name{
	float:left;
	width:100%;
	font-size:40px;
	color:#ffd200;
	padding:0;
	margin:0;
	margin-bottom:22px;
	text-align:left;
	font-family: 'Jura', sans-serif;
}

.process-desc{
	float:left;
	width:100%;
	font-size:30px;
	color:#fff;
	padding:0;
	margin:0;
	margin-bottom:20px;
	line-height:38px;
	text-align:left;
	font-family: 'Jura', sans-serif;
}
.slider ul{
	margin:0;
	padding:0;
	margin-left:18px;
}
.slider ul li{
	float:left;
	width:100%;
	font-size:18px;
	color:#fff;
	line-height:26px;
	text-align:left;
	font-family: 'Roboto Condensed', sans-serif;
	margin:0;
	padding:0;
	list-style-image:url(../images/news-bullet.png);
	
}


.slider {
  max-width:1440px;
  height: 431px;
  margin: 0px auto;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9,.slide10 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background:url(../images/technology/weaving6.jpg);
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;

} 
.slide2 {
  background:url(../images/technology/weaving7.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}
.slide3 {
  background:url(../images/technology/weaving3.jpg);
      background-size: cover;
    animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}
.slide4 {
  background:url(../images/technology/weaving6.jpg);
      background-size: cover;
    animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}
.slide5 {
  background:url(../images/technology/weaving7.jpg);
      background-size: cover;
    animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}
.slide6 {
  background:url(../images/technology/weaving8.jpg);
      background-size: cover;
    animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}
.slide7 {
  background:url(../images/technology/weaving9.jpg);
      background-size: cover;
    animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}
/*.slide4 {
  background:url(../images/technology/weaving2.jpg);
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;
}

.slide5 {
  background:url(../images/technology/weaving1.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}
*/
.slide8 {
  background:url(../images/technology/dipping1.jpg);
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;
}

.slide9 {
  background:url(../images/technology/dipping2.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.slide10 {
  background:url(../images/technology/dipping3.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.fadeImg{
	position:relative;
	max-width:1440px;
	width:100%;
	margin:0 auto;
}

.fadeImg img{
	width:100%;
	max-width:100%;
}


@keyframes fade
{

  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 1 }
  100% { opacity: 0}
  }
@keyframes fade2
{  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}

}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}
@keyframes fade4
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}

@keyframes fade5
{
  0%   {opacity:1}
  33.333% { opacity: 1}
  66.666% { opacity: 1}
  100% { opacity: 1}
}

.weaving-slider1{
	position:relative;
	margin:0 auto;
	width:1440px;
	height:431px;
	overflow:hidden;
	visibility:hidden;
}
  
  
.weaving-slider2{
	cursor:default;
	position:relative;
	top:0px;
	left:0px;
	width:1440px;
	height:431px;
	overflow:hidden;
}
/*.slider {
  max-width:1440px;
  height: 431px;
  margin: 0px auto;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9,.slide10,.slide11,.slide12,.slide13 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background:url(../images/technology/spinning1.jpg);
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;

} 
.slide2 {
  background:url(../images/technology/spinning2.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}
.slide3 {
  background:url(../images/technology/spinning3.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.slide4 {
  background:url(../images/technology/spinning4.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.slide5 {
  background:url(../images/technology/spinning5.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.slide6 {
  background:url(../images/technology/weaving1.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.slide7 {
  background:url(../images/technology/weaving2.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.slide8 {
  background:url(../images/technology/weaving3.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.slide9 {
  background:url(../images/technology/weaving4.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.slide10 {
  background:url(../images/technology/weaving5.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}


.slide11 {
  background:url(../images/technology/dipping1.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.slide12 {
  background:url(../images/technology/dipping2.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

.slide13 {
  background:url(../images/technology/dipping3.jpg);
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}

@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 1 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}*/

.technology-text h3{
	font-size:20px;
	color:#696969;
	line-height:29px;
	text-align:left;
	margin:0;
	padding:0;
	margin-top:20px;
	padding-bottom:5px;
}
.technology-text ul{
	margin:0;
	padding:0;
	width:100%;
	margin-left:20px;
}
.technology-text ul li{
	font-size:17px;
	width:96%;
	color:#696969;
	line-height:24px;
	text-align:justify;
	padding:4px 0px 6px 0px;
	list-style-image:url(../images/news-bullet.png);
}

.right-block-laboratory{
	float:right;
	width:32%;
}
.right-block-laboratory img{
	padding-bottom:20px;
}

/*
.slider2{
	float:left;
	width:100%;
	position:relative !important;
	margin-top:10px;
}
.process-text-container2{
	width:70%;
	position:absolute;
	top:100px;
	left:16%;
	font-family: 'Roboto Condensed', sans-serif;
	z-index:99;
}
.slider3{
	float:left;
	width:100%;
	position:relative !important;
	margin-top:10px;
}
.process-text-container3{
	width:70%;
	position:absolute;
	top:100px;
	left:16%;
	font-family: 'Roboto Condensed', sans-serif;
	z-index:99;
}
*/

/*--------Environmental CSS-------*/
.environmental-text{
	font-size:17px;
	color:#696969;
	line-height:24px;
	font-weight:300;
	text-align:left;
}

.environmental-text ul{
	margin:0;
	padding:0;
	width:100%;
	margin-left:20px;
}
.environmental-text ul li{
	font-size:17px;
	width:96%;
	color:#696969;
	line-height:24px;
	text-align:justify;
	padding:4px 0px;
	list-style-image:url(../images/news-bullet.png);
}

.environmental-left-block{
	float:left;
	width:52%;
}

.environmental-right-block{
	float:right;
	width:45%;
	margin-left:20px;
}
.environmental-right-block img{
	width:98%;
	padding:2px 0px 5px 0px;
}

.environmental-right-block ul{
	margin:0 auto;
	padding:0;
	width:100%;
}
.environmental-right-block ul li{
	padding:0;
	float:left;
	list-style-type:none;
	font-size:14px;
	text-align:center;
	color:#696969;
}


/*--------Infrastructure CSS-------*/

.column{
	float:left;
	width:31%;
	font-size:17px;
	color:#696969;
	line-height:24px;
	font-weight:300;
	text-align:left;
}

.column ul{
	margin:0;
	padding:0;
	width:100%;
	margin-left:20px;
}
.column ul li{
	font-size:17px;
	width:100%;
	color:#696969;
	line-height:24px;
	text-align:justify;
	padding:4px 0px;
	list-style-image:url(../images/news-bullet.png);
}
.column-img{
	float:left;
	width:100%;
	text-align:left;
	margin:20px 0px;
}

.column-img ul{
	margin:0;
	padding:0;
	width:100%;
}
.column-img ul li{
	float:left;
	width:33%;
	padding:10px 20px 10px 0px;
	list-style-type:none;
}
@media screen and (max-width: 1280px) 
{

.weaving-slider2 img{
	height:431px !important;	
}

.data-u img{
	height:431px !important;
}

}
@media screen and (max-width: 1024px) 
{
.technology-text{ width:100%;}

.process-text-container, .process-text-container-weaving{width:80%; left:10%;}


.right-block-laboratory img{
	width:100%;
}


}


@media screen and (max-width: 1004px) 
{
.process-text-container, .process-text-container-weaving{top:70px;}

.process-name{
	line-height:42px;
	margin-bottom:12px;
}

.process-desc{
	margin-bottom:10px;
	line-height:32px;
}

.process-text-container ul li, .process-text-container-weaving ul li{
	line-height:24px;

}


}

@media screen and (max-width: 980px) {
	
.column-img ul li img{
	width:100%;
}

}

@media screen and (max-width: 880px){

.technology-text{
	text-align:justify;
}
.environmental-left-block{
	margin-bottom:20px;
}

}


@media screen and (max-width: 800px) 
{
	
.column-img ul li img{
	width:auto;
}
.column-img ul li{
	width:48%;
	padding:10px 20px;
}
.column-img ul {
	width:auto;
	margin:0 40px;
}


}

@media screen and (max-width: 768px) 
{

.column-img ul {
	margin:0 25px;
}
.right-block-laboratory {
	float:left;
	width:100%;
}
.right-block-laboratory img{
	width:auto;
	padding:0px 10px 20px 10px;
}

.environmental-left-block{
	width:100%;
}

.environmental-right-block{
	width:100%;
	text-align:center;
}
.environmental-right-block img{width:auto;}
.environmental-text{text-align:justify;}
.environmental-right-block .padding-top{ padding-top:1px;}

.environmental-right-block ul li{
	float:none !important;
}

}

@media screen and (max-width: 660px) 
{

.column-img ul {
	margin:0px;
}
.column-img ul li{
	width:50%;
	padding:10px;
}
.column-img ul li img{
	width:100%;
}
.right-block-laboratory img{
	width:49%;
}

}

@media screen and (max-width: 640px) 
{

.process-text-container, .process-text-container-weaving{width:91%; left:5%; top:55px;}

}

@media screen and (max-width: 603px) 
{
.column{width:33.33%;}

}

@media screen and (max-width: 603px) 
{
.process-text-container, .process-text-container-weaving{top:45px;}

}


@media screen and (max-width: 480px) 
{

.fadeImg img{
	height:200px !important;
}

.process-text-container, .process-text-container-weaving{
	display:none !important;
}

.padding-mobile{
	float:left;
	width:100%;
	margin-top:200px !important;
}
.process-text-container-mob{
	display:block !important;
	width:100%;
	float:left;
	font-family: 'Roboto Condensed', sans-serif;
	z-index:99;
	background:rgba(0,0,0, 0.6);
	padding:10px;
}

.process-text-container-mob h2{
	float:left;
	width:100%;
	font-size:30px;
	line-height:32px;
	color:#ffd200;
	padding:0;
	margin:0;
	margin-bottom:5px;
	text-align:left;
	font-family: 'Jura', sans-serif;
}



.process-text-container-mob h3{
	float:left;
	width:100%;
	font-size:20px;
	color:#fff;
	padding:0;
	margin:0;
	margin-bottom:5px;
	line-height:22px;
	text-align:left;
	font-family: 'Jura', sans-serif;
}
.process-text-container-mob ul{
	margin:0;
	padding:0;
	margin-left:18px;
}
.process-text-container-mob ul li{
	float:left;
	width:100%;
	font-size:17px;
	color:#fff;
	line-height:24px;
	text-align:left;
	font-family: 'Roboto Condensed', sans-serif;
	margin:0;
	padding:0;
	list-style-image:url(../images/news-bullet.png);
}
.technology-text{
	text-align:justify;
}
.process-sliders1{
	margin-top:20px;
}

.slider{
	height:200px;
}

.column-img{
	float:none !important;
	width:100%;
	text-align:center;
	margin:0px;
}


.column-img ul {
	margin:0px;
}
.column-img ul li{
	width:100%;
	padding-top:10px;
	float:none !important;
	margin:0 auto;
}
.column-img ul li img{
	width:auto;
}

.column ul li{
	font-size:16px;
	line-height:23px;
	width:93%;
	text-align:left;
}
.column {
	padding-bottom:20px;
}

.right-block-laboratory img{
	width:79%;
	padding:0px 0px 10px 0px;
}

.right-block-laboratory{
	float:none !important;
	text-align:center;
	margin:0 auto;
}

}

@media screen and (max-width: 375px) {
.column {
	width:100%;
	padding-bottom:0px;
}

.column ul li{
	width:100%;
	text-align:left;
}
.column-img ul li:first-child img{
	margin-top:20px;
}
.environmental-right-block img{width:100%;}

}


@media screen and (max-width: 360px) 
{
.technology-text ul{margin-left:16px;}
.right-block-laboratory img{
	width:100%;
}

}


@media screen and (max-width: 320px) {
.column-img ul li img{
	width:100%;
}

}

