/* fonts */
/* colors */
/* paths */
/* body */
* {
  margin: 0;
  padding: 0;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}
body {
  width: 100%;
  min-width: 980px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  font: 400 16px/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  background: #ffffff;
  color: #222938;
}
/* html5 for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* elements */
.nowrap {
  white-space: nowrap;
}
.clr {
  clear: both;
}
.valign {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
/* img */
img,
a img {
  border: 0;
}
/* links */
a {
  color: #51b2e3;
  text-decoration: underline;
}
a:hover {
  color: #6f7c93;
  text-decoration: none;
}
/* dotted */
.dt {
  top: -0.12em;
  border-bottom: 1px dotted;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  color: #51b2e3;
}
.dt span {
  position: relative;
  top: 0.12em;
  margin-bottom: -0.12em;
}
.dt:hover,
.dt:hover span {
  color: #6f7c93;
}
/* forms */
input,
select,
button,
textarea {
  font: normal 1em/1.1em "Open Sans", Arial, Helvetica, sans-serif;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
input::-moz-focus-inner {
  border: none;
  padding: 0;
}
/* left, right */
.left {
  float: left;
}
.right {
  float: right;
}
.tleft {
  text-align: left;
}
.tright {
  text-align: right;
}
.ib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
/* container */
.container {
  position: relative;
  width: 90%;
  margin: 0 auto;
  max-width: 1140px;
  min-width: 960px;
}
@-webkit-keyframes animation-balls-1 {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(-30px, -30px);
  }
  20% {
    transform: translate(0px, -30px);
  }
  30% {
    transform: translate(-30px, 0px);
  }
  40% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes animation-balls-1 {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(-30px, -30px);
  }
  20% {
    transform: translate(0px, -30px);
  }
  30% {
    transform: translate(-30px, 0px);
  }
  40% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-ms-keyframes animation-balls-1 {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(-30px, -30px);
  }
  20% {
    transform: translate(0px, -30px);
  }
  30% {
    transform: translate(-30px, 0px);
  }
  40% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-o-keyframes animation-balls-1 {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(-30px, -30px);
  }
  20% {
    transform: translate(0px, -30px);
  }
  30% {
    transform: translate(-30px, 0px);
  }
  40% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes animation-balls-1 {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(-30px, -30px);
  }
  20% {
    transform: translate(0px, -30px);
  }
  30% {
    transform: translate(-30px, 0px);
  }
  40% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes animation-balls-2 {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(-30px, 0px);
  }
  30% {
    transform: translate(-30px, -30px);
  }
  45% {
    transform: translate(0px, -30px);
  }
  60% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes animation-balls-2 {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(-30px, 0px);
  }
  30% {
    transform: translate(-30px, -30px);
  }
  45% {
    transform: translate(0px, -30px);
  }
  60% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-ms-keyframes animation-balls-2 {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(-30px, 0px);
  }
  30% {
    transform: translate(-30px, -30px);
  }
  45% {
    transform: translate(0px, -30px);
  }
  60% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-o-keyframes animation-balls-2 {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(-30px, 0px);
  }
  30% {
    transform: translate(-30px, -30px);
  }
  45% {
    transform: translate(0px, -30px);
  }
  60% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes animation-balls-2 {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(-30px, 0px);
  }
  30% {
    transform: translate(-30px, -30px);
  }
  45% {
    transform: translate(0px, -30px);
  }
  60% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes animation-balls-3 {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(-30px, 0px);
  }
  40% {
    transform: translate(0, -30px);
  }
  60% {
    transform: translate(-30px, -30px);
  }
  80% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes animation-balls-3 {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(-30px, 0px);
  }
  40% {
    transform: translate(0, -30px);
  }
  60% {
    transform: translate(-30px, -30px);
  }
  80% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-ms-keyframes animation-balls-3 {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(-30px, 0px);
  }
  40% {
    transform: translate(0, -30px);
  }
  60% {
    transform: translate(-30px, -30px);
  }
  80% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-o-keyframes animation-balls-3 {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(-30px, 0px);
  }
  40% {
    transform: translate(0, -30px);
  }
  60% {
    transform: translate(-30px, -30px);
  }
  80% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes animation-balls-3 {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(-30px, 0px);
  }
  40% {
    transform: translate(0, -30px);
  }
  60% {
    transform: translate(-30px, -30px);
  }
  80% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
form.feedback .title {
  color: #222938;
  font: 800 1.5em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0 0 .6em 0;
}
form.feedback .result {
  font: 0.9em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  color: #ffffff;
  margin: 1em 0;
}
form.feedback .result.success {
  color: #56e453;
}
form.feedback .result.error {
  color: #e45b53;
}
form.feedback input[type=text],
form.feedback textarea {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 1em;
  color: #6f7c93;
  font: 400 0.85em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  border: 1px solid #b2c5d1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 6px 10px;
}
form.feedback input[type=text]::-webkit-input-placeholder,
form.feedback textarea::-webkit-input-placeholder {
  color: #6f7c93;
  font: italic 300 1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
form.feedback input[type=text]:-moz-placeholder,
form.feedback textarea:-moz-placeholder {
  color: #6f7c93;
  font: italic 300 1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
form.feedback input[type=text]::-moz-placeholder,
form.feedback textarea::-moz-placeholder {
  color: #6f7c93;
  font: italic 300 1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
form.feedback input[type=text]:-ms-input-placeholder,
form.feedback textarea:-ms-input-placeholder {
  color: #6f7c93;
  font: italic 300 1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
form.feedback input[type=text] {
  width: 45%;
  margin-right: 10%;
}
form.feedback input[type=text]:nth-of-type(2n) {
  margin-right: 0;
}
form.feedback textarea {
  width: 100%;
  height: 80px;
  resize: none;
}
form.feedback input[type=submit] {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #ffffff;
  background: #e45b53;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 0 0 #a93d36;
  -moz-box-shadow: 0 4px 0 0 #a93d36;
  -o-box-shadow: 0 4px 0 0 #a93d36;
  box-shadow: 0 4px 0 0 #a93d36;
  font: 800 1.5em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
  padding: 5px 45px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  margin: .5em 0 0 0;
}
form.feedback input[type=submit]:hover {
  background: #cf554e;
}
form.feedback input[type=submit]:disabled {
  background: #666;
  -webkit-box-shadow: 0 4px 0 0 #333;
  -moz-box-shadow: 0 4px 0 0 #333;
  -o-box-shadow: 0 4px 0 0 #333;
  box-shadow: 0 4px 0 0 #333;
}
.win {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: none;
}
.win .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0b0e16;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
  cursor: pointer;
}
.win-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  margin: -200px 0 0 -400px;
  background: #dae8f1;
  padding: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 600px) {
  .win-content {
    width: 90%;
    margin: 0;
    left: 5%;
    top: 100px;
  }
  .win-content input[type=text] {
    width: 100% !important;
  }
  .win-content input[type=submit] {
    padding: 5px 15px !important;
  }
}
/* header */
header .header-top {
  position: relative;
  min-width: 980px;
  height: 43px;
  background: #222938;
  border-bottom: 2px solid transparent;
}
header .header-top.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  border-bottom: 2px solid #6f7c93;
  -webkit-box-shadow: 0 5px 7px rgba(34, 41, 56, 0.5);
  -moz-box-shadow: 0 5px 7px rgba(34, 41, 56, 0.5);
  -o-box-shadow: 0 5px 7px rgba(34, 41, 56, 0.5);
  box-shadow: 0 5px 7px rgba(34, 41, 56, 0.5);
}
header .header-top .header-menu-popup {
  position: relative;
  float: left;
  width: 23px;
  margin: 14px 3% 0 0;
}
header .header-top .header-menu-popup .open {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 23px;
  height: 17px;
  background: url("/local/templates/main/i/header-sprite.png") 0 0 no-repeat;
  cursor: pointer;
}
header .header-top .header-menu-popup .menu-popup {
  display: none;
  position: absolute;
  z-index: 10;
  top: 45px;
  left: 0;
}
header .header-top .header-menu-popup .menu-popup ul {
  position: relative;
  list-style: none;
  min-width: 230px;
  background: #222938;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 10px 0;
}
header .header-top .header-menu-popup .menu-popup ul:before {
  position: absolute;
  top: -16px;
  left: 10px;
  width: 0;
  height: 0;
  content: " ";
  border: 8px solid transparent;
  border-bottom: 8px solid #222938;
}
header .header-top .header-menu-popup .menu-popup ul li {
  display: block;
  font: 700 0.8em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  color: #fff;
}
header .header-top .header-menu-popup .menu-popup ul li a,
header .header-top .header-menu-popup .menu-popup ul li .a {
  display: block;
  color: #fff;
  padding: 8px 15px;
  text-decoration: none;
}
header .header-top .header-menu-popup .menu-popup ul li a:hover,
header .header-top .header-menu-popup .menu-popup ul li .a:hover,
header .header-top .header-menu-popup .menu-popup ul li a.active,
header .header-top .header-menu-popup .menu-popup ul li .a.active {
  background: #3191c2;
}
header .header-top .header-phone {
  position: relative;
  float: left;
  margin: 10px 3% 0 0;
  padding: 0 0 0 18px;
  color: #fff;
  font: 400 1.1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
header .header-top .header-phone b {
  font-weight: 700;
}
header .header-top .header-phone .ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  left: 0;
  top: 3px;
  width: 11px;
  height: 17px;
  background: url("/local/templates/main/i/header-sprite.png") -24px 0 no-repeat;
}
header .header-top .header-feedback {
  float: left;
  margin: 10px 8% 0 0;
}
header .header-top .header-feedback a {
  display: block;
  background: #e45b53;
  color: #fff;
  font: 600 0.85em/1.2em "Open Sans", Arial, Helvetica, sans-serif;
  padding: 4px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
header .header-top .header-feedback a:hover {
  background: #cf554e;
}
header .header-top .header-search {
  float: left;
  margin: 10px 0 0 0;
  width: 20%;
}
header .header-top .header-search form {
  position: relative;
}
header .header-top .header-search form input[type=text] {
  color: #6f7c93;
  font: 400 0.8em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #353c4b;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 4px 10px;
}
header .header-top .header-search form input[type=text]::-webkit-input-placeholder {
  color: #6f7c93;
  font: italic 300 1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
header .header-top .header-search form input[type=text]:-moz-placeholder {
  color: #6f7c93;
  font: italic 300 1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
header .header-top .header-search form input[type=text]::-moz-placeholder {
  color: #6f7c93;
  font: italic 300 1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
header .header-top .header-search form input[type=text]:-ms-input-placeholder {
  color: #6f7c93;
  font: italic 300 1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
header .header-top .header-search form input[type=submit] {
  position: absolute;
  right: 10px;
  top: 4px;
  font-size: 0;
  line-height: 0;
  border: none;
  width: 11px;
  height: 17px;
  background: url("/local/templates/main/i/header-sprite.png") -36px 0 no-repeat;
  cursor: pointer;
}
header .header-top .header-lang {
  float: right;
  margin: 12px 0 0 0;
  font-size: 0;
}
header .header-top .header-lang a,
header .header-top .header-lang span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 24px;
  height: 19px;
  background: url("/local/templates/main/i/flag-sprite.png") 0 0 no-repeat;
  margin: 0 5px;
}
header .header-top .header-lang a.ru,
header .header-top .header-lang span.ru {
  background-position: 0 0;
}
header .header-top .header-lang a.en,
header .header-top .header-lang span.en {
  background-position: -25px 0;
}
header .header-top .header-auth {
  margin: 12px 0 0 5%;
  padding: 0 0 0 32px;
  float: right;
}
header .header-top .header-auth a {
  color: #fff;
  font: 400 0.85em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  position: relative;
}
header .header-top .header-auth a .ico {
  position: absolute;
  left: -25px;
  top: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 13px;
  height: 17px;
  background: url("/local/templates/main/i/header-sprite.png") -48px 0 no-repeat;
}
header .header-top .header-auth a .ico:before {
  display: block;
  content: " ";
  position: absolute;
  width: 25px;
  height: 25px;
  left: -7px;
  top: -4px;
  border: 1px solid #374154;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
header .header-bottom {
  height: 90px;
  background: #fff;
}
header .header-bottom .logo {
  float: left;
  width: 184px;
  height: 39px;
  margin: 30px 0 0 0;
}
header .header-bottom .logo img {
  display: block;
  max-width: 100%;
}
header .header-bottom .logo img.retina {
  display: none;
}
@media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  header .header-bottom .logo img {
    display: none;
  }
  header .header-bottom .logo img.retina {
    display: block;
  }
}
header .header-bottom .main-menu {
  padding: 38px 0 0 0;
  margin: 0 0 0 25%;
  font: 400 1.1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  list-style: none;
  text-align: justify;
  width: 75%;
}
header .header-bottom .main-menu li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  position: relative;
}
header .header-bottom .main-menu li a,
header .header-bottom .main-menu li .a {
  color: #222938;
  cursor: pointer;
  text-decoration: underline;
}
header .header-bottom .main-menu li a.active,
header .header-bottom .main-menu li .a.active {
  font-weight: 600;
  text-decoration: none;
}
header .header-bottom .main-menu li.helper {
  width: 100%;
  height: 0;
  visibility: hidden;
}
header .header-bottom .main-menu li ul {
  display: none;
  position: absolute;
  z-index: 10;
  top: 45px;
  left: 0;
  list-style: none;
  min-width: 350px;
  background: #222938;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 10px 0;
}
header .header-bottom .main-menu li ul:before {
  position: absolute;
  top: -16px;
  left: 10px;
  width: 0;
  height: 0;
  content: " ";
  border: 8px solid transparent;
  border-bottom: 8px solid #222938;
}
header .header-bottom .main-menu li ul li {
  display: block;
  font: 700 0.8em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  color: #fff;
}
header .header-bottom .main-menu li ul li a,
header .header-bottom .main-menu li ul li .a {
  display: block;
  color: #fff;
  padding: 8px 15px;
  text-decoration: none;
}
header .header-bottom .main-menu li ul li a:hover,
header .header-bottom .main-menu li ul li .a:hover,
header .header-bottom .main-menu li ul li a.active,
header .header-bottom .main-menu li ul li .a.active {
  background: #3191c2;
}
header .header-nav {
  padding: 7px 0;
  background: #bfd7e7;
}
header .header-nav h1 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 50%;
  font: 600 1.5em/1.2em "Open Sans", Arial, Helvetica, sans-serif;
  word-wrap: break-word;
}
header .header-nav .crumbs {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 50%;
  font: 400 0.75em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: right;
}
header .header-nav .crumbs a,
header .header-nav .crumbs span {
  padding: 0 5px;
}
header .header-nav .crumbs a {
  text-decoration: none;
}
header .header-nav .crumbs a:hover {
  color: #51b2e3;
}
/* section.main-slider */
section.main-slider {
  position: relative;
  width: 100%;
  height: 650px;
  background: url("/local/templates/main/i/main/slider-bg.jpg") 50% 50% no-repeat;
  overflow: hidden;
}
section.main-slider .top-text {
  position: absolute;
  top: 100px;
  left: 0;
  width: 58%;
  font: 300 3.4em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-transform: uppercase;
}
section.main-slider .slide {
  position: absolute;
  left: 0;
  top: 300px;
  width: 58%;
  opacity: 0;
}
@media all and (max-width: 1200px) {
  section.main-slider .slide {
    width: 60%;
  }
}
section.main-slider .slide .middle-text {
  position: relative;
  color: #fff;
  font: 800 3em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-transform: uppercase;
}
section.main-slider .slide .middle-text.small {
  font-size: 2.25em;
}
section.main-slider .slide .bottom-text {
  font: 300 1.85em/1.6em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
}
section.main-slider .balls {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  opacity: 0;
}
section.main-slider .balls .ball {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
}
section.main-slider .balls .ball.ball-animate-1 {
  -webkit-animation: animation-balls-1 20s infinite;
  -moz-animation: animation-balls-1 20s infinite;
  -ms-animation: animation-balls-1 20s infinite;
  -o-animation: animation-balls-1 20s infinite;
  animation: animation-balls-1 20s infinite;
}
section.main-slider .balls .ball.ball-animate-2 {
  -webkit-animation: animation-balls-2 20s infinite;
  -moz-animation: animation-balls-2 20s infinite;
  -ms-animation: animation-balls-2 20s infinite;
  -o-animation: animation-balls-2 20s infinite;
  animation: animation-balls-2 20s infinite;
}
section.main-slider .balls .ball.ball-animate-3 {
  -webkit-animation: animation-balls-3 20s infinite;
  -moz-animation: animation-balls-3 20s infinite;
  -ms-animation: animation-balls-3 20s infinite;
  -o-animation: animation-balls-3 20s infinite;
  animation: animation-balls-3 20s infinite;
}
section.main-slider .balls .ball.ball-200 {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-130 {
  width: 130px;
  height: 130px;
  -webkit-border-radius: 130px;
  -moz-border-radius: 130px;
  border-radius: 130px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-90 {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-70 {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-50 {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-40 {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-blue {
  background: #1b6da5;
}
section.main-slider .balls .ball.ball-green {
  background: #9dc53b;
}
section.main-slider .balls .ball.ball-yellow {
  background: #f9c740;
}
section.main-slider .balls .ball.ball-light-blue {
  background: #51b2e3;
}
section.main-slider .balls .ball.ball-orange {
  background: #fbab12;
}
section.main-slider .balls .ball.ball-border:after {
  position: absolute;
  display: block;
  content: "";
  left: -4px;
  top: -4px;
}
section.main-slider .balls .ball.ball-border.ball-200:after {
  width: 204px;
  height: 204px;
  -webkit-border-radius: 204px;
  -moz-border-radius: 204px;
  border-radius: 204px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-border.ball-130:after {
  width: 134px;
  height: 134px;
  -webkit-border-radius: 134px;
  -moz-border-radius: 134px;
  border-radius: 134px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-border.ball-90:after {
  width: 94px;
  height: 94px;
  -webkit-border-radius: 94px;
  -moz-border-radius: 94px;
  border-radius: 94px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-border.ball-70:after {
  width: 74px;
  height: 74px;
  -webkit-border-radius: 74px;
  -moz-border-radius: 74px;
  border-radius: 74px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-border.ball-50:after {
  width: 54px;
  height: 54px;
  -webkit-border-radius: 54px;
  -moz-border-radius: 54px;
  border-radius: 54px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-border.ball-40:after {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 44px;
  -moz-border-radius: 44px;
  border-radius: 44px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-slider .balls .ball.ball-border.ball-blue:after {
  border: 2px solid #1b6da5;
}
section.main-slider .balls .ball.ball-border.ball-green:after {
  border: 2px solid #9dc53b;
}
section.main-slider .balls .ball.ball-border.ball-yellow:after {
  border: 2px solid #f9c740;
}
section.main-slider .balls .ball.ball-border.ball-light-blue:after {
  border: 2px solid #51b2e3;
}
section.main-slider .balls .ball.ball-border.ball-orange:after {
  border: 2px solid #fbab12;
}
section.main-slider .balls .ball .ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 0;
  height: 0;
  background: url("/local/templates/main/i/main/slider-sprite.png") 0 0 no-repeat;
  vertical-align: middle;
}
section.main-slider .balls .ball .ico-water {
  width: 171px;
  height: 155px;
  background-position: 0 0;
}
section.main-slider .balls .ball .ico-heat {
  width: 155px;
  height: 155px;
  background-position: -181px 0;
}
section.main-slider .balls .ball .ico-bulb {
  width: 106px;
  height: 153px;
  background-position: -346px 0;
}
section.main-slider .balls .ball .ico-temperature {
  width: 85px;
  height: 166px;
  background-position: -462px 0;
}
section.main-slider .balls .ball .ico-lights {
  width: 72px;
  height: 174px;
  background-position: -557px 0;
}
section.main-slider .balls .ball .ico-signaling {
  width: 152px;
  height: 111px;
  background-position: -639px 0;
}
section.main-slider .balls .ball .ico-dog {
  width: 135px;
  height: 129px;
  background-position: -801px 0;
}
section.main-slider .balls .ball .ico-pressure {
  width: 106px;
  height: 106px;
  background-position: -946px 0;
}
section.main-slider .balls .ball .ico-humidity {
  width: 91px;
  height: 91px;
  background-position: -1062px 0;
}
section.main-slider .balls .ball .ico-electric {
  width: 82px;
  height: 102px;
  background-position: -1163px 0;
}
section.main-slider .balls .ball .ico-car {
  width: 133px;
  height: 103px;
  background-position: -1255px 0;
}
section.main-slider .balls .ball .ico-oil {
  width: 60px;
  height: 65px;
  background-position: -1398px 0;
}
section.main-slider .balls .ball .ico-tracker {
  width: 54px;
  height: 54px;
  background-position: -1468px 0;
}
/* section.main-scope */
section.main-scope .container {
  padding: 4em 0;
}
section.main-scope h1,
section.main-scope h2 {
  font: 800 2.25em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
}
section.main-scope blockquote {
  display: block;
  font: italic 300 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  color: #89909d;
  margin: 0 0 2em 0;
  text-align: center;
}
section.main-scope ul {
  font: 400 1.15em/1.6em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 0 30px;
}
section.main-scope ul b {
  font-weight: 600;
  font-size: 1.3em;
  line-height: 1.25em;
}
section.main-scope ul li {
  margin: 0 0 2em 0;
  list-style: none outside url("/local/templates/main/i/li.png");
}
section.main-scope ul li:last-child {
  margin-bottom: 0;
}
/* section.main-tasks */
section.main-tasks {
  position: relative;
  width: 100%;
  height: 1000px;
  background: url("/local/templates/main/i/main/tasks-bg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
section.main-tasks .container {
  padding: 4em 0;
}
section.main-tasks h1,
section.main-tasks h2 {
  color: #ffffff;
  font: 800 2.25em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 2em 0;
  text-transform: uppercase;
}
section.main-tasks .task-list {
  position: relative;
}
section.main-tasks .task-list:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  content: " ";
  display: block;
  width: 1px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.3);
}
section.main-tasks .task-list .task {
  position: relative;
  width: 50%;
  height: 230px;
  margin-top: -80px;
}
section.main-tasks .task-list .task:first-child {
  margin-top: 0;
}
section.main-tasks .task-list .task:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  content: " ";
  display: block;
  height: 1px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.3);
}
section.main-tasks .task-list .task .text {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 20px;
  width: 75%;
  color: #ffffff;
}
section.main-tasks .task-list .task .text .title {
  font: 700 1.5em/1.25em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-transform: uppercase;
}
section.main-tasks .task-list .task .text ul {
  margin: 0 0 0 20px;
}
section.main-tasks .task-list .task .text ul li {
  margin: 0 0 .5em 0;
  color: #ffffff;
  font-size: .8em;
  line-height: 1.3em;
}
section.main-tasks .task-list .task .text ul li span {
  font-size: 1.25em;
  line-height: 1.3em;
  color: #ffffff;
}
section.main-tasks .task-list .task .button {
  position: absolute;
  right: -40px;
  top: 40px;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
section.main-tasks .task-list .task .button:after {
  position: absolute;
  left: -4px;
  top: -4px;
  display: block;
  content: "";
  width: 84px;
  height: 84px;
  -webkit-border-radius: 84px;
  -moz-border-radius: 84px;
  border-radius: 84px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-tasks .task-list .task .button .ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 0;
  height: 0;
  background: url("/local/templates/main/i/main/tasks-sprite.png") 0 0 no-repeat;
  vertical-align: middle;
}
section.main-tasks .task-list .task .button .ico-monitor {
  width: 46px;
  height: 47px;
  background-position: 0 0;
}
section.main-tasks .task-list .task .button .ico-control {
  width: 56px;
  height: 47px;
  background-position: -51px 0;
}
section.main-tasks .task-list .task .button .ico-meter {
  width: 47px;
  height: 47px;
  background-position: -112px 0;
}
section.main-tasks .task-list .task .button .ico-search {
  width: 47px;
  height: 47px;
  background-position: -164px 0;
}
section.main-tasks .task-list .task-right {
  margin-left: 50%;
}
section.main-tasks .task-list .task-right .text {
  left: auto;
  right: 0;
}
section.main-tasks .task-list .task-right .button {
  right: auto;
  left: -40px;
}
section.main-tasks .task-list .task-light-blue .text {
  background: #51b2e3;
}
section.main-tasks .task-list .task-light-blue .text ul li {
  color: #7acdf7;
}
section.main-tasks .task-list .task-light-blue .button {
  background: #51b2e3;
}
section.main-tasks .task-list .task-light-blue .button:after {
  border: 2px solid #51b2e3;
}
section.main-tasks .task-list .task-green .text {
  background: #9dc53b;
}
section.main-tasks .task-list .task-green .text ul li {
  color: #bae452;
}
section.main-tasks .task-list .task-green .button {
  background: #9dc53b;
}
section.main-tasks .task-list .task-green .button:after {
  border: 2px solid #9dc53b;
}
section.main-tasks .task-list .task-orange .text {
  background: #fbab12;
}
section.main-tasks .task-list .task-orange .text ul li {
  color: #ffd565;
}
section.main-tasks .task-list .task-orange .button {
  background: #fbab12;
}
section.main-tasks .task-list .task-orange .button:after {
  border: 2px solid #fbab12;
}
section.main-tasks .task-list .task-blue .text {
  background: #156094;
}
section.main-tasks .task-list .task-blue .text ul li {
  color: #50b7e9;
}
section.main-tasks .task-list .task-blue .button {
  background: #156094;
}
section.main-tasks .task-list .task-blue .button:after {
  border: 2px solid #156094;
}
/* section.main-application */
section.main-application {
  position: relative;
  width: 100%;
  height: 900px;
  background: url("/local/templates/main/i/main/application-bg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
section.main-application .container {
  padding: 4em 0;
}
section.main-application h1,
section.main-application h2 {
  font: 800 2.25em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
}
section.main-application blockquote {
  display: block;
  font: italic 300 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  color: #89909d;
  margin: 0 0 2em 0;
  text-align: center;
}
section.main-application p {
  text-align: center;
  font: 400 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 .5em 0;
}
section.main-application p.feedback {
  font-weight: 300;
}
section.main-application p.feedback a {
  font-weight: 600;
  text-transform: uppercase;
  color: #e45b53;
}
section.main-application p.feedback a span {
  color: #e45b53;
}
/* application-list */
.application-list {
  margin: 2.5em -3.3% 2.5em 0;
}
.application-list .item {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 30%;
  margin: 0 3.3% 1.5em 0;
  height: 210px;
  overflow: hidden;
}
.application-list .item .i {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.application-list .item .title {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  color: #ffffff;
  font: 700 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: right;
  text-decoration: none;
  padding: 10px 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.application-list .item .popup {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
  opacity: 0;
  background: #222938;
  background: rgba(34, 41, 56, 0.8);
  padding: 10px 12px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.application-list .item .popup .name {
  display: block;
  color: #0089c4;
  text-decoration: none;
  font: 700 0.85em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0 0 .4em 0;
}
.application-list .item .popup .desc {
  display: block;
  color: #ffffff;
  font: 600 0.7em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
.application-list .item .popup .arrow {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 15px;
  background: #0089c4;
}
.application-list .item .popup .arrow:after {
  display: block;
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border: none;
  border: 5px solid transparent;
  border-left: 5px solid #ffffff;
  margin: -5px 0 0 -2px;
}
.application-list .item:hover .title {
  bottom: -80px;
  opacity: 0;
}
.application-list .item:hover .popup {
  bottom: 0;
  opacity: 1;
}
/* section.main-how-work */
section.main-how-work {
  position: relative;
  padding: 3em 0 0 0;
}
section.main-how-work h1,
section.main-how-work h2 {
  font: 800 2.25em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 .6em 0;
  text-transform: uppercase;
}
section.main-how-work blockquote {
  display: block;
  font: italic 300 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  color: #89909d;
  margin: 0 0 1.4em 0;
  text-align: center;
}
section.main-how-work ul {
  font: 300 1.4em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 1.4em 0;
  text-align: center;
  overflow: hidden;
}
section.main-how-work ul li {
  float: left;
  width: 20%;
  list-style: none inside url("/local/templates/main/i/li.png");
}
section.main-how-work .how-work-bg {
  position: relative;
  width: 100%;
  height: 550px;
  background: url("/local/templates/main/i/main/how-work-bg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
section.main-how-work .how-work-bg .container {
  height: 100%;
}
section.main-how-work .how-work-bg .device {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}
section.main-how-work .how-work-bg .device.device-1 {
  left: 210px;
  top: 20px;
}
section.main-how-work .how-work-bg .device.device-2 {
  left: 350px;
  top: 90px;
}
section.main-how-work .how-work-bg .device.device-3 {
  left: 400px;
  top: 240px;
}
section.main-how-work .how-work-bg .device.device-4 {
  left: 310px;
  top: 375px;
}
section.main-how-work .how-work-bg .device.device-5 {
  left: 120px;
  top: 375px;
}
section.main-how-work .how-work-bg .device.device-6 {
  left: 5px;
  top: 245px;
}
section.main-how-work .how-work-bg .device.device-7 {
  left: 55px;
  top: 95px;
}
section.main-how-work .how-work-bg .device .button {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  background: #156094;
  margin: 0 20px;
}
section.main-how-work .how-work-bg .device .button:after {
  margin: 0 20px;
  position: absolute;
  left: -4px;
  top: -4px;
  display: block;
  content: "";
  width: 84px;
  height: 84px;
  -webkit-border-radius: 84px;
  -moz-border-radius: 84px;
  border-radius: 84px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #156094;
}
section.main-how-work .how-work-bg .device .button .ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 0;
  height: 0;
  background: url("/local/templates/main/i/main/how-work-sprite.png") 0 0 no-repeat;
  vertical-align: middle;
}
section.main-how-work .how-work-bg .device .button .ico-water {
  width: 63px;
  height: 57px;
  background-position: 0 0;
}
section.main-how-work .how-work-bg .device .button .ico-pressure {
  width: 62px;
  height: 62px;
  background-position: -68px 0;
}
section.main-how-work .how-work-bg .device .button .ico-heat {
  width: 62px;
  height: 62px;
  background-position: -135px 0;
}
section.main-how-work .how-work-bg .device .button .ico-electric {
  width: 46px;
  height: 58px;
  background-position: -202px 0;
}
section.main-how-work .how-work-bg .device .button .ico-tracker {
  width: 54px;
  height: 54px;
  background-position: -253px 0;
}
section.main-how-work .how-work-bg .device .button .ico-signaling {
  width: 66px;
  height: 49px;
  background-position: -312px 0;
}
section.main-how-work .how-work-bg .device .button .ico-temperature {
  width: 33px;
  height: 62px;
  background-position: -383px 0;
}
section.main-how-work .how-work-bg .device .tx {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: .5em 0 0 0;
  font: 600 0.75em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
section.main-how-work .how-work-bg .web {
  position: absolute;
  left: 150px;
  top: 260px;
  font: italic 600 1.85em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  color: #000000;
}
section.main-how-work .how-work-bg .note {
  position: absolute;
  left: 80px;
  bottom: 15px;
  font: italic 400 1.1em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  color: #cae3f2;
}
section.main-how-work .how-work-bg .cloud {
  position: absolute;
  top: 50%;
  left: 54%;
  margin: -76px 0 0 0;
  width: 238px;
  height: 153px;
  background: url("/local/templates/main/i/main/how-work-cloud.png") 0 0 no-repeat;
  text-align: center;
}
section.main-how-work .how-work-bg .cloud .tx {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  font: italic 600 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  padding: 25px 0 0 0;
}
section.main-how-work .how-work-bg .arrow-up {
  position: absolute;
  left: 70%;
  top: 100px;
  width: 155px;
  height: 85px;
  background: url("/local/templates/main/i/main/how-work-arrows.png") 0 0 no-repeat;
}
section.main-how-work .how-work-bg .arrow-up .tx {
  font: italic 400 0.85em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  color: #cae3f2;
  position: absolute;
  top: 0;
  right: 70px;
}
section.main-how-work .how-work-bg .arrow-down {
  position: absolute;
  left: 70%;
  top: 360px;
  width: 155px;
  height: 85px;
  background: url("/local/templates/main/i/main/how-work-arrows.png") 0 -85px no-repeat;
}
section.main-how-work .how-work-bg .arrow-down .tx {
  font: italic 400 0.85em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  color: #cae3f2;
  position: absolute;
  bottom: 0;
  right: 50px;
}
section.main-how-work .how-work-bg .api {
  position: absolute;
  left: 86%;
  top: 55px;
  width: 140px;
  text-align: center;
}
section.main-how-work .how-work-bg .api .i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 106px;
  height: 124px;
  background: url("/local/templates/main/i/main/how-work-api.png") 0 0 no-repeat;
  margin: 0 0 .5em 0;
}
section.main-how-work .how-work-bg .api .tx {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font: 600 0.85em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
section.main-how-work .how-work-bg .computer {
  position: absolute;
  left: 86%;
  top: 360px;
  width: 140px;
  text-align: center;
}
section.main-how-work .how-work-bg .computer .i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 106px;
  height: 100px;
  background: url("/local/templates/main/i/main/how-work-computer.png") 0 0 no-repeat;
  margin: 0 0 .5em 0;
}
section.main-how-work .how-work-bg .computer .tx {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font: 600 0.85em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
/* section.main-problem */
section.main-problem {
  position: relative;
  width: 100%;
  height: 590px;
  background: url("/local/templates/main/i/main/problem-bg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
section.main-problem .container {
  padding: 3em 0;
}
section.main-problem h1,
section.main-problem h2 {
  color: #ffffff;
  font: 800 2.25em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 1em 0;
  text-transform: uppercase;
}
section.main-problem ul {
  margin: 0 0 5em 0;
}
section.main-problem ul li {
  list-style: none;
  color: #ffffff;
  font: 300 1.5em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
}
section.main-problem ul li .button {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
section.main-problem ul li .button:after {
  position: absolute;
  left: -4px;
  top: -4px;
  display: block;
  content: "";
  width: 54px;
  height: 54px;
  -webkit-border-radius: 54px;
  -moz-border-radius: 54px;
  border-radius: 54px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-problem ul li .button.button-blue {
  background: #51b2e3 url("/local/templates/main/i/main/problem-ico.png") 50% 50% no-repeat;
}
section.main-problem ul li .button.button-blue:after {
  border: 2px solid #51b2e3;
}
section.main-problem ul li .button.button-green {
  background: #9dc53b url("/local/templates/main/i/main/problem-ico.png") 50% 50% no-repeat;
}
section.main-problem ul li .button.button-green:after {
  border: 2px solid #9dc53b;
}
section.main-problem ul li .button.button-orange {
  background: #fbab12 url("/local/templates/main/i/main/problem-ico.png") 50% 50% no-repeat;
}
section.main-problem ul li .button.button-orange:after {
  border: 2px solid #fbab12;
}
section.main-problem ul li .button .ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 0;
  height: 0;
  background: url("/local/templates/main/i/main/tasks-sprite.png") 0 0 no-repeat;
  vertical-align: middle;
}
section.main-problem ul li .button .ico-monitor {
  width: 46px;
  height: 47px;
  background-position: 0 0;
}
section.main-problem ul li .button .ico-control {
  width: 56px;
  height: 47px;
  background-position: -51px 0;
}
section.main-problem ul li .button .ico-meter {
  width: 47px;
  height: 47px;
  background-position: -112px 0;
}
section.main-problem ul li .button .ico-search {
  width: 47px;
  height: 47px;
  background-position: -164px 0;
}
section.main-problem ul li .tx {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: 0 0 0 20px;
  width: 80%;
}
section.main-problem p {
  text-align: center;
  font: italic 600 1.15em/1.6em "Open Sans", Arial, Helvetica, sans-serif;
  color: #ffffff;
  margin: 0 0 1em 0;
}
section.main-problem p.red {
  font: 300 1.85em/2em "Open Sans", Arial, Helvetica, sans-serif;
  color: #e45b53;
  text-transform: uppercase;
}
/* section.main-revolution */
section.main-revolution {
  overflow: hidden;
}
section.main-revolution .container {
  padding: 4em 0;
}
section.main-revolution h1,
section.main-revolution h2 {
  font: 800 2.25em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
}
section.main-revolution blockquote {
  display: block;
  font: italic 300 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  color: #89909d;
  margin: 0 0 2em 0;
  text-align: center;
}
section.main-revolution .revolution-list {
  margin: 0 -3.3% 3em 0;
}
section.main-revolution .revolution-list .item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: bottom;
  width: 30%;
  height: 280px;
  margin: 0 3.3% 0 0;
}
section.main-revolution .revolution-list .item .wr {
  padding: 20px;
}
section.main-revolution .revolution-list .item.item-blue {
  background: #51b2e3;
}
section.main-revolution .revolution-list .item.item-green {
  background: #9dc53b;
}
section.main-revolution .revolution-list .item.item-orange {
  background: #fbab12;
}
section.main-revolution .revolution-list .item .title {
  font: 700 1.15em/1.6em "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0 0 1em 0;
}
section.main-revolution .revolution-list .item .title .ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
section.main-revolution .revolution-list .item .title .ico-energy {
  width: 39px;
  height: 55px;
  background: url("/local/templates/main/i/main/revolution-sprite.png") 0 0 no-repeat;
}
section.main-revolution .revolution-list .item .title .ico-chars {
  width: 39px;
  height: 55px;
  background: url("/local/templates/main/i/main/revolution-sprite.png") -44px 0 no-repeat;
}
section.main-revolution .revolution-list .item .title .ico-price {
  width: 41px;
  height: 55px;
  background: url("/local/templates/main/i/main/revolution-sprite.png") -88px 0 no-repeat;
}
section.main-revolution .revolution-list .item .title span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 75%;
}
section.main-revolution .revolution-list .item .tx {
  color: #ffffff;
  font: 400 1em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
}
section.main-revolution p {
  text-align: center;
  font: italic 600 1.15em/1.6em "Open Sans", Arial, Helvetica, sans-serif;
}
/* section.main-products */
section.main-products {
  position: relative;
  width: 100%;
  height: 1070px;
  background: url("/local/templates/main/i/main/products-bg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
section.main-products .container {
  padding: 3em 0;
}
section.main-products h1,
section.main-products h2 {
  font: 800 2.25em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 1em 0;
  text-transform: uppercase;
}
section.main-products .products-list {
  margin: 0 0 4em 0;
}
section.main-products .products-list .item {
  position: relative;
  margin: 0 0 2em 0;
  overflow: hidden;
  background: #ffffff;
  height: 240px;
}
section.main-products .products-list .item:before {
  display: block;
  position: absolute;
  content: " ";
  left: 30%;
  top: -80px;
  width: 100%;
  height: 400px;
  background: #156094;
  -webkit-border-radius: 400px;
  -moz-border-radius: 400px;
  border-radius: 400px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.main-products .products-list .item .i {
  position: relative;
  height: 100%;
  float: left;
  width: 30%;
  text-align: center;
}
section.main-products .products-list .item .i img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  max-height: 75%;
  max-width: 75%;
}
section.main-products .products-list .item .tx {
  position: relative;
  height: 100%;
  float: right;
  width: 70%;
  color: #ffffff;
}
section.main-products .products-list .item .tx .wr {
  padding: 40px 70px;
}
@media all and (max-width: 1280px) {
  section.main-products .products-list .item .tx .wr {
    padding: 20px 70px;
  }
}
section.main-products .products-list .item .tx .title {
  font: 300 1.85em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
}
section.main-products .products-list .item .tx p {
  margin: 0 0 1em 0;
  font: 400 1em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
}
section.main-products .products-list .item .tx .more {
  margin: 1em 0 0 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font: 600 0.85em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
section.main-products .products-list .item .tx .more:hover {
  color: #51b2e3;
}
section.main-products .products-list .item-even:before {
  left: auto;
  right: 30%;
}
section.main-products .products-list .item-even .i {
  float: right;
}
section.main-products .products-list .item-even .tx {
  float: left;
}
section.main-products .callback {
  font: 300 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-align: center;
}
section.main-products .callback a {
  font-weight: 600;
  color: #e45b53;
  text-transform: uppercase;
}
section.main-products .callback a span {
  color: #e45b53;
}
/* section.main-partner */
section.main-partner .container {
  padding: 4em 0;
}
section.main-partner h1,
section.main-partner h2 {
  font: 800 2.25em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
}
section.main-partner .partner-list {
  margin: 4em 0 0 0;
  position: relative;
  height: 100px;
}
section.main-partner .partner-list em {
  position: absolute;
  top: 50%;
  margin: -13px 0 0 0;
  display: block;
  width: 16px;
  height: 26px;
  background: url("/local/templates/main/i/main/partner-arrow.png") no-repeat;
  cursor: pointer;
  opacity: .5;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -moz-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
section.main-partner .partner-list em:hover {
  opacity: 1;
}
section.main-partner .partner-list em.left {
  left: 0;
  background-position: 0 0;
}
section.main-partner .partner-list em.right {
  right: 0;
  background-position: -16px 0;
}
section.main-partner .partner-list .wrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 2%;
  width: 96%;
  height: 100%;
}
section.main-partner .partner-list .wrapper .clip {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  width: 100%;
  height: 100%;
}
section.main-partner .partner-list .wrapper .clip .item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 25%;
  text-align: center;
}
section.main-partner .partner-list .wrapper .clip .item a {
  color: #222938;
  text-decoration: none;
}
section.main-partner .partner-list .wrapper .clip .item .i {
  display: block;
  margin: 0 auto;
  width: 75%;
  height: 70px;
}
section.main-partner .partner-list .wrapper .clip .item .i img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
section.main-partner .partner-list .wrapper .clip .item .tx {
  display: block;
  margin: 0 auto;
  font: 300 0.75em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  white-space: normal;
  width: 75%;
}
/* section.main-news */
section.main-news {
  position: relative;
  width: 100%;
  height: 650px;
  background: url("/local/templates/main/i/main/news-bg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
section.main-news .container {
  padding: 4em 0;
}
section.main-news h1,
section.main-news h2 {
  color: #ffffff;
  font: 800 2.25em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 1em 0;
  text-transform: uppercase;
}
section.main-news .news-list {
  margin: 0 -3.3% 2em 0;
}
section.main-news .news-list .item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 30%;
  margin: 0 3.3% 0 0;
  overflow: hidden;
}
section.main-news .news-list .item .i {
  margin: 0 0 2.5em 0;
  text-align: center;
}
section.main-news .news-list .item .title {
  font: 300 1.1em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
}
section.main-news .news-list .item .title a {
  text-decoration: none;
}
section.main-news .news-list .item .title a:hover {
  color: #51b2e3;
}
section.main-news .news-list .item .date {
  color: #ffffff;
  font: 300 0.7em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 2em 0;
}
section.main-news .news-list .item .preview {
  color: #ffffff;
  font: 300 0.85em/1.7em "Open Sans", Arial, Helvetica, sans-serif;
}
/* inner-slider */
section.inner-slider {
  position: relative;
  width: 100%;
  height: 225px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}
section.inner-slider .balls {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
}
section.inner-slider .balls .ball {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
}
section.inner-slider .balls .ball.ball-animate-1 {
  -webkit-animation: animation-balls-1 20s infinite;
  -moz-animation: animation-balls-1 20s infinite;
  -ms-animation: animation-balls-1 20s infinite;
  -o-animation: animation-balls-1 20s infinite;
  animation: animation-balls-1 20s infinite;
}
section.inner-slider .balls .ball.ball-animate-2 {
  -webkit-animation: animation-balls-2 20s infinite;
  -moz-animation: animation-balls-2 20s infinite;
  -ms-animation: animation-balls-2 20s infinite;
  -o-animation: animation-balls-2 20s infinite;
  animation: animation-balls-2 20s infinite;
}
section.inner-slider .balls .ball.ball-animate-3 {
  -webkit-animation: animation-balls-3 20s infinite;
  -moz-animation: animation-balls-3 20s infinite;
  -ms-animation: animation-balls-3 20s infinite;
  -o-animation: animation-balls-3 20s infinite;
  animation: animation-balls-3 20s infinite;
}
section.inner-slider .balls .ball.ball-130 {
  width: 130px;
  height: 130px;
  -webkit-border-radius: 130px;
  -moz-border-radius: 130px;
  border-radius: 130px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-90 {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-60 {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-50 {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-40 {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-35 {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-30 {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-25 {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-blue {
  background: #1b6da5;
}
section.inner-slider .balls .ball.ball-green {
  background: #9dc53b;
}
section.inner-slider .balls .ball.ball-yellow {
  background: #f9c740;
}
section.inner-slider .balls .ball.ball-light-blue {
  background: #51b2e3;
}
section.inner-slider .balls .ball.ball-orange {
  background: #fbab12;
}
section.inner-slider .balls .ball.ball-border:after {
  position: absolute;
  display: block;
  content: "";
  left: -4px;
  top: -4px;
}
section.inner-slider .balls .ball.ball-border.ball-130:after {
  width: 134px;
  height: 134px;
  -webkit-border-radius: 134px;
  -moz-border-radius: 134px;
  border-radius: 134px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-border.ball-90:after {
  width: 94px;
  height: 94px;
  -webkit-border-radius: 94px;
  -moz-border-radius: 94px;
  border-radius: 94px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-border.ball-60:after {
  width: 64px;
  height: 64px;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  border-radius: 64px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
section.inner-slider .balls .ball.ball-border.ball-blue:after {
  border: 2px solid #1b6da5;
}
section.inner-slider .balls .ball.ball-border.ball-green:after {
  border: 2px solid #9dc53b;
}
section.inner-slider .balls .ball.ball-border.ball-yellow:after {
  border: 2px solid #f9c740;
}
section.inner-slider .balls .ball.ball-border.ball-light-blue:after {
  border: 2px solid #51b2e3;
}
section.inner-slider .balls .ball.ball-border.ball-orange:after {
  border: 2px solid #fbab12;
}
section.inner-slider .balls .ball .ico {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 0;
  height: 0;
  background: url("/local/templates/main/i/inner-slider-sprite.png") 0 0 no-repeat;
  vertical-align: middle;
}
section.inner-slider .balls .ball .ico-water {
  width: 113px;
  height: 102px;
  background-position: 0 0;
}
section.inner-slider .balls .ball .ico-heat {
  width: 102px;
  height: 102px;
  background-position: -123px 0;
}
section.inner-slider .balls .ball .ico-bulb {
  width: 70px;
  height: 101px;
  background-position: -235px 0;
}
section.inner-slider .balls .ball .ico-temperature {
  width: 56px;
  height: 109px;
  background-position: -315px 0;
}
section.inner-slider .balls .ball .ico-lights {
  width: 48px;
  height: 115px;
  background-position: -381px 0;
}
section.inner-slider .balls .ball .ico-signaling {
  width: 100px;
  height: 73px;
  background-position: -439px 0;
}
section.inner-slider .balls .ball .ico-dog {
  width: 89px;
  height: 85px;
  background-position: -549px 0;
}
section.inner-slider .balls .ball .ico-pressure {
  width: 70px;
  height: 70px;
  background-position: -648px 0;
}
section.inner-slider .balls .ball .ico-humidity {
  width: 60px;
  height: 60px;
  background-position: -728px 0;
}
section.inner-slider .balls .ball .ico-electric {
  width: 55px;
  height: 67px;
  background-position: -798px 0;
}
section.inner-slider .balls .ball .ico-car {
  width: 88px;
  height: 68px;
  background-position: -863px 0;
}
section.inner-slider .balls .ball .ico-oil {
  width: 40px;
  height: 43px;
  background-position: -961px 0;
}
section.inner-slider .balls .ball .ico-tracker {
  width: 36px;
  height: 35px;
  background-position: -1011px 0;
}
/* section.content */
section.content {
  overflow: hidden;
  /* columns */
  /* texts */
  /* news-list */
  /* news-menu */
  /* pagination */
  /* news-detail */
  /* last-news */
  /* product-list */
  /* product-detail */
  /* application-list */
}
section.content .container {
  padding: 2em 0;
}
section.content article.left-column {
  width: 70%;
  float: left;
}
section.content aside.right-column {
  width: 26%;
  float: right;
}
section.content h1,
section.content h2,
section.content h3 {
  font: 700 2em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
}
section.content h4,
section.content h5,
section.content h6 {
  font: 300 2em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-transform: uppercase;
}
section.content h1 {
  font-size: 2em;
}
section.content h2 {
  font-size: 1.75em;
}
section.content h3 {
  font-size: 1.5em;
}
section.content h4 {
  font-size: 1.5em;
}
section.content h5 {
  font-size: 1.25em;
}
section.content h6 {
  font-size: 1em;
}
section.content p {
  font: 400 1em/1.6em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
}
section.content ul,
section.content ol {
  list-style-position: inside;
  margin: 0 0 1em 0;
}
section.content ul li,
section.content ol li {
  margin: 0 0 .5em 0;
}
section.content img {
  max-width: 100%;
  max-height: 100%;
}
section.content img.left {
  margin: 0 2em 1em 0;
}
section.content img.right {
  margin: 0 0 1em 2em;
}
section.content b {
  font-weight: 600;
}
section.content table {
  border-collapse: collapse;
  margin: 2em 0;
}
section.content table th {
  padding: 5px 10px;
  background: #e6e9ef;
}
section.content table td {
  padding: 5px 10px;
}
section.content .wide-block {
  position: relative;
  margin: 3em 0;
  text-align: center;
  padding: 40px 20px;
  color: #89909d;
  background: #dae8f1;
}
section.content .wide-block:before {
  content: " ";
  position: absolute;
  left: -9999px;
  top: 0;
  width: 9999px;
  height: 100%;
  background: #dae8f1;
}
section.content .wide-block:after {
  content: " ";
  position: absolute;
  right: -9999px;
  top: 0;
  width: 9999px;
  height: 100%;
  background: #dae8f1;
}
section.content .wide-block p {
  font: 300 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0;
}
section.content .wide-block .feedback-form {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 75%;
  text-align: left;
}
section.content .news-list .item {
  padding: 0 0 2em 0;
  margin: 0 0 2em 0;
  border-bottom: 1px solid #e6e9ef;
  overflow: hidden;
}
section.content .news-list .item .i {
  float: left;
  width: 240px;
  height: 240px;
}
section.content .news-list .item .i img {
  max-width: 100%;
  max-height: 100%;
}
section.content .news-list .item .desc {
  position: relative;
  margin: 0 0 0 280px;
  height: 240px;
}
section.content .news-list .item .desc .title {
  font: 600 1.15em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1.5em 0;
}
section.content .news-list .item .desc .preview {
  font: 1em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1.5em 0;
  max-height: 6em;
  overflow: hidden;
}
section.content .news-list .item .desc .more {
  font: 600 0.85em/1.7em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 2em 0;
}
section.content .news-list .item .desc .more a {
  text-decoration: none;
}
section.content .news-list .item .desc .date {
  position: absolute;
  left: 0;
  bottom: 0;
  font: 0.75em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
  color: #6f7c93;
  padding: 0 0 0 20px;
  background: url("/local/templates/main/i/date-ico.png") left 2px no-repeat;
}
section.content .news-menu h3 {
  font: 700 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 .5em 0;
}
section.content .news-menu ul {
  font: 600 0.85em/1.6em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 4em 0;
  color: #6f7c93;
  list-style-position: inside;
}
section.content .news-menu ul li {
  margin: 0 0 .5em 0;
}
section.content .news-menu ul li a {
  text-decoration: none;
}
section.content .pagination {
  margin: 2em 0;
  text-align: center;
}
section.content .pagination a,
section.content .pagination span {
  font-size: .9em;
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 24px;
  height: 24px;
  line-height: 22px;
  border: 1px solid #dce9f2;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  color: #222938;
  text-decoration: none;
  margin: 0 5px;
}
section.content .pagination a:hover,
section.content .pagination span:hover {
  background: #dae8f1;
}
section.content .pagination a.active,
section.content .pagination span.active {
  font-weight: 600;
  background: #dae8f1;
}
section.content .news-detail .social {
  margin: 2em 0;
  padding: 1em 0;
  border-top: 1px solid #e6e9ef;
  border-bottom: 1px solid #e6e9ef;
}
section.content .news-detail .date {
  margin: 1em 0;
  font: 0.75em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
  padding: 0 0 0 20px;
  color: #6f7c93;
  background: url("/local/templates/main/i/date-ico.png") left 2px no-repeat;
}
section.content .last-news {
  margin: 2em 0;
}
section.content .last-news .item {
  margin: 0 0 2em 0;
  overflow: hidden;
}
section.content .last-news .item .i {
  float: left;
  width: 54px;
}
section.content .last-news .item .i img {
  border: 1px solid #dae8f1;
  max-width: 100%;
  max-height: 100%;
}
section.content .last-news .item .desc {
  padding: 0 0 0 70px;
}
section.content .last-news .item .desc .date {
  font: 0.75em/1.2em "Open Sans", Arial, Helvetica, sans-serif;
  color: #6f7c93;
}
section.content .last-news .item .desc .name {
  font: 0.85em/1.6em "Open Sans", Arial, Helvetica, sans-serif;
  width: 75%;
}
section.content .last-news .item .desc .name a {
  text-decoration: none;
}
section.content .product-list {
  margin: 1em -3.3% 0 0;
}
section.content .product-list .item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 30%;
  margin: 2em 3.3% 0 0;
  border: 1px solid #e6e9ef;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
section.content .product-list .item a {
  display: block;
  padding: 25px 25px 125px 25px;
  color: #222938;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
section.content .product-list .item a:hover {
  color: #6f7c93;
}
section.content .product-list .item a .i {
  display: block;
  margin: 0 0 2em 0;
  height: 240px;
}
section.content .product-list .item a .i:before {
  content: "";
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
section.content .product-list .item a .i img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
section.content .product-list .item a .title {
  display: block;
  font: 700 1.15em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
}
section.content .product-list .item a .preview {
  display: block;
  font: 400 0.85em/1.4em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
}
section.content .product-list .item a .price {
  display: block;
  font: 400 1.15em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 0 1em 0;
}
section.content .product-list .item a .price span {
  color: #51b2e3;
  font: 600 1.3em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
section.content .product-list .item a .bottom {
  display: block;
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
}
section.content .product-list .item a .button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #ffffff;
  background: #e45b53;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 0 0 #a93d36;
  -moz-box-shadow: 0 4px 0 0 #a93d36;
  -o-box-shadow: 0 4px 0 0 #a93d36;
  box-shadow: 0 4px 0 0 #a93d36;
  font: 300 1.5em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
  padding: 5px 45px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
section.content .product-list .item a .button:hover {
  background: #cf554e;
}
section.content .product-detail {
  padding: 2em 0 0 0;
}
section.content .product-detail .gallery {
  float: left;
  width: 47%;
}
section.content .product-detail .gallery .i {
  width: 100%;
  height: 300px;
  text-align: center;
  margin: 0 0 2em 0;
}
section.content .product-detail .gallery .i:after {
  content: "";
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
section.content .product-detail .gallery .i img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
section.content .product-detail .gallery .thumbs span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 130px;
  height: 130px;
  border: 1px solid #e6e9ef;
  text-align: center;
  cursor: pointer;
  margin: 0 20px 20px 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
section.content .product-detail .gallery .thumbs span.active,
section.content .product-detail .gallery .thumbs span:hover {
  border: 1px solid #bfd7e7;
}
section.content .product-detail .gallery .thumbs span:after {
  content: "";
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
section.content .product-detail .gallery .thumbs span img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
section.content .product-detail .desc {
  float: right;
  width: 47%;
}
section.content .product-detail .desc .price {
  margin: 2em 0 0 0;
  font: 1.15em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
}
section.content .product-detail .desc .price span {
  font: 600 2em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  color: #51b2e3;
}
section.content .product-detail .desc .button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #ffffff;
  background: #e45b53;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 0 0 #a93d36;
  -moz-box-shadow: 0 4px 0 0 #a93d36;
  -o-box-shadow: 0 4px 0 0 #a93d36;
  box-shadow: 0 4px 0 0 #a93d36;
  font: 300 1.5em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
  padding: 5px 45px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  margin: 2em 0 0 0;
  text-decoration: none;
}
section.content .product-detail .desc .button:hover {
  background: #cf554e;
}
section.content .product-detail .tabs {
  margin: 2em 0;
}
section.content .product-detail .tabs .tabs-nav {
  border-bottom: 1px solid #e6e9ef;
  padding: 0 0 0 30px;
}
section.content .product-detail .tabs .tabs-nav span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: bottom;
  margin: 0 5px -1px 0;
  background: #e6e9ef;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0 30px;
  font: 1.15em/2em "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid transparent;
}
section.content .product-detail .tabs .tabs-nav span.active,
section.content .product-detail .tabs .tabs-nav span:hover {
  background: #ffffff;
  border: 1px solid #e6e9ef;
  border-bottom: 1px solid #ffffff;
}
section.content .product-detail .tabs .tabs-content {
  padding: 2em 0;
}
section.content .product-detail .tabs .tabs-content .item {
  display: none;
}
section.content .product-detail .similar-product {
  position: relative;
  padding: 40px 0;
  background: #dae8f1;
  margin: 0 0 -2em 0;
}
section.content .product-detail .similar-product:before {
  content: " ";
  position: absolute;
  left: -9999px;
  top: 0;
  width: 9999px;
  height: 100%;
  background: #dae8f1;
}
section.content .product-detail .similar-product:after {
  content: " ";
  position: absolute;
  right: -9999px;
  top: 0;
  width: 9999px;
  height: 100%;
  background: #dae8f1;
}
section.content .product-detail .similar-product .title {
  font: 300 1.5em/1.3em "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0 0 1em 0;
}
section.content .product-detail .similar-product .product-list {
  margin-top: 0;
}
section.content .product-detail .similar-product .product-list .item {
  border: none;
  background: #ffffff;
  margin-top: 0;
}
section.content .application-list {
  margin-bottom: 1em;
}
section.content .application-list .item .i img {
  max-width: none;
  max-height: none;
}
/* section.error-404 */
section.error-404 {
  position: relative;
  width: 100%;
  height: 650px;
  background: url("/local/templates/main/i/404-bg.jpg") 50% 50% no-repeat;
  text-align: center;
}
section.error-404 .container {
  padding: 130px 0;
}
section.error-404 .container h1 {
  font: 800 3em/2em "Open Sans", Arial, Helvetica, sans-serif;
  color: #ffffff;
  margin: 0 0 1em 0;
  text-transform: uppercase;
}
section.error-404 .container h2 {
  font: 300 2.25em/1.8em "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0 0 1em 0;
}
section.error-404 .container p {
  font: 300 1.85em/1.8em "Open Sans", Arial, Helvetica, sans-serif;
  color: #ffffff;
}
section.error-404 .container p a {
  font-weight: 600;
  color: #ffffff;
}
/* footer */
.fake-footer {
  width: 100%;
  height: 460px;
}
footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 360px;
  padding: 50px 0;
  background: #151d2e;
  overflow: hidden;
  color: #ffffff;
}
footer .left {
  width: 33.3%;
}
footer .right {
  width: 66.6%;
}
footer .contacts-list {
  margin: 0 0 1em 0;
}
footer .contacts-list a:hover {
  color: #51b2e3;
}
footer .contacts-list .item {
  position: relative;
  margin: 0 0 1em 0;
  font: 400 1em/1.5em "Open Sans", Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding: 0 0 0 40px;
}
footer .contacts-list .item .ico {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 17px;
  height: 20px;
  background: url("/local/templates/main/i/footer-sprite.png") 0 0 no-repeat;
}
footer .contacts-list .item .ico-phone {
  width: 17px;
  height: 26px;
  background-position: 0 0;
}
footer .contacts-list .item .ico-email {
  width: 28px;
  height: 20px;
  background-position: -22px 0;
}
footer .contacts-list .item .ico-address {
  width: 22px;
  height: 31px;
  background-position: -55px 0;
}
footer .contacts-list .item .name {
  display: block;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0 0 .2em 0;
}
footer .contacts-list .item .value {
  display: block;
  font-weight: 700;
}
footer .social {
  margin: 2.5em 0;
}
footer .social .facebook {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: #3b5a9b url("/local/templates/main/i/facebook-ico.png") 10px 4px no-repeat;
  color: #fff;
  text-decoration: none;
  padding: 5px 15px 5px 50px;
  font: 400 0.85em/1.6em "Open Sans", Arial, Helvetica, sans-serif;
  border-bottom: 4px solid #2e437a;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
footer .social .facebook:hover {
  background: #344f89 url("/local/templates/main/i/facebook-ico.png") 10px 4px no-repeat;
}
footer .social .facebook:after {
  position: absolute;
  content: " ";
  left: 35px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #2e437a;
}
footer .copy {
  margin: 3em 0 0 0;
  font: 300 0.75em/2em "Open Sans", Arial, Helvetica, sans-serif;
}
footer .feedback-form {
  width: 100%;
  background: #1c2435;
}
footer .feedback-form form {
  padding: 20px 40px;
}
footer .feedback-form form .title {
  color: #ffffff;
}
footer .feedback-form form input[type=text],
footer .feedback-form form textarea {
  background: #1c2435;
  border: 1px solid #283040;
}