.cms-main-content {padding: 0px;max-width: 100%; }
 
/**----------------
 about 
--------------------*/
 .cms-about h2 { font-size:1.75rem; font-weight: 400; margin:5% 0;  }
 #cms-main .cms-about .cms-title-h2 h2{font-size:2.25rem;}
#cms-main .cms-about h3 { font-size: 1.5rem; font-weight:400!important; display: block;margin:2% 0; color:#3A3A3A; }
.cms-about h4 { font-size: 1.75rem; display: block;margin:6% auto;   }
#cms-main .cms-about p { font-size:1.125rem;font-weight:400; width: 100%; display: block; margin-bottom:15px;	 color: #161616;	}
.cms-about figure img{ width: 100%; max-width: 100%;  } 
  @media (max-width: 767.98px) {
 #cms-main .cms-about .cms-title-h2 h2{font-size:1.75rem;}
}

/*about us 01----*/
 .cms-main-about{position:relative; z-index: 0; padding:100px 15px; margin: 0;  }
.cms-main-about-box{  width: 100%; max-width: 1360px; margin: auto;  display: flex; flex-wrap: wrap; justify-content: space-around; }
.cms-main-about-txt{width: 55%; margin:0 ; padding:30px 40px; line-height:2.5rem;  display: flex; flex-wrap: wrap;align-content: center; align-items: center; color:#000; word-break: keep-all;}
.cms-main-about-pic{width:45%; margin-top:2%; padding:0px 15px;position: relative; z-index:9;  background:url("../images/about/about-left-1.png") no-repeat right bottom; background-size: 100% auto;}
.cms-main-about-pic img{position: relative; z-index: 9; }
.cms-main-about-txt p{margin:30px 0px 60px 0px; line-height:1.85rem;   }
.cms-pic{position: relative; width: 100%;max-width: 80%; margin: auto; z-index: 9;}
 
  
 @media (max-width: 991.98px) {
.cms-main-about-box{  flex-direction: column-reverse; }
.cms-main-about-txt{width: 100%; margin:0 ; padding:30px 15px; line-height:2.5rem;  color:#000; word-break:normal;  }
.cms-main-about-pic{width:80%; margin: auto;   }
.cms-main-about-pic::after{  bottom: -30px; }
#cms-main .cms-main-about-txt a.cms-btn-more{ width: 80%;}
}
 @media (max-width: 767.98px) {
  .cms-main-about{position:relative; z-index: 0; padding:100px 15px; margin: 0;  }    
.cms-main-about-pic{width:90%; margin: auto;   }
#cms-main .cms-about h3 {  margin:5% 0 1% 0; color:#3A3A3A; }
}

/*about us 02----*/
.cms-about-box {width: 100%; margin:0 auto; padding:50px 0px;  display: flex; flex-wrap: wrap;  align-items: center; align-content: center; position: relative; }
.cms-about-box-single{ width: 50%; margin: 2% auto;  }
.cms-about-box-single p{text-align: center;}
.cms-laboratory-1 .cms-about-box-single{ width: 80%; margin: 2% auto;}
@media (max-width: 991.98px) {
.cms-about-box-single{ width:100%; margin: 2% auto;}   
.cms-laboratory-1 .cms-about-box-single{ width: 100%; }
}
@media (max-width: 767.98px) {
.cms-about-box { padding:30px 0px;}
}
@media (min-width: 1360px) {
.cms-laboratory-1 .cms-about-box-single{ width: 100%; }
}
.cms-about-box-left{ width:35%;  display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; }
.cms-about-box-right{ width: 50%; max-width:700px; margin: 0; padding: 20px 50px;  display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; border: solid 10px #fabe00;}
.cms-about-wrap-full{width: 100%;   margin:0 auto; padding:0px; display: flex; flex-wrap: wrap;  }

.cms-about-wrap{width: 100%; max-width: 960px;  margin:0 auto; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center;}
.cms-about-pic-mb{margin:5% auto; }
 @media (max-width: 767.98px) {
.cms-about-box-left{ width:100%; }
.cms-about-box-right{ width: 100%; padding: 20px 15px;justify-content: flex-start; }
.cms-about-wrap{  padding: 20px 0px; }
}
.cms-about-box .cms-title-h1{justify-content: center!important;}
.cms-about-iso{ width:100%;   margin: 0 auto; padding: 20px 0px;  display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center;  position: relative; z-index: 1;}
.cms-about-3-pic{width: 45%; margin:30px 20px;    position: relative; z-index: 3;}
.cms-about-3-pic img{  position: relative; z-index: 3; border: solid 1px #fabe00; }
 .cms-about-3-pic:before{content:""; display: block; position: absolute; border: solid 10px #fabe00;  width:50px; height: 50px; left: -30px; top:-20px; z-index: 0; }
.cms-about-3-pic:nth-child(even){margin-top: 10%;}
#cms-main .cms-about-3-pic p{ display: block; margin-top: 20px;  font-size: 1.15rem;  font-weight: 700; text-align: center;   }
 @media (max-width: 767.98px) {
.cms-about-3-pic{width: 100%; margin:30px 10px; }
     
}
/*-------------------*/
/***** bg *****/
/*------------------*/

.cms-mark{     padding: .2em;background: rgba(255,186,0,.2)}
.cms-bg-1 { padding: 100px 30px 200px 30px;  width: 100%; background: url("../images/about/about-01.jpg") no-repeat left bottom; background-size: 100% auto;   }
 
@media (min-width: 1360px) {
.cms-bg-1 { padding: 100px 30px 200px 30px;   }
    
}
 
.cms-bg-light{padding: 0px 30px 100px 30px; background-image:url("../images/index/line.png"),url("../images/index/line.png"); background-repeat: repeat-y,repeat-y; background-position: 15px top, 85% top; background-size:10% auto, 15% auto;  }
.cms-bg-light:after{ content: 'Certifications'; width:100%; position: absolute; z-index:9; left:0px; top:40%;  font-size:180px; font-weight: 900;font-family: 'Poppins', "sans-serif"!important;  letter-spacing:-10px;  color: rgba(183,218,240,0.1);  }
.cms-bg-2 {  width: 100%; background: url("../images/about/about-02.jpg") no-repeat right top #1a67b1;  background-size: 100% auto; }
.cms-bg-3 {  width: 100%;padding-bottom: 300px; background: url("../images/about/about-04.jpg") no-repeat right bottom #fff;  background-size: 100% auto; }
.cms-bg-4 {   width: 100%;padding-bottom: 100px; background: url("../images/about/about-04.jpg") no-repeat right bottom #fff;  background-size: 100% auto; }
.cms-bg-4:after{ content: 'Milestone'; width:100%; position: absolute; z-index:0; left:35%; bottom:0;  font-size:180px; font-weight: 900;font-family: 'Poppins', "sans-serif"!important;  letter-spacing:-10px;  color: rgba(183,218,240,0.3);  }




@media (max-width: 767.98px) {
.cms-bg-1 { padding: 80px 30px; background-position: left bottom; background-size: 200% auto; }  
.cms-bg-2 { padding-top:0; }
.cms-bg-3 { padding-bottom: 100px;background-position: left bottom; background-size: 150% auto;}     
.cms-bg-light{padding: 0px 30px 30px 30px;  }
    
}
 





.cms-bg-laboratory { width: 100%; background: url("../images/about/Laboratory-bg.jpg") no-repeat right top ; background-size:50% auto;  }
 






.cms-laboratory-txt{width: 80%; margin:0 ; padding:30px 40px; line-height:2.5rem;  color:#000; word-break: keep-all;}
.cms-laboratory-pic {  width: 45%; padding:10px;  height: auto; margin-right: -5%; justify-content:center; background:#fff;position: relative; z-index: 1;}
.cms-laboratory-1 { padding:50px 30px 100px 150px;  width: 55%; background:#175996; position: relative; z-index: 0;}
.cms-laboratory-pic-2{  width: 45%; padding:10px;  height: auto; margin-left: -5%; justify-content:center; background:#fff;position: relative; z-index: 1;}
.cms-laboratory-2 { padding:50px 150px 50px 100px; margin-top: 0; width: 55%; background:#175996; position: relative; z-index: 0;}
.cms-laboratory-1 .cms-about-box-single,.cms-laboratory-2 .cms-about-box-single{ width: 100%; margin: auto;}

 @media (max-width: 767.98px) {
.cms-laboratory-txt{width: 100%; padding:30px 15px; }    
.cms-laboratory-pic {width: 100%; padding:10px;  margin-right:auto; }
.cms-laboratory-1 { padding:50px 15px;  width: 100%;}
.cms-laboratory-pic-2{  width: 100%; padding:10px;  height: auto; margin-left: auto; }
.cms-laboratory-2 { padding:50px 15px; margin-top:-2%; width: 100%; }
    
}
 .cms-main-item-wrap{ padding: 0px 0px 100px 0px; width: 100%;  background-image: linear-gradient(to top, #d6eeff 0%, #fff 100%);}
.cms-main-item-wrap:after{ content: 'Equipment'; width:100%; position: absolute; z-index:9; left:0px; bottom:0px;  font-size:180px; font-weight: 900;font-family: 'Poppins', "sans-serif"!important;  letter-spacing:-10px;  color: rgba(183,218,240,0.3);  }

.cms-main-item{width: 90%;padding:15px 30px; display: flex; flex-wrap: wrap; margin: auto; position: relative;}
.cms-main-item figure img{ width: 90%; height: auto;  transform: scale(0.75); opacity:0.5;border-radius:15px; box-shadow: 0px 3px 5px rgba(26,104,179,.5);  -webkit-transition: 0.3s ease;  transition: 0.3s ease;   }
.cms-main-item figure.slick-current img {opacity: 1; transform: translateY(-10px);  transition: all .5s ease; -webkit-transition: all .5s ease; moz-transition: all .5s ease;  -o-transition: all .5s ease;  -ms-transition: all .5s ease;}	
 
.cms-main-item .slick-dots {bottom:-30px;  }	
.cms-main-item .slick-prev {  left:30%; z-index: 11; top:40%!important; }
.cms-main-item .slick-next { right:30%; z-index: 11; top:40%!important; }

 @media (max-width: 767.98px) {
.cms-main-item{width: 100%;padding:15px 0px; }  
.cms-main-item figure img{ width: 100%; height: auto;   }
 .cms-main-item .slick-prev { left:5%;top:100%!important; }
.cms-main-item .slick-next { right:5%;top:100%!important;  }
    
}


.cms-main-item-iso{ padding: 0px 0px 100px 0px; width: 100%;  background-image: linear-gradient(to top, #d6eeff 0%, #fff 100%);}
.cms-main-item-iso:after{ content: 'Certification'; width:100%; position: absolute; z-index:9; left:0px; bottom:0px;  font-size:180px; font-weight: 900;font-family: 'Poppins', "sans-serif"!important;  letter-spacing:-10px;  color: rgba(183,218,240,0.2);  }

.cms-main-iso-pic{width: 100%; max-width: 1160px;  margin:0 auto; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center;}
.cms-main-iso-pic figure{width: calc(100% / 3 - 30px); }
.cms-main-iso-pic figure img{width: 90%; height: auto;display: block; margin: auto;}
 @media (max-width: 767.98px) {
.cms-main-item-iso{ padding: 0px;  }    
.cms-main-iso-pic figure{width: 100%;margin:15px auto; }  
.cms-main-item-iso:after,.cms-main-item-wrap:after{ display: none;}   
}


#cms-main .cms-bg-1 h2 { color: #000;  }
#cms-main .cms-bg-1 .cms-title-h2::before{background: linear-gradient(to top, #ffc636 0%, #ff4700 100%)!important; }
#cms-main .cms-laboratory-1 h2,#cms-main .cms-laboratory-2 h2 { color:#fff;background-image: linear-gradient(to right, #ffe000 0%, #ffa705 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#cms-main .cms-laboratory-1 .cms-title-h2::before{background:#ffbf00!important; margin-left: -100%;}
#cms-main .cms-laboratory-2 .cms-title-h2::before{background:#ffbf00!important;  }
 @media (max-width: 767.98px) {
 #cms-main .cms-laboratory-1 .cms-title-h2::before{  margin-left: auto;}
    
}







 

/*----------------------------------------/
timeline
----------------------------------------*/
#timeline { width: 800px; height: 350px; overflow: hidden; margin:100px auto 200px auto;  position: relative; background: url('../images/index/dot.gif') left 45px repeat-x;}
#dates { width: 800px; height: 60px; overflow: hidden; }
#dates li { list-style: none; float: left; width: 100px; height: 50px; font-size: 24px; text-align: center; background: url('../images/index/biggerdot.png') center bottom no-repeat;   }
#dates a { line-height: 38px; padding-bottom: 10px; }
#dates .selected { font-size: 38px; }
#issues { width: 800px; height: 350px; overflow: hidden;pointer-events: none;} 
#issues li {  width: 700px; height: 350px; list-style: none; float: left; }
 #issues li.selected img {  -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); border-radius:50rem;  }
#issues li img { float: left; margin: 10px 30px 10px 50px; background: transparent;  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */  zoom: 1;  -webkit-transition: all 2s ease-in-out; transition: all 2s ease-in-out;  -webkit-transform: scale(0.7,0.7); transform: scale(0.7,0.7); }
 #issues li h3{ color:#1e65b1!important;  margin:5px 0!important;  }

#issues li p { margin-right: 100px; margin-bottom:10px!important;   font-weight: normal;}
#grad_left,#grad_right { width: 60px; height: 350px;  position: absolute; top: 0; }
#grad_left { left: 0; background-image: linear-gradient(to left, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 0%); }
#grad_right { right: 0; background-image: linear-gradient(to right, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 0%);  }
#next,#prev { position: absolute; top: 170px; font-size: 70px; width: 22px; height: 38px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}
#next:hover, #prev:hover {background-position: 0 -76px; }
#next {right: 0; background-image: url('../images/index/next.png');}
#prev {left: 0;background-image: url('../images/index/prev.png');}
#next.disabled, #prev.disabled { opacity: 0.2;} 
.bg-circle{ width: 130px; height:130px;   background-color:#1e65b1; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 1; }     
 .circle-box { display: flex; flex-direction: column; align-items: flex-end; line-height: 1;}     
.number-txt{ font-size: 2.5rem; font-weight: 700; color: #fff;}
.number-year{ font-size: 1rem;font-weight: 700;color: #fff;}