.drawborder {
  position: absolute;
  z-index: 2;
  background: #212d51;
}

.drawborder-left,
.drawborder-right {
  width: 10px;
  height: 0;
}

.drawborder-top,
.drawborder-bottom {
  height: 10px;
  width: 0;
}

.drawborder-top,
.drawborder-right {
  top: 0;
}

.drawborder-right,
.drawborder-bottom {
  right: 0;
}

.drawborder-bottom,
.drawborder-left {
  bottom: 0;
}

.drawborder-left,
.drawborder-top {
  left: 0;
}

.transition_fade {
	transition: opacity 0.5s;	
	-webkit-transition: opacity 0.5s;	
}

.fadeIn {
  animation-duration: 1s;
  animation-name: fadein;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeOut {
  animation-duration: 1s;
  animation-name: fadeout;
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}