/*client slider*/

#w {
  display: block;
  margin: 0 auto;
  padding: 2px 3px;
}

.crsl-items {
  display: block;
  padding: 5px;
  height:23vw;
}

.crsl-item {
  background: #fff;
  padding: 8px;
  height:7.4vw !important;

}
.crsl-wrap{ width:900px !important;}

.crsl-item  img { 
  display: block; 
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-align:center;
  margin:0 auto;
  padding:13px;
  -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.crsl-item  img:hover {
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}




.crsl-item .thumbnail:hover img {
  opacity: 0.8;
}
.crsl-item::before{
   transform: translateY(-35%);
   position: absolute;
   content: "";
   height: 46%;
   width: 1px;
   background: #d2d2d2;
   margin-top:1.5em;
   mamargin-left: 1.5%;
}
.crsl-item::after{
   position: relative;
   content: "";
   width: 60%;
   height: 1px;
   background: #cacaca;
   display: block;
   margin: 0 20%;
}
/*.flexslider .slides  li .items:first-child::before, .flexslider .slides  li:nth-child(3n)::before{
  width:0;
}*/






.crsl-item .postdate {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 6px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
  font-size: 1.2em;
  font-weight: bold;
  background: #4e90da;
}

.crsl-item p {
  font-size: 1.2em;
  line-height: 1.55em;
  margin-bottom: 5px;
}

.crsl-item p.readmore a {
  display: block;
  float: right;
  color: #4e90da;
  padding: 3px 5px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.crsl-item p.readmore a:hover {
  background: #4b6caa;
  color: #fff;
}


.slidernav {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}

.slidernav a {
  display: inline-block;
  padding: 5px 8px;
  margin-right: 8px;
  font-size: 1.4em;
  background: #fff;
  color: #666;
  text-decoration: none;
 
}



@media (max-width: 1920px) {
  .crsl-wrap {
    width: 1500px !important;
  }
}
@media (max-width: 1200px) {
  .crsl-wrap {
    width: 900px !important;
  }
  .first-block .section-center .left-side h3{
    font-size:35px;
  }
  .baner-block .caption-2{ font-size:52px;}
  .baner-block .caption-1{ font-size:27px;}
  .crsl-item {
    height: 8.4vw !important;
  }
  .crsl-items{ height:27vw;}
}
@media (max-width: 992px) {
}
@media (max-width: 940px) {
  .crsl-item {
    height: 11vw !important;
  }
  .crsl-items {
    height: 31vw;
  }
}
@media (max-width: 767px) {
	.crsl-item {
		height: 14vw !important;
		padding: 20px;
	}
	.crsl-wrap{
		width:981px !important;
	}
}
@media (max-width: 680px) {
	.crsl-item {
		height: 30vw !important;
		padding: 20px;
	}
}