.ui-box {
  text-decoration: none;
  /*border: none;*/
 
  position: relative;
  vertical-align: baseline;
  
}
.ui-box:hover{border:1px solid transparent;border: none;}
.top-leftToRight:before, .top-leftToRight:after, .top-leftToRight > .ui-border-element:before, .top-leftToRight > .ui-border-element:after {
  content: '';
  position: absolute;
}

.backwardBorderTrain:before, .backwardBorderTrain:after, .backwardBorderTrain > .ui-border-element:before, .backwardBorderTrain > .ui-border-element:after {
  content: '';
  position: absolute;
}

.backwardBorderTrain:before {
  border-top: 1px solid  #0a4a9b;
  left: 100%;
  right: 0;
  top: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.backwardBorderTrain:hover:before {
  left: 0%;
}

.backwardBorderTrain:not(:hover):before {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.backwardBorderTrain:before, .backwardBorderTrain:after, .backwardBorderTrain > .ui-border-element:before, .backwardBorderTrain > .ui-border-element:after {
  content: '';
  position: absolute;
}

.backwardBorderTrain .ui-border-element:after {
  border-right: 1px solid  #0a4a9b;
  top: 100%;
  bottom: 0;
  right: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.backwardBorderTrain:hover .ui-border-element:after {
  top: 0%;
}

.backwardBorderTrain:not(:hover) .ui-border-element:after {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.backwardBorderTrain:before, .backwardBorderTrain:after, .backwardBorderTrain > .ui-border-element:before, .backwardBorderTrain > .ui-border-element:after {
  content: '';
  position: absolute;
}

.backwardBorderTrain:after {
  border-bottom: 1px solid  #0a4a9b;
  left: 0;
  right: 100%;
  bottom: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.backwardBorderTrain:hover:after {
  right: 0%;
}

.backwardBorderTrain:not(:hover):after {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.backwardBorderTrain:before, .backwardBorderTrain:after, .backwardBorderTrain > .ui-border-element:before, .backwardBorderTrain > .ui-border-element:after {
  content: '';
  position: absolute;
}

.backwardBorderTrain .ui-border-element:before {
  border-left: 1px solid  #0a4a9b;
  top: 0;
  bottom: 100%;
  left: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.backwardBorderTrain:hover .ui-border-element:before {
  bottom: 0%;
}

.backwardBorderTrain:not(:hover) .ui-border-element:before {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}