/* line Animation */

@keyframes lineW{
    0%{
        height:10%;
    }
    50%{
height: 80%;
}
}

@keyframes lineH{
    0%{
        width: 10%;
    }
    100%{
width: 70%;
}
}

/* preloader Animation */
@keyframes preloader {
    100% { transform: scale(1.5); }
  }


.border-shape-preloader {
    position: absolute;
    top: -153px;
    right: 46px;
}

.shape-preloader {
    background-color:transparent;
    overflow: hidden;
    width:22px;
    height: 20px;
    bottom: 0;
    left: 0;
    z-index: 100000;
    border-radius: 100%;
    border: 3px solid #0099E2;
    animation: preloader 1.6s ease-in-out alternate infinite;
}
@-webkit-keyframes witr_abmovetb_box15 {
    0%{
        -webkit-transform: translateY(-40px);
                transform: translateY(-40px);
      }
    100%{
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
      }
  }
  
  @keyframes witr_abmovetb_box15 {
    0%{
        -webkit-transform: translateY(-40px);
                transform: translateY(-40px);
      }
    100%{
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
      }
  }



  .border_shape {
    width: 330px;
    height: 330px;
    border: 1px solid #CCC;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0px;
    border-radius: 10px;
}
  
  .border_circle_shape{
    width:30px;
    height:30px;
    background:#55E6A5;
    border-radius:50%;
    position:absolute;
    top:0; bottom:0; left:0;right:0;
    overflow:hidden;
    margin:auto;
    animation: circle 6s linear infinite;
  }
  
  @keyframes circle{
    0%{
      transform:rotate(0deg)
                translate(-165px)
                rotate(0deg);
    
    }
    100%{
      transform:rotate(360deg)
                translate(-165px)
                rotate(-360deg);
    }
  }





@keyframes rotate{
    0%{ transform: rotate(0deg); }
      100%{ transform: rotate(360deg); }	
  }
.t1_about_thumb.shape-rotate img{
    animation: rotate 10s infinite linear; 
}

@keyframes textmarque {
0% {
    transform: translateX(0);
}

100% {
    transform: translateX(calc(-100% - 0%));
}

}
.tbd_textmarque {
    animation: txmarset 45s linear infinite;
}