@charset "UTF-8";
@font-face {
  font-family: 'E-corp Icons';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/ecorp-icons.woff2") format("woff2"), url("fonts/ecorp-icons.woff") format("woff"), url("fonts/ecorp-icons.ttf") format("truetype"); }
.icon, section.awards li:before, section.structure li:before,
[class*="icon-"] {
  font-family: 'E-corp Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale; }

.icon-optimize:before {
  content: "\0061"; }

.icon-horizons:before {
  content: "\0063"; }

.icon-location:before {
  content: "\0074"; }

.icon-system:before {
  content: "\0076"; }

.icon-phone:before,
.icon-contacts:before {
  content: "\0067"; }

.icon-prize:before {
  content: "\0065"; }

.icon-award:before, section.awards li:before, section.structure li:before {
  content: "\0066"; }

.icon-structure:before {
  content: "\007A"; }

.icon-approach:before {
  content: "\0071"; }

.icon-mail:before {
  content: "\0068"; }

.icon-organizers:before {
  content: "\006B"; }

.icon-analytics:before {
  content: "\0073"; }

.icon-oracle:before {
  content: "\0077"; }

.icon-applications:before {
  content: "\006A"; }

.icon-system-solutions:before {
  content: "\0079"; }

.icon-integration-solutions:before {
  content: "\006C"; }

.icon-office:before, section.structure li:before {
  content: "\006E"; }

@font-face {
  font-family: 'Geometria';
  font-style: normal;
  font-weight: 400;
  src: local("Geometria"), url("fonts/geometria.woff2") format("woff2"), url("fonts/geometria.woff") format("woff"), url("fonts/geometria.otf"); }
body {
  font-family: 'Open Sans', 'Helvetica', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  padding: 0;
  margin: 0; }
  body.index {
    background-image: url("/images/face@2x.png");
    background-repeat: no-repeat;
    background-position: 50% 50px;
    background-size: 1180px; }
  body.contacts main {
    background-color: rgba(1, 154, 199, 0.75); }
    body.contacts main section {
      background-color: transparent; }
  body.products h2 {
    font-weight: 300;
    text-align: center; }
  body.products h4 {
    color: #000;
    font-weight: 400;
    font-size: 16px;
    margin-top: 16px; }

html, body {
  height: 100%; }

#container {
  min-height: 100%; }

#container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -khtml-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  #container header {
    flex: 0 0 100px; }
  #container main {
    flex: 1 0 auto; }
  #container footer {
    flex: 0 1 auto; }

