.transitionWDF {
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
article #article-tabs {
  overflow: hidden;
  margin: 0 10px 20px 10px;
  position: relative;
}
article #article-tabs:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ccdeec;
}
article #article-tabs ul.nav-tabs {
  padding: 0;
  margin: 10px 0 6px 0;
  float: left;
}
article #article-tabs ul.nav-tabs li {
  border-bottom: 4px solid transparent;
}
article #article-tabs ul.nav-tabs li a {
  background: none !important;
  border: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 15px 30px !important;
  margin-right: 0 !important;
  font-weight: bold;
}
article #article-tabs ul.nav-tabs li:hover {
  border-bottom: 4px solid #1081c5;
}
article #article-tabs ul.nav-tabs li:hover:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  border: 6px solid transparent;
  border-bottom: 0;
  border-top-color: #1081c5;
}
article #article-tabs ul.nav-tabs li.active {
  border-bottom: 4px solid #1081c5;
}
article #article-tabs ul.nav-tabs li.active a {
  color: #1081c5;
}
article #article-tabs ul.nav-tabs li.active:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  border: 6px solid transparent;
  border-bottom: 0;
  border-top-color: #1081c5;
}
article #article-tabs ul.nav-tabs:hover li {
  border-bottom: 4px solid transparent;
}
article #article-tabs ul.nav-tabs:hover li:after {
  display: none;
}
article #article-tabs ul.nav-tabs:hover li:hover {
  border-bottom: 4px solid #1081c5;
}
article #article-tabs ul.nav-tabs:hover li:hover:after {
  display: block;
}