/*font - text properties*/
/* spesific colors */
.bg-image-none {
  background-image: none;
}
.ellipsis {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* TEXT STYLES */
.font-normal {
  font-weight: normal;
}
.font-bold {
  font-weight: bold;
}
.font-italic {
  font-style: italic;
}
.text-underline {
  text-decoration: underline;
}
.text-stroke {
  text-decoration: line-through;
}
.text-none {
  text-decoration: none;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.textJustify {
  text-align: justify;
}
.textCenter {
  text-align: center;
}
.text-deco-none {
  text-decoration: none;
}
.text-deco-underline {
  text-decoration: underline;
}
.boldText {
  font-weight: bold;
}
.auto-width {
  width: auto;
}
.clear {
  clear: both;
  float: left;
  width: 100%;
}
.clearfix-after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
/*Element positions */
.left-float {
  float: left;
}
.right-float {
  float: right;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.relative-right {
  position: relative;
  float: right;
}
.left-important {
  float: left !important;
}
.right-important {
  float: left !important;
}
.inline-block {
  display: inline-block;
}
.static {
  position: static !important;
}
.relative-left {
  position: relative;
  float: left;
}
.margin-auto {
  margin: auto !important;
}
.margin-zero-auto {
  margin: 0 auto ;
}
.zero-padding {
  padding: 0;
}
.zero-margin {
  margin: 0;
}
.zero-margin-padding {
  margin: 0;
  padding: 0;
}
.hidden-overflow {
  overflow: hidden;
}
.transparent-bg {
  background-color: transparent;
}
.contain-bg-size {
  background-size: contain;
}
.box-shadow-none {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
header {
  display: inline-block;
  margin: 0 0 20px 0;
  padding: 10px 0px 0px;
  position: relative;
  width: 100%;
}
header .logo {
  border: none 0;
  height: 70px;
  float: left;
  margin-top: 15px;
  position: relative;
}
header .nav-wrapper {
  clear: both;
  float: left;
  width: 100%;
}
header .nav-wrapper ul.nav {
  text-align: center;
}
header .nav-wrapper ul.nav .t-item {
  border-width: 0 0 0 1px;
}
header .nav-wrapper ul.nav .t-link {
  font-weight: bold;
  line-height: 1.8em;
  padding: 5px 20px;
  text-decoration: none;
}
header .nav-wrapper ul.nav ul {
  border: none;
}
header .nav-wrapper ul.nav ul a {
  font-weight: bold;
  color: #4d4f53;
  font-size: 13px;
  letter-spacing: 1px;
  margin: auto;
}
header .nav-wrapper ul.nav ul a.selected,
header .nav-wrapper ul.nav ul a:hover,
header .nav-wrapper ul.nav ul a:focus,
header .nav-wrapper ul.nav ul a:active {
  background-color: #4d4f53;
  color: #ffffff;
  font-size: 13px;
  text-decoration: none;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  header {
    padding: 0;
  }
  header .nav-wrapper ul.nav {
    width: 303px;
  }
  header .nav-wrapper ul.nav ul {
    top: 7px;
  }
  header .nav-wrapper ul.nav ul li {
    border-right: none !important;
  }
  header .nav-wrapper ul.nav ul li a {
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  header .nav-wrapper {
    top: 0;
  }
  header .nav-wrapper ul.nav {
    width: 100%;
  }
  header .nav-wrapper ul.nav li {
    border-bottom: 1px solid #dddddd;
  }
  header .nav-wrapper ul.nav li a {
    font-size: 13px;
  }
  header .nav-wrapper ul.nav li a:hover,
  header .nav-wrapper ul.nav li a:focus,
  header .nav-wrapper ul.nav li a:active,
  header .nav-wrapper ul.nav li a.selected {
    background-color: #4d4f53;
    color: #ffffff;
  }
}