.transNav a.left::before{left:0;top:0;width:0;height:100%}
.transNav a.left:hover::before {width:100%;height:100%}
.transNav a.right::before{right:0;top:0;width:0;height:100%}
.transNav a.right:hover::before {width:100%;height:100%}
.transNav a.top::before{left:0;top:0;width:100%;height:0}
.transNav a.top:hover::before {width:100%;height:100%}
.transNav a.bottom::before{left:0;bottom:0;width:100%;height:0}
.transNav a.bottom:hover::before {width:100%;height:100%}
.transNav a.horizontal::before{left:50%;top:0;width:0;height:100%;transform:translateX(-50%)}
.transNav a.horizontal:hover::before {width:100%;height:100%;transform:translateX(-50%)}
.transNav a.vertical::before{left:0;top:50%;width:100%;height:0;transform:translateY(-50%)}
.transNav a.vertical:hover::before {width:100%;height:100%;transform:translateY(-50%)}
@media screen and (max-width:1109px){
.transNav a::before, .transNav a:hover::before{transition:all 0 ease-in-out;background:transparent}}