@font-face {
  font-family: 'VAGroundedStd-black';
  src: url('../fonts/VAGRoundedStd-Black.otf');
}
@font-face {
  font-family: 'VAGroundedStd-bold';
  src: url('../fonts/VAGRoundedStd-Bold.otf'), url('../fonts/VAGRoundedStd-Bold.eot'), url('../fonts/VAGRoundedStd-Bold.ttf'), url('../fonts/VAGRoundedStd-Bold.woff'), url('../fonts/VAGRoundedStd-Bold.svg');
}
@font-face {
  font-family: 'VAGroundedStd-light';
  src: url('../fonts/VAGRoundedStd-Light.otf'), url('../fonts/VAGRoundedStd-Light.eot'), url('../fonts/VAGRoundedStd-Light.ttf'), url('../fonts/VAGRoundedStd-Light.woff'), url('../fonts/VAGRoundedStd-Light.svg');
}
.tpl-header {
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0;
}
.tpl-header .logo-wrapper {
  float: left;
  padding: 50px 0 0 60px;
  transition: all 0.4s ease-in;
}
.tpl-header .logo-wrapper img {
  float: left;
  height: 140px;
  transition: all 0.4s ease-in;
}
.tpl-header .logo-wrapper .logo-title {
  transition: all 0.4s ease-in;
  margin-left: 20px;
  display: inline-block;
  font-size: 60px;
  font-family: VAGroundedStd-black;
  color: #ffffff;
  line-height: 140px;
}
.tpl-header .smaller {
  padding: 15px 0 0 15px;
}
.tpl-header .smaller img {
  height: 70px;
}
.tpl-header .smaller .logo-title {
  margin-left: 15px;
  font-size: 30px;
  font-family: VAGroundedStd-black;
  line-height: 70px;
}
.tpl-header .tpl-menu {
  float: right;
  margin: 25px 15px 0 0;
  font-size: 18px;
  font-family: VAGroundedStd-bold;
  display: inline-block;
}
.tpl-header .tpl-menu .ul-wrapper {
  float: left;
  margin-top: 5px;
}
.tpl-header .tpl-menu .ul-wrapper li {
  display: inline-block;
  margin: 0 7px;
  border-bottom: 2px solid transparent;
}
.tpl-header .tpl-menu .ul-wrapper li:hover {
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
.tpl-header .tpl-menu .ul-wrapper li a {
  display: inline-block;
  padding-bottom: 10px;
}
.tpl-header .tpl-menu .ul-wrapper .selected {
  border-bottom: 2px solid #ffffff;
}
.tpl-header .tpl-menu img {
  float: left;
  height: 25px;
}