/*create the outer border line for active bullet*/

/* swiper use SVG bullet */



.bullet {

display: inline-block;

width: 25px;

height: 25px;

}



svg .anim

{

	 stroke-dasharray: 60 ;

	stroke-dashoffset: 60;

}



.active svg .anim

{

	 stroke-dasharray: 60 ;

	stroke-dashoffset: 15;

	animation: M1 3s linear ;

	animation-fill-mode: forwards; 

}



.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

	 stroke-dasharray: 60 ;

	stroke-dashoffset: 60;

	animation: M1 3s linear ;

	animation-fill-mode: forwards; 

}



 @keyframes M1 {

     0% { stroke-dashoffset: 60; }                     

   90% { stroke-dashoffset: 0; }

   100% { stroke-dashoffset: 60; }

 }  



/* swiper slide use */



.swiper-slide img{

width:100%;

}

.portfolio-filter {

    border: none;

    display: block;

    margin-bottom: 0;

   padding: 0;

}



.portfolio-filter li {

    float: left;

    position: relative;

}

.listbtn-all {

 font-size:20pt;

}



.swiper-container {

      width: 100%;

      height: 90%;

    }



    .swiper-slide {

      text-align: center;

      font-size: 18px;
      

      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }

.preloader-wrap {
    background: #ebe7e6;
}