/*about*/
.content-box{ margin:5% auto; display: block;}
.content-box h3{  margin-bottom:17px;  font-size:1.5rem;  font-weight: 700; }
.align-items-center {  -ms-flex-align: center!important;  align-items: center!important;}
.content-box-block {  padding: 92px 0 62px;}
.services-item { width: calc(100%/3 - 15px); margin-right:10px;   display: inline-block; position: relative; margin-bottom: 20px;  text-align: center;}
.services-item .services-icon { margin-bottom: 32px;}
.services-item .services-title {margin-bottom: 20px;} 
.content-box.row { display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  margin-right: -15px;  margin-left: -15px;}
.gray-bg { background: #f7f7f7;}

@media only screen and (max-width: 767px) {
.services-item { width: 96%; margin:5% auto;   display: block; }
.content-box{  padding: 1em; }
}
/*timeline*/
.bg-timeline{ background: url(../images/about/history.jpg) no-repeat center bottom; background-size:100% auto;}
.timeline { width: 100%; position: relative;  margin: 0px; padding:0px;  }
.timeline-wrapper { position: relative;  width: 100%;  max-width: 1280px;  margin: 0 auto; padding: 100px 0px; }

.timeline-nav { width: 100%; max-width: 1280px; margin: auto; display: flex; flex-wrap: wrap; flex-flow: row; align-content: center; align-items: center; }
.timeline-nav li { width: auto; height: auto;  margin: 15px !important; text-align: center; opacity: 0.5; background: transparent; position: relative; color: #000;   font-size: 14px; line-height: 28px; font-weight: 400;  outline: none;  cursor: pointer;}
.timeline-nav li::before { content: "";  position: absolute; top: 30px; left: 50%; width: 10px; height: 10px;  -webkit-transform: translateX(-50%);  transform: translateX(-50%); border-radius: 100%; background-color: #000; transition: .2s;}
.timeline-nav li:hover{opacity: 1; color: #ff9900!important;}
.timeline-nav li:hover:before { background-color: #ff9900!important;}
.timeline-nav li:focus{opacity: 1; color: #ff9900!important;}


.timeline-slider { width:80%!important;  margin: 0 auto;display: block;  }
.timeline-slider li{ width:100%!important;  padding: 40px 50px;  margin: 0 auto; display: block; vertical-align: top;  }
.timeline-slider li .inner{ width: 55%;  padding:15px; display: inline-block; vertical-align: top; }
.timeline-slider li figure{ width: 40%; height: auto; display: inline-block;}

.timeline-slide-content {  width: 100%; margin:0  auto;  padding: 40px;  display: block; border: solid 1px  rgba(219,219,219,1.00); background: #fff;  opacity: 1; transition: opacity 1s; }


.timeline-year { font-size: 35px; color: #ffffff; background: #ff9900; padding: 15px 26px;  transition: opacity 1.2s; opacity: 1;}
.timeline-title { color: #ff9900;  font-size: 26px; line-height: 30px;  font-weight: 400;}
.timeline-text { font-size: 18px;  line-height: 28px;  color: #666666;}
.timeline .slick-current:after {  background-color: rgba(0, 52, 113, 0);}
.timeline .slick-current .timeline-year { opacity: 1;}
.timeline .slick-current .timeline-slide-content {  opacity: 1;}
@media (max-width: 768px) {
 .timeline-slide-content { width: 100%; padding: 40px 10px; }	
.timeline-wrapper { height: 1000px;  max-height: 900px;}
.timeline-slider li{ padding: 40px 0px; }
.timeline-slider li .inner{ width: 100%;  display: block; }
.timeline-slider li figure{ width: 100%;   display: block;}
.content-box h3{font-size:.9rem;   }
.content-box p{font-size:.8rem;   }	
}


