.oneline {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.clear {
  clear: both;
  float: left;
}
.inline-block {
  display: inline-block;
}
.w-fix {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 0;
  font-size: 0;
}
.h-fix {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  font-size: 0;
}
body.desktop .m-hide,
body.desktop .t-hide {
  display: block !important;
}
body.desktop .m-show,
body.desktop .t-show,
body.desktop .d-hide {
  display: none !important;
}
body.desktop .d-show {
  display: block !important;
}
body.desktop #content .social {
  display: none;
}
body.desktop footer .social {
  display: block;
}
body.tablet .m-hide,
body.tablet .d-hide {
  display: block !important;
}
body.tablet .m-show,
body.tablet .d-show,
body.tablet .t-hide {
  display: none !important;
}
body.tablet .t-show {
  display: block !important;
}
body.tablet header {
  height: 172px;
}
body.tablet header .menu {
  margin-top: 33px;
  position: static;
}
body.mobile .t-hide,
body.mobile .d-hide {
  display: block !important;
}
body.mobile .t-show,
body.mobile .d-show,
body.mobile .m-hide {
  display: none !important;
}
body.mobile .m-show {
  display: block !important;
}
body.mobile header {
  height: 194px;
}
body.mobile header .menu {
  margin-top: 35px;
  position: relative;
  top: 0;
}
body.mobile header .menu.open ul {
  display: block;
}
body.mobile header .menu ul {
  position: absolute;
  left: 0;
  top: 41px;
  width: 100%;
  background: url(img/mobile-menu-trans-bg.png);
  padding: 14px 0 9px;
  display: none;
}
body.mobile header .menu ul li {
  display: block;
  border-right: 0 none;
}
body.mobile header .menu ul li a {
  display: block;
  padding: 15px 0;
}
body.mobile #content .social li a span img {
  max-height: 24px;
}
body.tablet .container,
body.mobile .container {
  max-width: 100%;
}
body.tablet header,
body.mobile header {
  text-align: center;
}
body.tablet header .logo,
body.mobile header .logo {
  display: inline-block;
  position: static;
  margin-top: 28px;
}
body.tablet header .logo img,
body.mobile header .logo img {
  display: block;
}
body.tablet header .logo img:first-child,
body.mobile header .logo img:first-child {
  display: none;
}
body.tablet header .menu li a,
body.mobile header .menu li a {
  padding: 0 19px;
}
body.tablet #content .content-bg,
body.mobile #content .content-bg {
  padding: 0 20px;
}
body.tablet #content .social,
body.mobile #content .social {
  display: block;
}
body.tablet footer,
body.mobile footer {
  text-align: center;
}
body.tablet footer .copyright,
body.mobile footer .copyright {
  padding: 9px 20px;
  border-top: 1px solid #e2d4bf;
}
body.tablet footer .social,
body.mobile footer .social {
  display: none;
}
.wrapper {
  position: relative;
  min-height: 100%;
}
.container {
  max-width: 1300px;
  width: 100%;
  margin: auto;
  position: relative;
}
header,
#content,
footer {
  width: 100%;
  clear: both;
  position: relative;
}
header {
  height: 131px;
  border-bottom: 1px solid #E5E4E2;
  z-index: 100;
}
header .logo {
  left: 0;
  position: absolute;
  top: 27px;
}
header .logo img {
  max-width: 126px;
  height: auto;
  display: none;
}
header .logo img:first-child {
  display: block;
}
header .menu {
  position: absolute;
  right: 0;
  top: 78px;
}
header .menu .menu-trigger {
  text-align: center;
  border-top: 1px solid #e2d4bf;
  line-height: 42px;
  height: 42px;
}
header .menu .menu-trigger img {
  max-width: 25px;
  height: auto;
}
header .menu ul {
  font-size: 0;
}
header .menu ul li {
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #e9e8e6;
}
header .menu ul li:last-child {
  border-right: 0 none;
}
header .menu ul li:last-child a {
  font-size: 13px;
  padding-left: 31px;
  padding-right: 0;
}
header .menu ul li a {
  line-height: 20px;
  font-size: 14px;
  padding: 0 27px;
}
header .menu ul li a:hover,
header .menu ul li a.selected,
header .menu ul li a:active {
  color: #726b65;
}
#content .content-bg {
  background-color: #FCFCFC;
}
#content .social {
  text-align: center;
  padding: 22px 0 18px;
}
#content .social li {
  margin: 0 7px;
}
footer {
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  position: absolute;
}
footer .copyright {
  line-height: 28px;
  padding: 23px 0;
  letter-spacing: -0.2px;
}
footer .social {
  position: absolute;
  right: 0;
  top: 25px;
}
footer .social li {
  margin-left: 15px;
}
footer .social li:first-child {
  margin-left: 0;
}
.social {
  font-size: 0;
}
.social li {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}
.social li a span {
  display: inline-block;
  vertical-align: middle;
}
.social li a span.text {
  font-size: 14px;
  color: #726b65;
}
.social li a span img {
  max-height: 20px;
  width: auto;
}
.gallery-pager {
  bottom: 29px;
  font-size: 0;
  position: absolute;
  right: 7px;
  z-index: 10;
}
.gallery-pager li {
  display: inline-block;
  vertical-align: top;
  width: 7px;
  height: 7px;
  margin-left: 10px;
}
.gallery-pager li:first-child {
  margin-left: 0;
}
.gallery-pager li.current a {
  background-image: url(img/pager-1.png);
}
.gallery-pager li a {
  display: block;
  background: url(img/pager-2.png) no-repeat;
  background-size: 7px 7px;
  height: 100%;
  width: 100%;
}
body.tablet #content .content-bg,
body.mobile #content .content-bg {
  padding: 0;
}
header {
  height: 133px;
  border-bottom: 0 none;
}
#content .container {
  max-width: 100%;
}
#content .container .banner .slides {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
#content .container .banner .slides a {
  display: block;
  position: relative;
  height: 100%;
}
#content .container .banner .slides a span {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#content .container .banner .slides a img {
  max-width: 1300px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
