/*menu*/
#menu ul li:hover{
    transition: 0.5s all ease-in;
/*     border-radius: 30px; */
    background-color: rgba(0,0,0,0.7);
    /* transform: rotate3d(1,0,0,360deg); */
}


/*itme*/

.index-item-bnt:hover{
    color: #f4d507;
    background: #000;
    transition: 0.5s all ease-in;
    border-radius: 30px;
}

/*about*/
.index-about-icon:hover img{
    transform: rotate3d(1,0,0,360deg);
    transition: 0.5s all ease-in;
}

.index-about-icon:hover p{
    color: #f4d507;
    transition: 0.5s all ease-in;
}

/*works*/
#works .left #class .icon_writing >li ul li:hover{
    transition: 0.5s all ease-in;
}
#works .left #class .icon_writing >li ul li.active b,
#works .left #class .icon_writing >li ul li:hover b{
    /* border-bottom: 1px solid #f4d507; */
    text-decoration: underline;
}
footer a{
    transition: all .4s linear;
}
footer a:hover{
    color: #015390;
}
.works-box ul li:hover .works-img-box span,
.work-page-more ul li:hover .work-more-img span
{
    transform: scale(1.1);
    transition: all .4s linear;
}
.works-box ul li:hover .work-title:after,
.work-page-more ul li:hover .work-more-img-title:after
{
    transform: scale(1);
    transition: all .4s linear;
} 

.works-box ul li:hover .work-title,
.work-page-more ul li:hover .work-more-img-title
{
    color: #af2222;
    transform: all .4s linear;
}

.works-box ul li:hover .lt{
    transform: translateX(0);
    transition: all ;
    transition-delay: .0s;
}
.works-box ul li:hover .lr{
    transform: translateY(0);
    transition: all;
    transition-delay: .1s;
}
.works-box ul li:hover .lb{
    transform: translateX(0);
    transition: all ;
    transition-delay: .2s;
}
.works-box ul li:hover .ll{
    transform: translateY(0);
    transition: all ;
    transition-delay: .3s;
}
.work-page-next-box a:hover p{
    color: #af2222;
}

.back:hover span{
    border-radius: 50%;

}
.back:hover p{
    color: #af2222;
}
@-webkit-keyframes work-info-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-500px, 0, 0);
    transform: translate3d(-500px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes work-info-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-500px, 0, 0);
    transform: translate3d(-500px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}