.nt-item {
  cursor: default;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.nt-item .nt-boards > div {
  position: relative;
}
.nt-item .nt-delimiter.nt-hidden {
  visibility: hidden;
}
.nt-item:last-child .nt-spacer, .nt-item:last-child .nt-delimiter {
  overflow: hidden;
  width: 0;
  border: 0;
  margin: 0;
  padding: 0;
}

.nt-list {
  overflow: hidden;
}
.nt-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nt-list ul li {
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.nt-toggle li,
.nt-fade li {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.nt-toggle li.nt-active,
.nt-fade li.nt-active {
  z-index: 2;
  opacity: 1;
}
.nt-toggle.nt-fade ul.nt-animate li,
.nt-fade.nt-fade ul.nt-animate li {
  -moz-animation: 0.3s nt-fadeOut;
  -webkit-animation: 0.3s nt-fadeOut;
  animation: 0.3s nt-fadeOut;
}
.nt-toggle.nt-fade ul.nt-animate li.nt-active,
.nt-fade.nt-fade ul.nt-animate li.nt-active {
  -moz-animation: 1s nt-fadeIn;
  -webkit-animation: 1s nt-fadeIn;
  animation: 1s nt-fadeIn;
}

.nt-slide .nt-board {
  overflow: hidden;
}
.nt-slide .nt-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.nt-slide ul {
  position: absolute;
  left: 0;
  right: 0;
}
.nt-slide ul.nt-animate {
  -moz-animation: 0.5s nt-slide;
  -webkit-animation: 0.5s nt-slide;
  animation: 0.5s nt-slide;
}

.nt-flip li {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -moz-perspective: 200px;
  -webkit-perspective: 200px;
  perspective: 200px;
}
.nt-flip li > div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  overflow: hidden;
}
.nt-flip li > div .nt-shadow {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
}
.nt-flip li > div .nt-inn {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.nt-flip li > div.nt-up {
  top: 0;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.nt-flip li > div.nt-up .nt-inn {
  top: 0;
}
.nt-flip li > div.nt-up:after {
  content: '';
  z-index: 5;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background-color: rgba(0, 0, 0, 0.3);
}
.nt-flip li > div.nt-down {
  bottom: 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.nt-flip li > div.nt-down .nt-inn {
  bottom: 0;
}
.nt-flip ul.nt-animate li.nt-before {
  z-index: 3;
}
.nt-flip ul.nt-animate li.nt-before .nt-up {
  z-index: 2;
  -moz-animation: nt-up 0.4s linear both;
  -webkit-animation: nt-up 0.4s linear both;
  animation: nt-up 0.4s linear both;
}
.nt-flip ul.nt-animate li.nt-before .nt-up .nt-shadow {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
  -moz-animation: nt-fadeIn 0.3s 0.1s linear both;
  -webkit-animation: nt-fadeIn 0.3s 0.1s linear both;
  animation: nt-fadeIn 0.3s 0.1s linear both;
}
.nt-flip ul.nt-animate li.nt-before .nt-down .nt-shadow {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 100%);
  -moz-animation: nt-fadeIn 0.3s 0.1s linear both;
  -webkit-animation: nt-fadeIn 0.3s 0.1s linear both;
  animation: nt-fadeIn 0.3s 0.1s linear both;
}
.nt-flip ul.nt-animate li.nt-active {
  z-index: 2;
  -moz-animation: nt-asd 0.4s 0.4s linear both;
  -webkit-animation: nt-asd 0.4s 0.4s linear both;
  animation: nt-asd 0.4s 0.4s linear both;
}
.nt-flip ul.nt-animate li.nt-active .nt-down {
  z-index: 2;
  -moz-animation: nt-down 0.4s 0.4s linear both;
  -webkit-animation: nt-down 0.4s 0.4s linear both;
  animation: nt-down 0.4s 0.4s linear both;
}

@-moz-keyframes nt-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes nt-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes nt-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes nt-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes nt-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes nt-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes nt-slide {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
@-webkit-keyframes nt-slide {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
@keyframes nt-slide {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
@-moz-keyframes nt-asd {
  from {
    z-index: 2;
  }
  5% {
    z-index: 4;
  }
  to {
    z-index: 4;
  }
}
@-webkit-keyframes nt-asd {
  from {
    z-index: 2;
  }
  5% {
    z-index: 4;
  }
  to {
    z-index: 4;
  }
}
@keyframes nt-asd {
  from {
    z-index: 2;
  }
  5% {
    z-index: 4;
  }
  to {
    z-index: 4;
  }
}
@-moz-keyframes nt-up {
  from {
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  to {
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
}
@-webkit-keyframes nt-up {
  from {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  to {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
}
@keyframes nt-up {
  from {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  to {
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
}
@-moz-keyframes nt-down {
  from {
    -moz-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  to {
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes nt-down {
  from {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  to {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@keyframes nt-down {
  from {
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  to {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}