@charset "utf-8";
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
.rem-mixins-test-class {
    .font-size(10px);
    .line-height(20px);
    .margin(10px);
    .margin(3em);
    .margin(10px, 20px);
    .margin(10px, 20%);
    .margin(0px , 20px);
    .margin-top(2%);
    .margin-top(2px);
    .padding(10px);
    .padding(3em);
    .padding(10px, 20px);
    .padding(10px, 20%);
    .padding(3em, 20px)
}
*/
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li > a {
  padding: 5px 15px;
}
.nav-bottomborder {
  border-bottom: 1px #272209 solid;
  border-bottom: 0.1rem #272209 solid;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}
.nav-pills {
  color: #272209;
}
.nav-pills > li {
  float: left;
  background-color: #ffffff;
  min-width: 120px;
  min-width: 12rem;
}
.nav-pills > li > a {
  border-radius: 0;
  color: #272209;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  border-top: 4px #ffffff solid;
  border-top: 0.4rem #ffffff solid;
  border-radius: 4px;
  border-radius: 0.4rem;
}
.nav-pills > li > a:hover {
  color: #272209;
  background-color: #ffffff;
  border-top: 4px #f0641c solid;
  border-top: 0.4rem #f0641c solid;
  -webkit-transition: border-top 0.5s;
  -moz-transation: border-top 0.5s;
  -o-transition: border-top 0.5s;
  transition: border-top 0.5s;
}
.nav-pills > li + li {
  margin-left: 2px;
  margin-left: 0.2rem;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #272209;
  background-color: #ffffff;
  border-top: 4px #272209 solid;
  border-top: 0.4rem #272209 solid;
}