@import './styles.css';

/* font-family: "HeliosCondRegular"; */
@font-face {
    font-family: "HeliosCondRegular";
    src: url("fonts/HeliosCondRegular/HeliosCondRegular.eot");
    src: url("fonts/HeliosCondRegular/HeliosCondRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/HeliosCondRegular/HeliosCondRegular.woff") format("woff"),
    url("fonts/HeliosCondRegular/HeliosCondRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "HeliosCondItalic"; */
@font-face {
    font-family: "HeliosCondItalic";
    src: url("fonts/HeliosCondItalic/HeliosCondItalic.eot");
    src: url("fonts/HeliosCondItalic/HeliosCondItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/HeliosCondItalic/HeliosCondItalic.woff") format("woff"),
    url("fonts/HeliosCondItalic/HeliosCondItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "HeliosCondBold"; */
@font-face {
    font-family: "HeliosCondBold";
    src: url("fonts/HeliosCondBold/HeliosCondBold.eot");
    src: url("fonts/HeliosCondBold/HeliosCondBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/HeliosCondBold/HeliosCondBold.woff") format("woff"),
    url("fonts/HeliosCondBold/HeliosCondBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "HeliosCondBoldItalic"; */
@font-face {
    font-family: "HeliosCondBoldItalic";
    src: url("fonts/HeliosCondBoldItalic/HeliosCondBoldItalic.eot");
    src: url("fonts/HeliosCondBoldItalic/HeliosCondBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/HeliosCondBoldItalic/HeliosCondBoldItalic.woff") format("woff"),
    url("fonts/HeliosCondBoldItalic/HeliosCondBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

.oldstyle {
  /*		.page > .content > .inner #imging-nav .item:hover,*/
}
.oldstyle body {
  font-size: 12px;
  line-height: 15px;
}
.oldstyle .page > .header, .oldstyle .page > .content {
  margin: 0 auto;
  width: 1200px;
  background: none;
}
.oldstyle .page > .header {
  height: 103px;
  background: url(img2/header-bg.png) no-repeat right bottom;
  padding-bottom: 41px;
}
.oldstyle .page > .header::after {
  content: "";
  display: block;
  height: 100px;
  background: url(images/header-bg2.png) no-repeat center 0;
  margin-top: -22px;
}
.oldstyle .page > .header .inner {
  overflow: visible;
}
.oldstyle .page > .header .logo {
  margin-top: 30px;
}
.oldstyle .page > .header .lang-ch {
  position: absolute;
  top: 99px;
  left: 197px;
}
.oldstyle .page > .header .lang-ch {
  font-size: 14px;
  font-weight: bold;
  font-family: "ElektraText";
  z-index: 2;
}
.oldstyle .page > .header .lang-ch, .oldstyle .page > .header .lang-ch a:hover, .oldstyle .page > .header .lang-ch a.current {
  color: #383836;
}
.oldstyle .page > .header .lang-ch a {
  margin: 0 5px;
  color: #6dc11f;
  text-decoration: none;
  font-weight: normal;
}
.oldstyle .page > .header .menu {
  position: absolute;
  width: 840px;
  left: 301px;
  top: 34px;
}
.oldstyle .page > .header .menu li {
  height: auto;
  vertical-align: top;
  position: relative;
}
.oldstyle .page > .header .menu li a {
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}
.oldstyle .page > .header .menu li:hover > a {
  color: #6dc11f;
}
.oldstyle .page > .header .menu li ul {
  list-style: outside none none;
  margin: 18px 0 0;
  padding: 19px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  z-index: 99;
}
.oldstyle .page > .header .menu li:hover ul {
  display: block;
}
.oldstyle .page > .header .menu li ul li {
  background: #efefef none repeat scroll 0 0;
  border: 0 none;
  display: block;
  padding: 0;
  width: auto;
  padding: 6px 16px 3px;
  text-align: left;
}
.oldstyle .page > .header .menu li ul li a {
  color: #333331;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAcElEQVQoz2PIPSjPAMScQNwIxHeA+CeUboSKM4AUcAHxUSD+jwWDxLlAipqgAveA2AmIeaD0Pah4AwPUaBDHAWo1DNtAxe8yQN3wH2oCsiI2qPhPZJNc0BQ5wJwB4jRDOQ+hCnmg9EOoeCPRviMYTgAUxZUv/5yeCQAAAABJRU5ErkJggg==);
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  white-space: nowrap;
  padding-left: 18px;
}
.oldstyle .page > .header .menu li ul li.active a {
  color: #6dc11f;
}
.oldstyle .page > .header .menu .btn-next {
  position: absolute;
  right: 8px;
  top: -15px;
}
.oldstyle .page > .content {
  padding: 0;
  margin-top: 34px;
  background: none;
}
.oldstyle .page > .content > .inner {
  padding: 17px 20px;
  width: auto;
  background: none;
}
.oldstyle .page > .content > .inner .download {
  position: absolute;
  left: 575px;
  top: 24px;
  z-index: 5;
}
.oldstyle .page > .content > .inner .download a {
  font-size: 28px;
  _font-weight: bold;
  _font-family: "HeliosCondBold";
  color: #333331;
  letter-spacing: -1px;
  text-decoration: none;
  text-align: center;
  display: block;
}
.oldstyle .page > .content > .inner .download a .btn-down {
  margin: 12px auto 0 auto;
}
.oldstyle .page > .content > .inner #imging-nav {
  margin-top: 45px;
  position: relative;
  height: 1040px;
}
.oldstyle .page > .content > .inner #imging-nav .item {
  position: absolute;
  color: #333331;
  opacity: 0.3;
}
.oldstyle .page > .content > .inner #imging-nav .item.active {
  opacity: 1;
}
.oldstyle .page > .content > .inner #imging-nav .item .image {
  position: absolute;
  z-index: 1;
}
.oldstyle .page > .content > .inner #imging-nav .item .image .coming_soon {
  position: absolute;
  top: 160px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  display: inline-block;
  font-size: 21px;
  line-height: 25px;
  letter-spacing: -1px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  z-index: 2;
}
.oldstyle .page > .content > .inner #imging-nav .item:hover .image .coming_soon, .oldstyle .page > .content > .inner #imging-nav .item.active .image .coming_soon {
  display: none;
}
.oldstyle .page > .content > .inner #imging-nav .item .title {
  position: relative;
  display: inline-block;
  font-size: 21px;
  _font-weight: bold;
  _font-family: "HeliosCondBold";
  letter-spacing: -1px;
  text-transform: uppercase;
  z-index: 2;
}
.oldstyle .page > .content > .inner #imging-nav .item .title .ico {
  position: absolute;
  width: 37px;
  height: 43px;
  z-index: 2;
}
.oldstyle .page > .content > .inner #imging-nav .item .text {
  margin-top: 5px;
  position: relative;
  width: 265px;
  font-size: 13px;
  line-height: 15px;
  _font-family: "HeliosCondRegular";
  text-transform: uppercase;
  z-index: 2;
}
.oldstyle .page > .content > .inner #imging-nav .item .link-list {
  margin-top: 9px;
  position: relative;
  z-index: 2;
}
.oldstyle .page > .content > .inner #imging-nav .item .link-list a {
  font-size: 14px;
  color: #71b629;
  font-family: "ElektraText";
  text-decoration: underline;
}
.oldstyle .page > .content > .inner #imging-nav .fixedsized {
  top: 375px;
  left: 42px;
}
.oldstyle .page > .content > .inner #imging-nav .fixedsized .image {
  top: -345px;
  left: 150px;
  width: 406px;
  height: 406px;
  background: url(img2/imging-nav-fixedsized-image.png) no-repeat 0 0;
}
.oldstyle .page > .content > .inner #imging-nav .fixedsized .ico {
  top: -33px;
  left: -42px;
  background: url(img2/imging-nav-fixedsized-ico.png) no-repeat center center;
}
.oldstyle .page > .content > .inner #imging-nav .fixedsized .fixedsized2 {
  position: absolute;
  top: -283px;
  left: 550px;
}
.oldstyle .page > .content > .inner #imging-nav .fixedsized .fixedsized2 .title {
  width: 150px;
}
.oldstyle .page > .content > .inner #imging-nav .fixedsized .fixedsized2 .title .ico {
  left: auto;
  right: -40px;
}
.oldstyle .page > .content > .inner #imging-nav .fixedsized .fixedsized2 .link-list {
  width: 200px;
}
.oldstyle .page > .content > .inner #imging-nav .modular-dataroom {
  top: 753px;
  left: 2px;
}
.oldstyle .page > .content > .inner #imging-nav .modular-dataroom .image {
  top: -328px;
  left: 106px;
  width: 527px;
  height: 429px;
  background: url(img2/imging-nav-modular_dataroom-image-2.png) no-repeat 0 0;
}
.oldstyle .page > .content > .inner #imging-nav .item.modular-dataroom:hover .image, .oldstyle .page > .content > .inner #imging-nav .item.modular-dataroom.active .image {
  background-image: url(img2/imging-nav-modular_dataroom-image-2-hover.png);
}
.oldstyle .page > .content > .inner #imging-nav .modular-dataroom .ico {
  top: -33px;
  left: -42px;
  background: url(img2/imging-nav-modular_dataroom-ico.png) no-repeat center center;
}
.oldstyle .page > .content > .inner #imging-nav .ruggedized-solutions {
  top: 924px;
  left: 429px;
}
.oldstyle .page > .content > .inner #imging-nav .ruggedized-solutions .image {
  top: -332px;
  left: 159px;
  width: 480px;
  height: 374px;
  background: url(img2/imging-nav-ruggedized_solutions-image-2.png) no-repeat 0 0;
}
.oldstyle .page > .content > .inner #imging-nav .item.ruggedized-solutions:hover .image, .oldstyle .page > .content > .inner #imging-nav .item.ruggedized-solutions.active .image {
  background-image: url(img2/imging-nav-ruggedized_solutions-image-2-hover.png);
}
.oldstyle .page > .content > .inner #imging-nav .ruggedized-solutions .ico {
  top: -33px;
  left: -42px;
  background: url(img2/imging-nav-ruggedized_solutions-ico.png) no-repeat center center;
}
.oldstyle .page > .content > .inner #imging-nav .scalable-mdc {
  top: 71px;
  left: 900px;
}
.oldstyle .page > .content > .inner #imging-nav .scalable-mdc .image {
  top: 62px;
  left: -355px;
  width: 458px;
  height: 442px;
  background: url(img2/imging-nav-scalable_mdc-image-2.png) no-repeat 0 0;
}
.oldstyle .page > .content > .inner #imging-nav .item.scalable-mdc:hover .image, .oldstyle .page > .content > .inner #imging-nav .item.scalable-mdc.active .image {
  background-image: url(img2/imging-nav-scalable_mdc-image-2-hover.png);
}
.oldstyle .page > .content > .inner #imging-nav .scalable-mdc .ico {
  top: -33px;
  right: -40px;
  background: url(img2/imging-nav-scalable_mdc-ico.png) no-repeat center center;
}
.oldstyle .footer {
  width: auto;
  margin: 0 auto;
  padding: 31px 0 64px 0;
  background: #333331;
}
.oldstyle .footer .inner {
  width: 1200px;
}
.oldstyle .footer .menu {
  margin: 0;
  padding: 0;
  display: table-row;
}
.oldstyle .footer .menu ul {
  margin: 0;
}
.oldstyle .footer .menu li {
  list-style: none;
  display: table-cell;
  padding: 0 5px;
  height: auto;
  vertical-align: middle;
  text-align: center;
}
.oldstyle .footer .menu li.last {
  border-right: none;
}
.oldstyle .footer .menu a {
  color: #fff;
  text-decoration: underline;
  font-size: 14px;
}
.oldstyle .footer .menu li.active a {
  color: #6dc11f;
}
.oldstyle .footer .menu li.active a:hover {
  text-decoration: none;
}
.oldstyle .footer .address {
  margin: 0 auto;
  float: none;
  color: #fff;
  text-align: center;
}
.oldstyle .footer .address .phone {
  color: #fff;
}
.oldstyle .inner {
  position: relative;
}
.oldstyle .btn-next {
  display: inline-block;
  width: 20px;
  height: 53px;
  background: url(img2/next.png) no-repeat center center;
}
.oldstyle .btn-down {
  display: inline-block;
  width: 70px;
  height: 27px;
  background: url(img2/down.png) no-repeat center center;
}