.tab-menu {
    height: 1000px;
    background-position: 0 center;
    background-repeat: no-repeat;
}



.tab-menu ul {
  list-style: none;
  padding: 0;
  display: flex;
      float: right;
    margin-right: 60px;
}
.tab-menu ul li {
  cursor: pointer;
  transition: all 200ms ease;
  font-size: 1rem;
}
.tab-menu ul li:hover {
  border: 1px solid #c36c5e;
}
.tab-menu ul li:nth-child(2) {
  border: 1px solid #eee;
}
.tab-menu ul li:nth-child(3) {
  border: 1px solid #eee;
}
.tab-menu ul li:first-child {
  border: 1px solid #eee;
}
.tab-menu ul li:last-child {
  border: 1px solid #eee;
}
.tab-menu ul .active-menu {
  cursor: default;
}
.tab-menu ul .active-menu:hover {
  border: 1px solid #c36c5e !important;
}

@media (min-width: 405px) {
  .tab-menu ul li {
    margin: 1rem;
  }
}
.tab-content {
  position: relative;
    width: 50%;
    margin-left: 50%;
}

.slide {
  transform: translateX(100vw);
  position: absolute;
}
.slide img {
  height: 100%;
}

.active-menu {
  border: 1px solid #c36c5e !important;
}

.active-tab {
  transform: translateX(0);
  -webkit-animation: moveLeft 600ms ease;
          animation: moveLeft 600ms ease;
}

@-webkit-keyframes moveLeft {
  0% {
    transform: translatey(100vw);
    opacity: 0;
  }
  100% {
    transform: translatey(0);
    opacity: 1;
  }
}

@keyframes moveLeft {
  0% {
    transform: translatey(100vw);
    opacity: 0;
  }
  100% {
    transform: translatey(0);
    opacity: 1;
  }
}