a {
  color: #3ca8c8;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

h1 {
  font-family: 'Geometria', 'Open Sans', sans-serif;
  margin-top: 0;
  font-size: 38px;
  font-weight: 300; }

h2 {
  color: #48bfe2;
  font-weight: 600;
  margin-bottom: 30px; }

h3 {
  margin-top: 1em;
  font-weight: 300;
  text-transform: uppercase;
  color: #48bfe2; }
  h3.large {
    text-transform: none;
    font-size: 23px; }

h4 {
  position: relative; }
  h4:after {
    content: '›';
    display: inline-block;
    margin-left: 5px;
    position: absolute;
    right: -20px;
    top: 0;
    color: #3ca8c8; }

li {
  margin-bottom: 1em; }

.rgt {
  text-align: right; }

.centered {
  text-align: center; }

img.logo {
  height: 100px;
  display: inline-block;
  vertical-align: middle; }

h1 {
  max-width: 1024px;
  margin: auto; }

.content {
  width: 960px;
  margin: auto; }

.content:after {
  content: '';
  display: block;
  clear: both; }
.content .description {
  font-size: 1.5em; }

[class*="cols-"] {
  float: left;
  box-sizing: border-box;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px; }

.cols-2 {
  width: 20%; }

.cols-3 {
  width: 25%; }

.cols-4 {
  width: 33%; }

.cols-6 {
  width: 50%; }

.cols-8 {
  width: 66%; }

.cols-9 {
  width: 75%; }

.cols-12 {
  width: 100%; }

.row {
  margin-left: -20px;
  margin-right: -20px; }

header .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
header nav, header div {
  flex: 1;
  align-self: center;
  -webkit-align-self: center; }
header div.logo {
  flex: 0 0 30px; }
header nav {
  flex: 0 1 auto;
  padding-left: 30px; }
  header nav ul, header nav li, header nav a {
    display: inline-block;
    vertical-align: middle; }
  header nav ul, header nav li {
    margin: 0;
    padding: 0; }
  header nav li {
    position: relative;
    font-weight: 500;
    padding: 10px 40px; }
    header nav li.active {
      color: #3ca8c8; }
      header nav li.active:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #48bfe2;
        border-radius: 5px;
        position: absolute;
        left: 50%;
        margin-left: -5px;
        top: 100%;
        margin-top: -5px; }
  header nav a {
    color: #000; }
    header nav a:hover {
      color: #3ca8c8;
      text-decoration: none; }
header .icons {
  text-align: right; }
  header .icons, header .icons a, header .icons span {
    display: inline-block;
    vertical-align: middle; }
  header .icons a {
    margin-left: 12px; }
  header .icons i {
    vertical-align: -3px;
    font-size: 24px; }
  header .icons .language {
    background-color: #48bfe2;
    padding: 4px;
    color: #fff; }

section {
  padding-top: 30px;
  padding-bottom: 60px;
  color: #666; }
  section.icons-menu {
    padding-top: 40px;
    padding-bottom: 20px; }
    section.icons-menu label {
      color: #3ca8c8; }
  section.hero {
    height: 120px;
    padding-left: 50%; }
    section.hero h1 {
      margin-top: 100px;
      font-weight: 300;
      font-size: 36px;
      color: #3ca8c8; }
    section.hero.accent h1 {
      margin-top: 10px;
      color: #fff; }
  section.grey {
    background-color: #f9f9f9; }
  section.grey-dark {
    background-color: #efefef; }
    section.grey-dark h3 {
      color: #48bfe2; }
  section.accent {
    background-color: rgba(1, 154, 199, 0.75); }
    section.accent, section.accent a, section.accent h2, section.accent h3 {
      color: #fff; }
  section.clients img {
    margin-top: 40px; }
  section p {
    text-align: justify; }
    section p + h3 {
      margin-top: 2.5em; }
  section li {
    text-align: justify; }
  section img {
    max-width: 100%; }
  section.contacts p {
    text-indent: -32px;
    padding-left: 32px; }
  section.contacts i {
    font-size: 21px;
    margin-right: 8px;
    vertical-align: -4px; }
  section.motto {
    padding-top: 0;
    padding-bottom: 0; }
    section.motto .content {
      width: 1008px; }
    section.motto .pattern, section.motto img {
      display: block;
      width: 50%;
      float: left;
      min-height: 294px; }
    section.motto .pattern {
      position: relative;
      background-image: url("/images/pattern@2x.png");
      background-size: 568px 253px;
      background-repeat: no-repeat;
      background-position: 12px 35px; }
      section.motto .pattern h1 {
        position: absolute;
        right: 20px;
        bottom: -4px;
        text-align: right;
        line-height: 44px; }
        section.motto .pattern h1 span {
          background-color: #40b3d5;
          padding-left: 10px; }
  section.products-menu {
    line-height: 3em;
    padding-bottom: 30px; }
    section.products-menu i {
      vertical-align: text-top;
      color: #3ca8c8;
      font-size: 21px;
      margin-right: 8px; }
    section.products-menu a {
      color: inherit; }
  section.awards ul, section.structure ul {
    margin-top: 40px;
    margin-bottom: 40px; }
  section.awards li, section.structure li {
    list-style-type: none;
    color: #3ca8c8;
    font-size: 18px;
    margin-left: 60px; }
    section.awards li:before, section.structure li:before {
      font-size: 21px;
      vertical-align: -3px;
      margin-right: 6px; }
  section.structure li:not(.accent) {
    color: inherit; }

footer {
  padding-top: 20px;
  background-color: #303030;
  font-size: 12px; }
  footer, footer a {
    color: #888; }
  footer h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 11px; }
  footer ul, footer li {
    padding: 0; }
  footer li {
    list-style-type: none;
    margin-bottom: 0; }
  footer .copyright {
    font-size: 11px;
    text-align: right;
    padding: 30px 5px;
    color: #666; }
    footer .copyright a {
      color: #aaa; }

i.huge-round {
  font-size: 72px;
  border-radius: 100px;
  padding: 20px; }
i.black {
  background-color: #333;
  color: #fff; }
i.accent {
  background-color: #48bfe2;
  color: #fff; }
i + label {
  display: block;
  text-transform: uppercase;
  color: #666;
  margin-top: 15px;
  min-height: 3em; }

section, footer, .copyright {
  clear: both; }

.card {
  text-align: center; }
  .card div, .card p {
    text-align: left; }
  .card .more {
    margin-top: -0.5em; }

.slideshow {
  text-align: center; }