html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

nav ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*
  SASS variables are information about icon's compiled state, stored under its original file name

  .icon-home
    width: $icon-home-width

  The large array-like variables contain all information about a single icon
  $icon-home: x y offset_x offset_y width height total_width total_height image_path

  At the bottom of this section, we provide information about the spritesheet itself
  $spritesheet: width height image $spritesheet-sprites
  */
/*
  The provided mixins are intended to be used with the array-like variables

  .icon-home
    @include sprite-width($icon-home)

  .icon-email
    @include sprite($icon-email)
  */
/*
  The `sprites` mixin generates identical output to the CSS template
    but can be overridden inside of SASS

  @include sprites($spritesheet-sprites)
  */
* {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

html {
  height: 100%; }

body {
  min-height: 100%;
  font: 16px/31px 'Stem Regular', Arial, sans-serif;
  color: #475264; }

a {
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto;
  display: block; }

i {
  display: block; }

ul {
  list-style: none; }

h2 {
  font-size: 34px;
  line-height: 45px;
  color: #232e43;
  text-transform: uppercase;
  font-family: 'Stem Bold', Arial, sans-serif; }

label.error {
  display: none !important; }

@media (max-width: 600px) {
  h2 {
    font-size: 24px;
    line-height: 37px; } }

.message {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 11px 20px;
  background: #34a715;
  display: none;
  color: #fff;
  font-size: 14px;
  z-index: 50;
  text-transform: uppercase;
  letter-spacing: 1px; }

.pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/pattern.png) bottom center no-repeat; }

.label {
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 15px;
  line-height: 20px;
  display: inline-block;
  color: #fff;
  font-family: 'Stem Bold', Arial, sans-serif;
  letter-spacing: 1px;
  border-radius: 5px;
  position: absolute; }
  .label.blue {
    background: #37a0e6; }
  .label.orange {
    background: #dc7d44; }
  .label.yellow {
    background: #ff9d00; }

.input-wrap {
  border: 2px solid #e7e6f3;
  border-radius: 3px;
  position: relative; }
  .input-wrap.error {
    border-color: red; }
  .input-wrap:after {
    content: '';
    position: absolute;
    right: 17px;
    top: 22px;
    z-index: 2; }
  .input-wrap.tel:after {
    background-image: url(../img/main-sprite.png);
    background-position: -38px -67px;
    width: 11px;
    height: 12px; }
  .input-wrap.name:after {
    background-image: url(../img/main-sprite.png);
    background-position: -69px -48px;
    width: 12px;
    height: 13px; }
  .input-wrap.select:after {
    background-image: url(../img/main-sprite.png);
    background-position: -49px -38px;
    width: 12px;
    height: 7px; }
  .input-wrap.file {
    text-align: left;
    padding: 9px 30px 9px 21px; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
select {
  width: 100%;
  border: none;
  border: none;
  padding: 19px 30px 21px 21px;
  font-family: 'Stem Regular', Arial, sans-serif; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  select::-webkit-input-placeholder {
    color: #2c2b34; }
  input[type="text"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  select::-moz-placeholder {
    color: #2c2b34; }
  input[type="text"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  select:-moz-placeholder {
    color: #2c2b34; }
  input[type="text"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  select:-ms-input-placeholder {
    color: #2c2b34; }

select {
  background: transparent; }

.block-center {
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto; }

.download {
  padding-left: 22px;
  text-transform: uppercase;
  display: inline-block;
  font-size: 14px;
  position: relative;
  color: #2697d4;
  font-family: 'Stem Medium', Arial, sans-serif; }
  .download i {
    position: absolute;
    left: 0;
    top: 9px;
    background-image: url(../img/main-sprite.png);
    background-position: -24px -67px;
    width: 13px;
    height: 12px; }

.irs-min,
.irs-max {
  display: none; }

.checkbox-label {
  padding-left: 25px;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFQTlFQTUxRUY1QjExRTU4NUQ2REUxNkM4QTM3NzgzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFQTlFQTUyRUY1QjExRTU4NUQ2REUxNkM4QTM3NzgzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEVBOUVBNEZFRjVCMTFFNTg1RDZERTE2QzhBMzc3ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEVBOUVBNTBFRjVCMTFFNTg1RDZERTE2QzhBMzc3ODMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6vHjyWAAAATklEQVR42mLceOCiPgMDQwoQCzCQBj4A8RwmMjUzQPWksCBpjiXRgMUgvUwMFIJRA0YNGBwGsEBzlQA0bZMKPoJcMAfEIEPzeyCeDRBgAH4dDEgrwKQZAAAAAElFTkSuQmCC") left 3px no-repeat; }
  .checkbox-label.checked {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVDOUY1NEY4RUY1QjExRTU4MjA2REVCRDYwNzI0MTdDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVDOUY1NEY5RUY1QjExRTU4MjA2REVCRDYwNzI0MTdDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUM5RjU0RjZFRjVCMTFFNTgyMDZERUJENjA3MjQxN0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUM5RjU0RjdFRjVCMTFFNTgyMDZERUJENjA3MjQxN0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4MBdQZAAAA9UlEQVR42mJMnH5an4GBIQWIBRiIAM9+Mwoe+8popcz+/5wh5/9iFlI0g8DBL4z2P/4z8Lz+w6AA0suCpDkWRMx/x4RPfz0Q8wDxB1vu/2dBepkYiAcgGxug7EZOJoZfIAYpBsyH0heAeAJMEJsBAUC8H4gNkMQSgNgByk5EVozNAH+o4v3Q8AHhfqjcBKgL4IAFiwGFUANAfl4PxA+ghoDoRnTF2Az4AMSBQHweydkwgz+gK8YViBegGmBgAxQzEOMCBiT/6kNdUYhLEYYBiUL/ULiE4paUdEAbA1igIQuKpsVk6P8IcsEcEIMMze+BeDZAgAEAQFozZBQl9JkAAAAASUVORK5CYII=") left 3px no-repeat; }

.catalog-top {
  margin-top: 18px; }
  .catalog-top .bread-crumbs {
    float: left;
    width: 70%;
    text-align: left; }
    .catalog-top .bread-crumbs li {
      display: inline-block;
      color: #455a81;
      font-size: 18px;
      font-family: 'Stem Medium', Arial, sans-serif; }
      .catalog-top .bread-crumbs li a {
        color: #7e899e; }
        .catalog-top .bread-crumbs li a i {
          display: inline-block;
          background-image: url(../img/main-sprite.png);
          background-position: -84px -48px;
          width: 15px;
          height: 12px; }
  .catalog-top .search-wrap {
    width: 30%;
    float: right;
    max-width: 210px;
    min-height: 20px;
    position: relative; }
    .catalog-top .search-wrap input[type="text"] {
      border-bottom: 2px solid #d6e3f0;
      padding: 6px 15px 6px 5px;
      outline: none; }
      .catalog-top .search-wrap input[type="text"]::-webkit-input-placeholder {
        font-size: 10px;
        font-family: 'Stem Bold', Arial, sans-serif;
        letter-spacing: 2px;
        color: #8093b8;
        text-transform: uppercase; }
      .catalog-top .search-wrap input[type="text"]::-moz-placeholder {
        font-size: 10px;
        font-family: 'Stem Bold', Arial, sans-serif;
        letter-spacing: 2px;
        color: #8093b8;
        text-transform: uppercase; }
      .catalog-top .search-wrap input[type="text"]:-moz-placeholder {
        font-size: 10px;
        font-family: 'Stem Bold', Arial, sans-serif;
        letter-spacing: 2px;
        color: #8093b8;
        text-transform: uppercase; }
      .catalog-top .search-wrap input[type="text"]:-ms-input-placeholder {
        font-size: 10px;
        font-family: 'Stem Bold', Arial, sans-serif;
        letter-spacing: 2px;
        color: #8093b8;
        text-transform: uppercase; }
    .catalog-top .search-wrap .icon {
      background-image: url(../img/main-sprite.png);
      background-position: -64px -67px;
      width: 10px;
      height: 10px;
      display: block;
      position: absolute;
      top: 8px;
      right: 2px; }

@media (max-width: 650px) {
  .catalog-top {
    margin-bottom: 40px; }
    .catalog-top .bread-crumbs,
    .catalog-top .search-wrap {
      width: 100%;
      float: left; }
    .catalog-top .search-wrap {
      margin-top: 30px;
      max-width: inherit; } }

.button {
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  padding: 13px 31px 11px 0;
  text-align: center;
  position: relative;
  display: inline-block;
  width: 263px;
  font-size: 12px;
  font-family: 'Stem Bold', Arial, sans-serif;
  letter-spacing: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  min-height: 55px; }
  .button span {
    position: relative;
    z-index: 4; }
  .button:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 3;
    border-radius: 2px; }
  .button.blue {
    background: #00a1e9; }
    .button.blue:hover:before {
      background: #0082bc;
      width: 100%; }
  .button.brown-light {
    background: #ff8a4a; }
    .button.brown-light:hover:before {
      background: #e97333;
      width: 100%; }
  .button.brown {
    border: 2px solid #ff6100;
    padding: 12px 0 10px; }
    .button.brown:hover:before {
      background: #ff6100;
      width: 100%; }
  .button.white {
    border: 2px solid rgba(255, 255, 255, 0.42);
    padding: 12px 0 10px; }
    .button.white:hover:before {
      background: rgba(255, 255, 255, 0.42);
      width: 100%; }
  .button.grey {
    border: 2px solid rgba(206, 212, 227, 0.42);
    padding: 12px 0 10px;
    color: #232e43; }
    .button.grey:hover:before {
      background: rgba(206, 212, 227, 0.42);
      width: 100%; }
  .button.grey-dark {
    border: 2px solid rgba(208, 211, 222, 0.42);
    padding: 12px 0 10px;
    color: #474b56; }
    .button.grey-dark:hover:before {
      background: rgba(208, 211, 222, 0.42);
      width: 100%; }
  .button.presonal-link {
    width: 250px !important; }
  .button:after {
    content: '';
    position: absolute;
    top: 23px;
    right: 27px;
    z-index: 4;
    background-image: url(../img/main-sprite.png);
    background-position: -20px -88px;
    width: 6px;
    height: 10px; }

button {
  resize: none;
  outline: none;
  border: none;
  cursor: pointer;
  padding-right: 0 !important; }
  button:after {
    display: none; }

.title-big {
  background: #1f2530;
  padding: 57px 0; }
  .title-big h1 {
    font-size: 41px;
    color: #fff;
    line-height: 50px;
    font-family: 'Stem Bold', Arial, sans-serif;
    text-transform: uppercase; }

@media (max-width: 790px) {
  .title-big h1 {
    font-size: 28px; } }

.table {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #3f4757;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  border-radius: 5px; }
  .table thead tr th,
  .table tbody tr td {
    padding: 10px 10px 12px; }
    .table thead tr th:first-child,
    .table tbody tr td:first-child {
      text-align: left; }
  .table thead {
    background: #51b2e6;
    color: #e5f4fb; }
    .table thead:first-child tr th:first-child {
      border-top-left-radius: 5px; }
    .table thead:first-child tr th:last-child {
      border-top-right-radius: 5px; }
    .table thead tr th {
      border-left: 2px solid #5bb4e5; }
      .table thead tr th:first-child {
        border-left: none;
        padding-left: 27px; }
  .table tbody tr:nth-child(odd) {
    background: #f5f9fa; }
  .table tbody tr td {
    border-left: 2px solid #f5f9fa;
    padding: 10px 10px 12px; }
    .table tbody tr td:first-child {
      padding-left: 27px;
      border-left: none; }
  .table tbody:last-child tr:last-child td:first-child {
    border-bottom-left-radius: 5px; }
  .table tbody:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 5px; }

@media (max-width: 630px) {
  .table {
    font-size: 13px; }
    .table thead .model,
    .table tbody .model {
      display: none; } }

.remove-icon {
  width: 19px;
  height: 20px;
  cursor: pointer;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg2RjI1RDlCRThGMjExRTVCQ0U4QTc2Njc2QUYzMkI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg2RjI1RDlDRThGMjExRTVCQ0U4QTc2Njc2QUYzMkI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODZGMjVEOTlFOEYyMTFFNUJDRThBNzY2NzZBRjMyQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODZGMjVEOUFFOEYyMTFFNUJDRThBNzY2NzZBRjMyQjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4er6kaAAABTElEQVR42qRUy23DMAy1hQzgEewN7A3SCeoN6kzQEYJMkGYCe4N4g+TSYxFdcrZG0AYNCTwFhEDJaErgXahHiu/pU37/3ItMtIQK8AQHqLFRclz4SRgItbLOzSbCCRs8wyiT3NCIyQ2hFGiQH8BrU822IFwJHeFLkeSQ78C7EPpYJss5Y/xdsR5e8EaC5Y1KHMAFC2/F3+NZu4HuLfyID8InDkjmecKF+7Bn72HMqGgPDyvR5IZ87CPXfxhMNSsTHISMWsg5KNw5TJYzOXi4CE99gl8ZIePfYXI7CWmNkJza3BuY1yuLeyHNCclHhcv1lu9ZeEJN7hFnooanXZjsipv8Soyot0ZcvPaFhiPqdvKhOyR6ENZOuAJvQJ2L/7MZyTM8PImc9KfHf1fg97Cp/8yCMKGAjf0VWJCf4kYc5cq3XQPhcfu4gYyHAAMAcGZfkftPw9UAAAAASUVORK5CYII=") no-repeat;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .remove-icon:hover {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5MTRCMzdGRThGMjExRTVCRTFFOUJFNjY2MEU4NjFDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ5MTRCMzgwRThGMjExRTVCRTFFOUJFNjY2MEU4NjFDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDkxNEIzN0RFOEYyMTFFNUJFMUU5QkU2NjYwRTg2MUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDkxNEIzN0VFOEYyMTFFNUJFMUU5QkU2NjYwRTg2MUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66NCN+AAABW0lEQVR42qxUwW3DMAyUhQzgV/KVN5A3SCaoN0g8QUYIMkGSCeIN6gnqbhBtYH/z0wYtCZwM1pBcBy2BA2yKpHQnkdnHeq1mzBJywBMGYLTd8zl+ryIFOPFIOBBMZJ2LNYQbNhhNR07yQCEOLgiZQAH/AXE2VWyLgE9CSbhOKeH/inWO67rNpgqLGTQzKNQSarXc7gQuVpJ2QyjWBT3V69bhInYr8N5Cj+lF+MQFST8z6YmuZc3eCC6izwnUc1HkAb98GgPy9xqnaiMnOAsaRkhxjsRyvtUzWnihYS809Yn4XAsafzY9t5OgVgjKqc29hnhVZPEkqA2C8iUSy/mO31looSJyo0vMQNPyXx+tFg/Poj3Ui+1kQwtq0cA1uN8X3HCOOJ4eNR7uj3nWoug7NLwJn9SnwrxTaHCXmmcO46VBAgv7JdDD3yDOyeTsl7FtgNDcflpAju1vAQYAEHlqESyjZ40AAAAASUVORK5CYII=") no-repeat; }

.irs {
  height: 40px; }

.irs-with-grid {
  height: 60px; }

.irs-line {
  height: 6px;
  top: 25px; }

.irs-line-left {
  height: 6px;
  background-position: 0 -30px; }

.irs-line-mid {
  height: 6px;
  background-position: 0 0; }

.irs-line-right {
  height: 6px;
  background-position: 100% -30px; }

.irs-bar {
  height: 6px;
  top: 25px;
  background-position: 0 -60px; }

.irs-bar-edge {
  top: 25px;
  height: 6px;
  width: 7px;
  background-position: 0 -90px; }

.irs-shadow {
  height: 1px;
  top: 34px;
  background: #000;
  opacity: 0.75; }

.lt-ie9 .irs-shadow {
  filter: alpha(opacity=75); }

.irs-slider {
  width: 8px;
  height: 15px;
  top: 21px;
  background-position: 0 -120px; }
  .irs-slider.state_hover, .irs-slider:hover {
    background-position: 0 -150px; }

.irs-min, .irs-max {
  color: #c0c0c0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 3px;
  background: rgba(0, 0, 0, 0.1);
  -moz-border-radius: 3px;
  border-radius: 3px; }

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
  background: #3654b0; }

.irs-from, .irs-to, .irs-single {
  color: #000;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: rgba(255, 255, 255, 0.8);
  -moz-border-radius: 3px;
  border-radius: 3px; }

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
  background: #d8dff3; }

.irs-grid-pol {
  background: #777; }

.irs-grid-text {
  color: #e0e0e0; }

@font-face {
  font-family: "Stem Light";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Stem Light/Stem-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Stem Light/Stem-Light.woff") format("woff"), url("../fonts/Stem Light/Stem-Light.ttf") format("truetype"), url("../fonts/Stem Light/Stem-Light.svg#Stem Light") format("svg"); }

@font-face {
  font-family: "Stem Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Stem Regular/Stem-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Stem Regular/Stem-Regular.woff") format("woff"), url("../fonts/Stem Regular/Stem-Regular.ttf") format("truetype"), url("../fonts/Stem Regular/Stem-Regular.svg#Stem Regular") format("svg"); }

@font-face {
  font-family: "Stem Medium";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Stem Medium/Stem-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Stem Medium/Stem-Medium.woff") format("woff"), url("../fonts/Stem Medium/Stem-Medium.ttf") format("truetype"), url("../fonts/Stem Medium/Stem-Medium.svg#Stem Medium") format("svg"); }

@font-face {
  font-family: "Stem Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Stem Bold/Stem-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Stem Bold/Stem-Bold.woff") format("woff"), url("../fonts/Stem Bold/Stem-Bold.ttf") format("truetype"), url("../fonts/Stem Bold/Stem-Bold.svg#Stem Bold") format("svg"); }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: ""; }
  .clearfix:after {
    clear: both; }

.logo {
  font-size: 20px;
  padding-top: 17px;
  color: #fff;
  display: inline-block;
  float: left;
  text-transform: uppercase;
  font-family: 'Stem Bold', Arial, sans-serif; }
  .logo.image {
    padding-top: 0;
    font-size: 0;
    line-height: 0; }
    .logo.image img {
      display: inline-block; }
    .logo.image svg {
      max-width: 90px;
      height: auto;
      position: relative;
      top: 8px; }
  .logo.with-bg {
    background: url(../img/logo-bg.png) top center no-repeat;
    padding: 28px 0 3px; }

.main-nav {
  float: right;
  margin-top: 14px;
  display: block;
  width: 71%; }
  .main-nav ul {
    text-align: right; }
    .main-nav ul li {
      display: inline-block;
      margin-left: 26px;
      padding-bottom: 18px; }
      .main-nav ul li:first-child {
        margin-left: 0; }
      .main-nav ul li .dropdown-wrap {
        position: absolute;
        width: 100%;
        top: 64px;
        height: 58px;
        left: 0;
        padding: 15px 0 15px 62px;
        display: none;
        background: #2c384f; }
        .main-nav ul li .dropdown-wrap ul {
          line-height: 14px;
          max-width: 928px;
          margin: 0 auto;
          text-align: left; }
          .main-nav ul li .dropdown-wrap ul li {
            max-width: 130px;
            margin-left: 47px; }
            .main-nav ul li .dropdown-wrap ul li:first-child {
              margin-left: 0; }
            .main-nav ul li .dropdown-wrap ul li a {
              font-size: 12px;
              line-height: 14px; }
      .main-nav ul li:hover .dropdown-wrap {
        display: block; }
      .main-nav ul li.drop-down > a {
        padding-right: 14px;
        position: relative; }
        .main-nav ul li.drop-down > a:after {
          content: '';
          position: absolute;
          top: 15px;
          right: 0;
          background-image: url(../img/main-sprite.png);
          background-position: -84px -61px;
          width: 7px;
          height: 4px; }
      .main-nav ul li.login > a {
        padding-left: 15px;
        position: relative; }
        .main-nav ul li.login > a:after {
          content: '';
          position: absolute;
          left: 0;
          top: 10px;
          background-image: url(../img/main-sprite.png);
          background-position: -10px -88px;
          width: 9px;
          height: 11px; }
      .main-nav ul li.loged > a:after {
        background-image: url(../img/main-sprite.png);
        background-position: 0px -88px;
        width: 9px;
        height: 11px; }
      .main-nav ul li a {
        font-size: 14px;
        display: inline-block;
        color: #fff; }

.call-wrap {
  float: right;
  color: #fff;
  line-height: 16px;
  margin-top: 15px;
  padding-left: 19px;
  margin-left: 3%;
  position: relative; }
  .call-wrap:after {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    background-image: url(../img/main-sprite.png);
    background-position: -86px -67px;
    width: 10px;
    height: 10px; }
  .call-wrap a {
    font-size: 14px;
    color: #fff; }
  .call-wrap .call-request {
    font-size: 9px;
    cursor: pointer;
    text-transform: uppercase; }

.basket-wrap {
  background: #3d4c6a;
  padding: 24px 27px;
  float: right;
  margin-left: 25px;
  position: relative;
  cursor: pointer; }
  .basket-wrap .icon {
    position: relative;
    background-image: url(../img/main-sprite.png);
    background-position: -49px -19px;
    width: 19px;
    height: 18px; }
    .basket-wrap .icon .count {
      top: -11px;
      right: -8px;
      border-radius: 50%;
      position: absolute;
      width: 14px;
      height: 14px;
      color: #fff;
      text-align: center;
      line-height: 14px;
      font-size: 10px;
      background: #fd783e; }

.cart-wrap {
  position: relative;
  padding: 0;
  max-width: 1200px;
  z-index: 100; }
  .cart-wrap .cart {
    position: absolute;
    width: 100%;
    max-width: 400px;
    top: 60px;
    opacity: 0;
    right: 0;
    padding: 20px;
    background: #fff;
    visibility: hidden;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .cart-wrap .cart .item {
      padding-right: 20px;
      width: 100%;
      margin-bottom: 22px;
      position: relative;
      font-family: 'Stem Medium', Arial, sans-serif;
      font-size: 14px;
      line-height: 18px; }
      .cart-wrap .cart .item .remove-icon {
        position: absolute;
        top: 0;
        right: 0; }
      .cart-wrap .cart .item .image {
        float: left;
        width: 20%;
        border: 1px solid #f7f7fb;
        border-radius: 5px;
        overflow: hidden; }
      .cart-wrap .cart .item .name,
      .cart-wrap .cart .item .price {
        float: right;
        width: 80%;
        padding-left: 4%; }
      .cart-wrap .cart .item .price {
        color: #2697d4; }
        .cart-wrap .cart .item .price span {
          color: #7b878d; }
      .cart-wrap .cart .item .name {
        color: #51545b;
        margin-top: 10px; }
    .cart-wrap .cart .total {
      color: #9ca6bd;
      margin-top: 38px;
      padding-top: 21px;
      font-size: 14px;
      border-top: 2px solid #f9f9fb;
      font-family: 'Stem Medium', Arial, sans-serif; }
      .cart-wrap .cart .total span {
        font-size: 22px;
        margin-left: 8px;
        color: #4c5361; }
    .cart-wrap .cart .button {
      padding-right: 0;
      font-size: 12px;
      margin-top: 11px;
      width: 230px; }
      .cart-wrap .cart .button:after {
        display: none; }

.header-wrap {
  background: #2d3645;
  min-height: 63px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 12; }
  .header-wrap.no-dropdown {
    margin-bottom: 0; }
  .header-wrap.header-opacity {
    background: rgba(29, 39, 57, 0.76); }
  .header-wrap .call-wrap {
    display: none; }
    @media (min-width: 550px) {
      .header-wrap .call-wrap {
        display: block; } }
  .header-wrap header .nav-btn {
    display: none;
    padding: 9px 10px;
    cursor: pointer;
    float: right;
    margin-top: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .header-wrap header .nav-btn .line {
      background: #fff;
      height: 2px;
      width: 20px;
      margin: 4px 0;
      display: block;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      position: relative; }
    .header-wrap header .nav-btn.open .line:nth-child(1) {
      top: 6px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .header-wrap header .nav-btn.open .line:nth-child(2) {
      top: 1px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .header-wrap header .nav-btn.open .line:nth-child(3) {
      top: 0;
      opacity: 0;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

@media (max-width: 1200px) {
  .header-wrap header .nav-btn {
    display: block; }
  .header-wrap header .main-nav {
    position: absolute;
    margin-top: 0;
    width: 100%;
    display: none;
    left: 0;
    top: 100%;
    background: rgba(29, 39, 57, 0.9);
    padding: 15px 0; }
    .header-wrap header .main-nav ul {
      text-align: center; }
      .header-wrap header .main-nav ul li {
        display: block;
        margin-left: 0; }
        .header-wrap header .main-nav ul li.drop-down .dropdown-wrap {
          position: inherit;
          padding-left: 0;
          padding: 5px 0 0;
          background: none;
          height: inherit; }
          .header-wrap header .main-nav ul li.drop-down .dropdown-wrap ul {
            text-align: center; }
            .header-wrap header .main-nav ul li.drop-down .dropdown-wrap ul li {
              max-width: 100%;
              margin-left: 0; }
              .header-wrap header .main-nav ul li.drop-down .dropdown-wrap ul li:last-child {
                padding-bottom: 0; }
  .header-wrap .nav-btn {
    margin-bottom: 13px; } }

a.disabled {
  cursor: default;
  pointer-events: none; }

.sidebar {
  list-style: none; }

.remodal-wrapper {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjEyQjMxQ0E0M0QzMTFFMUEzNTVBMzU2NThBRkZDRjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjEyQjMxQ0I0M0QzMTFFMUEzNTVBMzU2NThBRkZDRjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMTJCMzFDODQzRDMxMUUxQTM1NUEzNTY1OEFGRkNGMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMTJCMzFDOTQzRDMxMUUxQTM1NUEzNTY1OEFGRkNGMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiTLhb8AAADWSURBVHjaxJVXDsQgDAXJaO9/4w3RStEqhWIbY/hLKDOiPG/7d88ppS2taZkTnlfAf2zOj2iJ/65z+RklcTtyHp2zJV73jcKgWRLFy05lsLdE9aXRmOQl0XzmdCaPSnQzBsEiVglRwCFcTCshTlcUi0olVNGOclt7Euq6guFsaxKmoobxdj8lzBX1M/DErhLmck5a3HAImaGwYhA+nJg4wIckcIKbJXCEmyRwhqslmABXSTAJLpZgIlwkwWR4V4IAeFOCIHhVgkB4UYJg+EuCBfCbxCHAAN3MQDtxfzM6AAAAAElFTkSuQmCC"), pointer; }

.remodal {
  background: #fff;
  z-index: 9999;
  cursor: default; }
  .remodal .input-wrap {
    margin-bottom: 23px; }

.remodal--small {
  max-width: 334px; }

.remodal--middle {
  max-width: 434px; }

.remodal--big {
  min-width: 90%;
  max-width: none; }

.image-modal {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjEyQjMxQ0E0M0QzMTFFMUEzNTVBMzU2NThBRkZDRjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjEyQjMxQ0I0M0QzMTFFMUEzNTVBMzU2NThBRkZDRjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMTJCMzFDODQzRDMxMUUxQTM1NUEzNTY1OEFGRkNGMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMTJCMzFDOTQzRDMxMUUxQTM1NUEzNTY1OEFGRkNGMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiTLhb8AAADWSURBVHjaxJVXDsQgDAXJaO9/4w3RStEqhWIbY/hLKDOiPG/7d88ppS2taZkTnlfAf2zOj2iJ/65z+RklcTtyHp2zJV73jcKgWRLFy05lsLdE9aXRmOQl0XzmdCaPSnQzBsEiVglRwCFcTCshTlcUi0olVNGOclt7Euq6guFsaxKmoobxdj8lzBX1M/DErhLmck5a3HAImaGwYhA+nJg4wIckcIKbJXCEmyRwhqslmABXSTAJLpZgIlwkwWR4V4IAeFOCIHhVgkB4UYJg+EuCBfCbxCHAAN3MQDtxfzM6AAAAAElFTkSuQmCC"), pointer;
  background: transparent; }
  .image-modal img {
    display: block;
    margin: 0 auto; }

.page-top {
  position: relative;
  min-height: 720px;
  padding-bottom: 40px;
  padding-top: 120px; }
  .page-top.empty {
    min-height: inherit;
    padding-bottom: 0; }
  .page-top.landing-top {
    background-image: url(../img/landing-top-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .page-top.landing-top .content {
      max-width: 903px;
      padding-top: 25px; }
      .page-top.landing-top .content h1 {
        font-family: 'Stem Bold', Arial, sans-serif;
        font-size: 34px;
        line-height: 45px;
        text-transform: uppercase;
        color: #fff; }
      .page-top.landing-top .content:after {
        right: 103%;
        top: 45px; }
      .page-top.landing-top .content ul {
        margin-top: 36px; }
        .page-top.landing-top .content ul li {
          display: inline-block;
          font-size: 16px;
          color: #fff;
          opacity: .85; }
          .page-top.landing-top .content ul li.sep {
            margin: 0 15px; }
  .page-top .filter-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    background: #253147;
    opacity: .66; }
    .page-top .filter-bg.darker {
      opacity: .86; }
    .page-top .filter-bg:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url(../img/pattern.png) bottom center no-repeat; }
  .page-top #main-slider-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7; }
  .page-top .products-list {
    background: #2c384f;
    padding: 12px 0 8px;
    position: relative;
    z-index: 10; }
    .page-top .products-list ul {
      max-width: 900px; }
      .page-top .products-list ul li {
        display: inline-block;
        margin-left: 50px;
        line-height: 14px;
        width: 130px; }
        .page-top .products-list ul li:first-child {
          margin-left: 0; }
        .page-top .products-list ul li a {
          font-size: 12px;
          color: #fff; }
  .page-top .content {
    position: relative;
    z-index: 10; }
    .page-top .content:after {
      content: '';
      position: absolute;
      top: 20px;
      right: 88%;
      width: 100%;
      height: 2px;
      background: #fff;
      opacity: .2; }
    .page-top .content #main-slider-paging {
      font-family: 'Stem Light', Arial, sans-serif;
      font-size: 16px;
      position: absolute;
      top: 75px;
      left: 28px;
      width: 75px;
      text-align: center;
      letter-spacing: 1px;
      color: #fff; }
      .page-top .content #main-slider-paging span {
        font-size: 20px; }
    .page-top .content .main-slider {
      padding-left: 120px;
      padding-right: 25px;
      margin-bottom: 0; }
      .page-top .content .main-slider .item {
        min-height: 100px;
        padding: 0 45px;
        margin-top: 26px; }
        .page-top .content .main-slider .item h3 {
          font-size: 34px;
          line-height: 45px;
          color: #fff;
          font-family: 'Stem Bold', Arial, sans-serif;
          text-transform: uppercase;
          letter-spacing: 1px;
          max-width: 450px; }
        .page-top .content .main-slider .item p {
          max-width: 500px;
          color: #fff;
          opacity: .85;
          margin-top: 15px;
          position: relative;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
        .page-top .content .main-slider .item .more {
          margin-top: 20px;
          -webkit-transition: opacity 0.8s, background 0.2s ease-in-out;
          -moz-transition: opacity 0.8s, background 0.2s ease-in-out;
          transition: opacity 0.8s, background 0.2s ease-in-out; }
      .page-top .content .main-slider .slick-arrow {
        top: 91px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        opacity: .4; }
        .page-top .content .main-slider .slick-arrow:hover {
          opacity: 1; }
        .page-top .content .main-slider .slick-arrow:before {
          display: none; }
        .page-top .content .main-slider .slick-arrow.slick-prev {
          background-image: url(../img/main-sprite.png);
          background-position: -12px -67px;
          width: 11px;
          height: 20px;
          left: 0; }
        .page-top .content .main-slider .slick-arrow.slick-next {
          left: 90px;
          background-image: url(../img/main-sprite.png);
          background-position: 0px -67px;
          width: 11px;
          height: 20px; }
      .page-top .content .main-slider .slick-dots {
        top: 63px;
        right: 2px;
        bottom: inherit;
        width: inherit; }
        .page-top .content .main-slider .slick-dots li {
          display: block;
          margin-bottom: 28px;
          font-size: 20px;
          width: 8px;
          height: 8px;
          margin-right: 2px;
          border: 1px solid #fff;
          border-radius: 50%;
          opacity: .83; }
          .page-top .content .main-slider .slick-dots li.slick-active {
            position: relative;
            right: 2px;
            width: 12px;
            height: 12px;
            border: none;
            background: #fff; }
          .page-top .content .main-slider .slick-dots li button {
            display: none; }
  .page-top .estimate-wrap {
    position: relative;
    z-index: 10;
    margin-top: 89px;
    overflow: hidden; }
    .page-top .estimate-wrap .cost-estimate {
      margin-left: 10%;
      position: relative;
      padding: 29px 0 19px 3.5%;
      border-left: 5px solid rgba(255, 255, 255, 0.1); }
      .page-top .estimate-wrap .cost-estimate:after, .page-top .estimate-wrap .cost-estimate:before {
        content: '';
        left: 0;
        position: absolute;
        background: rgba(255, 255, 255, 0.1);
        width: 5000px;
        height: 5px; }
      .page-top .estimate-wrap .cost-estimate:after {
        top: 0; }
      .page-top .estimate-wrap .cost-estimate:before {
        bottom: 0; }
      .page-top .estimate-wrap .cost-estimate h4 {
        color: #fff;
        font-family: 'Stem Bold', Arial, sans-serif;
        font-size: 20px;
        line-height: 45px;
        letter-spacing: 1px;
        text-transform: uppercase;
        display: inline-block;
        margin-right: 45px; }
      .page-top .estimate-wrap .cost-estimate .order {
        margin: 20px 0; }
  .page-top.panel {
    background-image: url(../img/panel-top.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: inherit; }
    .page-top.panel .content:after {
      display: none; }
    .page-top.panel .content .login-data {
      padding-bottom: 44px; }
      .page-top.panel .content .login-data .user {
        font-family: 'Stem Bold', Arial, sans-serif;
        font-size: 41px;
        color: #fff;
        text-transform: uppercase;
        padding: 20px 0 20px;
        margin-bottom: 20px;
        line-height: 60px; }
      .page-top.panel .content .login-data .button {
        padding-right: 0;
        margin-bottom: 20px; }
        .page-top.panel .content .login-data .button.blue {
          margin-right: 20px; }
        .page-top.panel .content .login-data .button.white {
          width: 100px; }
        .page-top.panel .content .login-data .button:after {
          display: none; }

@media (max-width: 1180px) {
  .page-top .dropdown-bg {
    opacity: 0 !important; } }

@media (max-width: 800px) {
  .page-top .content .main-slider {
    padding-left: 0;
    padding-bottom: 75px; }
    .page-top .content .main-slider .item {
      padding-left: 0;
      padding-right: 0; }
    .page-top .content .main-slider .slick-arrow {
      top: inherit;
      bottom: -4px; }
      .page-top .content .main-slider .slick-arrow.slick-prev {
        left: 50%;
        margin-left: -50px; }
      .page-top .content .main-slider .slick-arrow.slick-next {
        left: inherit;
        right: 50%;
        margin-right: -55px; }
  .page-top .content #main-slider-paging {
    margin-left: -35px;
    left: 50%;
    top: inherit;
    bottom: 0; } }

@media (max-width: 650px) {
  .page-top .estimate-wrap .cost-estimate {
    text-align: center;
    margin-left: 0; } }

@media (max-width: 520px) {
  .page-top .content .main-slider {
    text-align: center;
    padding-bottom: 130px;
    padding-right: 0; }
    .page-top .content .main-slider .item h3 {
      font-size: 24px;
      line-height: 33px; }
    .page-top .content .main-slider .slick-dots {
      top: inherit;
      left: 0;
      right: 0;
      bottom: 52px;
      text-align: center; }
      .page-top .content .main-slider .slick-dots li {
        display: inline-block;
        margin: 0 20px; }
        .page-top .content .main-slider .slick-dots li.slick-active {
          right: inherit;
          bottom: -2px; }
  .page-top .estimate-wrap .cost-estimate h4 {
    font-size: 17px;
    line-height: 39px; }
  .page-top.panel .content .login-data .user {
    font-size: 33px;
    line-height: 40px; }
  .page-top.landing-top .content {
    text-align: center; }
    .page-top.landing-top .content h1 {
      font-size: 22px;
      line-height: 35px;
      margin: 0 auto; }
    .page-top.landing-top .content ul li {
      font-size: 13px; }
      .page-top.landing-top .content ul li.sep {
        margin: 0 10px; } }

.index-projects {
  padding-top: 73px;
  padding-bottom: 33px; }
  .index-projects .top-wrap .left {
    width: 50%;
    float: left;
    padding-right: 20px; }
  .index-projects .top-wrap .right {
    width: 50%;
    float: right; }
    .index-projects .top-wrap .right p {
      max-width: 500px; }
  .index-projects .list {
    margin-top: 60px; }
    .index-projects .list .item {
      float: left;
      width: 25%;
      padding-right: 60px;
      margin-bottom: 50px; }
      .index-projects .list .item .icon {
        width: 100%;
        height: 100px;
        background-position: left center;
        background-repeat: no-repeat; }
        .index-projects .list .item .icon.experience {
          background-image: url(../img/projects-icons/experience.png); }
        .index-projects .list .item .icon.quality {
          background-image: url(../img/projects-icons/quality.png); }
        .index-projects .list .item .icon.specialists {
          background-image: url(../img/projects-icons/specialists.png); }
        .index-projects .list .item .icon.works {
          background-image: url(../img/projects-icons/works.png); }
      .index-projects .list .item h5 {
        font-size: 19px;
        line-height: 31px;
        color: #232e43; }
      .index-projects .list .item p {
        line-height: 25px;
        margin-top: 4px;
        max-width: 300px;
        margin: 0 auto;
        font-size: 14px; }

@media (max-width: 1170px) {
  .index-projects .list .item {
    width: 50%;
    padding: 0 20px;
    text-align: center; }
    .index-projects .list .item .icon {
      background-position: center center; } }

@media (max-width: 770px) {
  .index-projects .top-wrap .left,
  .index-projects .top-wrap .right {
    width: 100%;
    float: none;
    text-align: center; }
  .index-projects .top-wrap .right p {
    margin: 20px auto 0; } }

@media (max-width: 520px) {
  .index-projects .list .item {
    width: 100%; } }

.info-section {
  position: relative; }
  .info-section .left {
    float: right;
    width: 50%;
    margin-right: 50%; }
    .info-section .left .text-wrap {
      max-width: 615px;
      padding-left: 15px;
      width: 100%;
      float: right;
      padding-right: 30px; }
      .info-section .left .text-wrap p {
        opacity: .85; }
  .info-section .right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%; }

@media (max-width: 750px) {
  .info-section .left {
    width: 100% !important;
    margin-right: 0 !important; }
    .info-section .left .text-wrap {
      float: none !important;
      margin: 0 auto !important;
      padding: 0 15px !important;
      text-align: center; }
  .info-section .right {
    display: none; } }

.index-objects {
  position: relative; }
  .index-objects .left {
    float: left;
    width: 21.4%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: url(../img/objects-bg.jpg) no-repeat;
    background-size: cover; }
  .index-objects .right {
    float: right;
    padding-left: 65px;
    width: 78.6%;
    padding-right: 6%; }
    .index-objects .right .top {
      padding-top: 50px; }
      .index-objects .right .top h2 {
        width: 36%;
        float: left;
        padding-right: 5%; }
      .index-objects .right .top p {
        width: 64%;
        float: right; }
    .index-objects .right .list {
      text-align: left;
      margin-top: 44px;
      margin-bottom: 8px; }
      .index-objects .right .list .item {
        display: inline-block;
        padding-right: 90px;
        vertical-align: top;
        width: 32.5%;
        padding-bottom: 20px;
        position: relative;
        margin-bottom: 49px; }
        .index-objects .right .list .item:after {
          content: '';
          position: absolute;
          bottom: 0;
          height: 2px;
          width: 66px;
          background: #e3e7ef; }
        .index-objects .right .list .item .numb {
          color: #e0e2e5;
          font-size: 24px;
          margin-bottom: 8px; }
        .index-objects .right .list .item p {
          font-size: 16px;
          line-height: 21px;
          color: #232e43;
          font-family: 'Stem Medium', Arial, sans-serif; }

@media (max-width: 1150px) {
  .index-objects .left {
    display: none; }
  .index-objects .right {
    width: 100%;
    padding: 0 15px; }
    .index-objects .right .list {
      text-align: center; }
      .index-objects .right .list .item {
        padding: 0 20px 20px; }
        .index-objects .right .list .item:after {
          left: 50%;
          margin-left: -33px; } }

@media (max-width: 900px) {
  .index-objects .right .top {
    text-align: center; }
    .index-objects .right .top h2 {
      width: 100%;
      padding: 0;
      margin-bottom: 20px; }
    .index-objects .right .top p {
      width: 100%; } }

@media (max-width: 690px) {
  .index-objects .right .list .item {
    width: 49.4%; } }

@media (max-width: 450px) {
  .index-objects .right .list .item {
    width: 100%; } }

.index-consultation {
  text-align: center;
  background-image: url(../img/consultation-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 113px; }
  .index-consultation .block-center {
    position: relative;
    padding-bottom: 100px; }
    .index-consultation .block-center h2 {
      color: #fff;
      font-size: 27px;
      line-height: 45px;
      max-width: 680px;
      margin: 0 auto 30px; }
    .index-consultation .block-center .man {
      position: absolute;
      bottom: 0;
      right: 15px;
      width: 350px;
      height: 309px;
      background: url(../img/man.png) no-repeat; }
    .index-consultation .block-center .request-form .input-wrap {
      max-width: 220px;
      width: 100%;
      margin-left: 24px;
      display: inline-block;
      margin-bottom: 26px; }
      .index-consultation .block-center .request-form .input-wrap:first-child {
        margin-left: 0; }
      .index-consultation .block-center .request-form .input-wrap input {
        padding: 16px 30px 18px 21px; }
    .index-consultation .block-center .request-form .button {
      margin-left: 24px; }
      .index-consultation .block-center .request-form .button:after {
        display: block; }
  .index-consultation.white {
    background: url(../img/consultation-bg-white.jpg) top center no-repeat;
    background-size: cover; }
    .index-consultation.white .block-center h2 {
      color: #253247; }

@media (max-width: 1230px) {
  .index-consultation .block-center .man {
    display: none; } }

@media (max-width: 580px) {
  .index-consultation .block-center .request-form .input-wrap,
  .index-consultation .block-center .request-form .button {
    max-width: inherit;
    width: 100%;
    margin-left: 0; } }

.index-portfolio {
  position: relative; }
  .index-portfolio .left {
    float: right;
    min-height: 575px;
    width: 50%;
    margin-right: 50%; }
    .index-portfolio .left .text {
      width: 100%;
      max-width: 615px;
      padding-left: 15px;
      padding-top: 60px;
      float: right; }
      .index-portfolio .left .text h2 {
        margin-bottom: 13px; }
      .index-portfolio .left .text p {
        max-width: 500px; }
    .index-portfolio .left .slider-wrap {
      width: 100%;
      float: right;
      max-width: 640px;
      margin-top: 76px;
      border-top: 5px solid #f1f4f8;
      border-left: 5px solid #f1f4f8;
      border-bottom: 5px solid #f1f4f8;
      padding: 36px 0 24px 36px;
      position: relative;
      margin-bottom: 65px; }
      .index-portfolio .left .slider-wrap #consultation-paging {
        position: absolute;
        top: -20px;
        left: 30px;
        background: #fff;
        width: 167px;
        text-align: center;
        padding: 0 30px;
        font-size: 25px;
        font-family: 'Stem Light', Arial, sans-serif;
        color: #232e43; }
        .index-portfolio .left .slider-wrap #consultation-paging span {
          font-size: 30px; }
      .index-portfolio .left .slider-wrap .consultation-nav {
        margin-bottom: 0;
        position: relative;
        z-index: 5; }
        .index-portfolio .left .slider-wrap .consultation-nav .slick-arrow {
          top: -41px;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          opacity: .4; }
          .index-portfolio .left .slider-wrap .consultation-nav .slick-arrow:hover {
            opacity: 1; }
          .index-portfolio .left .slider-wrap .consultation-nav .slick-arrow:before {
            display: none; }
          .index-portfolio .left .slider-wrap .consultation-nav .slick-arrow.slick-prev {
            background-image: url(../img/main-sprite.png);
            background-position: -69px 0px;
            width: 14px;
            height: 23px;
            left: 12px; }
          .index-portfolio .left .slider-wrap .consultation-nav .slick-arrow.slick-next {
            left: 129px;
            background-image: url(../img/main-sprite.png);
            background-position: -69px -24px;
            width: 14px;
            height: 23px; }
        .index-portfolio .left .slider-wrap .consultation-nav .item {
          padding-right: 65px; }
          .index-portfolio .left .slider-wrap .consultation-nav .item h4 {
            font-size: 23px;
            margin-bottom: 25px;
            font-family: 'Stem Medium', Arial, sans-serif; }
        .index-portfolio .left .slider-wrap .consultation-nav .slick-dots {
          top: -66%;
          right: -71px;
          bottom: inherit;
          width: inherit; }
          .index-portfolio .left .slider-wrap .consultation-nav .slick-dots li {
            display: block;
            margin-bottom: 28px;
            font-size: 20px;
            width: 8px;
            height: 8px;
            margin-right: 2px;
            border: 1px solid #fff;
            border-radius: 50%;
            opacity: .83; }
            .index-portfolio .left .slider-wrap .consultation-nav .slick-dots li.slick-active {
              position: relative;
              right: 2px;
              width: 12px;
              height: 12px;
              border: none;
              background: #fff; }
            .index-portfolio .left .slider-wrap .consultation-nav .slick-dots li button {
              display: none; }
  .index-portfolio .right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%; }
    .index-portfolio .right .consultation-slider {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden;
      margin-bottom: 0; }
      .index-portfolio .right .consultation-slider .item .list {
        bottom: 60px;
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center; }
        .index-portfolio .right .consultation-slider .item .list .sub-item {
          width: 25%;
          border: 5px solid #fff;
          cursor: pointer;
          margin: 0 15px;
          padding-top: 13%;
          display: inline-block;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover; }

@media (max-width: 900px) {
  .index-portfolio .left {
    float: none;
    min-height: inherit;
    width: 100%;
    margin-right: 0;
    padding: 0 15px; }
    .index-portfolio .left .text {
      max-width: inherit;
      padding-left: 0;
      text-align: center; }
      .index-portfolio .left .text p {
        max-width: inherit; }
    .index-portfolio .left .slider-wrap {
      max-width: inherit;
      margin-bottom: 0;
      padding-left: 15px; }
      .index-portfolio .left .slider-wrap #consultation-paging {
        left: 9px; }
      .index-portfolio .left .slider-wrap .consultation-nav .slick-dots {
        top: inherit;
        bottom: -80px;
        right: 50%;
        margin-right: -150px;
        width: 300px;
        text-align: center; }
        .index-portfolio .left .slider-wrap .consultation-nav .slick-dots li {
          display: inline-block;
          margin: 0 14px; }
  .index-portfolio .right {
    position: inherit;
    width: 100%;
    height: 500px; }
    .index-portfolio .right .consultation-slider .item {
      height: 500px; } }

.index-talk {
  background: #fafbfd;
  padding-top: 89px;
  padding-bottom: 98px; }
  .index-talk h2 {
    text-align: center; }
  .index-talk .list {
    margin-top: 85px;
    text-align: left; }
    .index-talk .list .item {
      width: 32.6%;
      padding-right: 40px;
      display: inline-block;
      vertical-align: top; }
      .index-talk .list .item .image {
        min-height: 85px; }
      .index-talk .list .item p {
        font-size: 17px;
        line-height: 25px; }
      .index-talk .list .item .user {
        margin-top: 20px;
        font-size: 15px;
        line-height: 20px; }
      .index-talk .list .item a {
        font-size: 15px;
        text-decoration: underline;
        color: #353940;
        display: inline-block;
        margin-top: 2px;
        line-height: 20px; }
        .index-talk .list .item a:hover {
          text-decoration: none; }
        .index-talk .list .item a i {
          display: inline-block;
          background-image: url(../img/main-sprite.png);
          background-position: -18px -46px;
          width: 17px;
          height: 17px;
          position: relative;
          top: 3px;
          margin-right: 5px; }

@media (max-width: 930px) {
  .index-talk {
    padding-bottom: 48px; }
    .index-talk .list {
      text-align: center; }
      .index-talk .list .item {
        width: 49.4%;
        padding: 0 20px;
        margin-bottom: 50px; }
        .index-talk .list .item .image {
          background-position: center center !important; } }

@media (max-width: 620px) {
  .index-talk .list {
    margin-top: 25px; }
    .index-talk .list .item {
      width: 100%; } }

.index-partners {
  padding-top: 84px;
  padding-bottom: 40px;
  text-align: center; }
  .index-partners.grey {
    background: #fafbfc; }
  .index-partners h2 {
    margin-bottom: 40px; }
  .index-partners .item {
    height: 70px;
    width: 16%;
    display: inline-block;
    margin-bottom: 40px; }

@media (max-width: 1090px) {
  .index-partners .item {
    width: 24%; } }

@media (max-width: 670px) {
  .index-partners .item {
    width: 49.4%; } }

.index-services {
  padding-top: 72px;
  background: #f7f8fa;
  padding-bottom: 89px;
  position: relative;
  z-index: 0; }
  .index-services .layer {
    position: absolute;
    z-index: -1;
    opacity: .1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/pattern.png) bottom center no-repeat; }
  .index-services h2 {
    text-align: center; }
  .index-services .list {
    margin-top: 80px; }
    .index-services .list .item {
      position: relative;
      float: left;
      width: 25%;
      border: 2px solid #e8ecf0;
      padding-top: 22%;
      display: block;
      color: #475264; }
      .index-services .list .item .title {
        font-size: 15px;
        line-height: 31px;
        text-align: center;
        width: 100%;
        height: 60px;
        padding: 0 20px;
        position: absolute;
        top: 50%;
        margin-top: -35px;
        z-index: 5;
        opacity: .85;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .index-services .list .item .bg {
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        background: url(../img/service-item.jpg) center center no-repeat;
        background-size: cover;
        opacity: 0;
        border-radius: 3px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .index-services .list .item .bg .bg-overlay {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          background: rgba(0, 161, 233, 0.66);
          opacity: 0;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .index-services .list .item .border {
        border: 2px solid rgba(255, 255, 255, 0.39);
        border-radius: 3px;
        position: absolute;
        top: 14px;
        right: 14px;
        left: 14px;
        bottom: 14px;
        z-index: 6;
        display: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .index-services .list .item:hover .title {
        color: #fff; }
      .index-services .list .item:hover .bg {
        opacity: 1; }
        .index-services .list .item:hover .bg .bg-overlay {
          opacity: 1; }
      .index-services .list .item:hover .border {
        display: block; }

@media (max-width: 900px) {
  .index-services .list .item {
    width: 50%;
    padding-top: 47%; } }

@media (max-width: 490px) {
  .index-services .list .item {
    width: 100%;
    padding-top: 97%; } }

.index-contacts {
  background: #253147;
  padding-top: 70px;
  position: relative;
  z-index: 0; }
  .index-contacts .pattern {
    z-index: -1; }
  .index-contacts .block-center {
    padding-bottom: 103px; }
    .index-contacts .block-center .map {
      float: left;
      width: 47.5%;
      height: 475px;
      margin-top: 15px; }
    .index-contacts .block-center .contacts {
      float: right;
      width: 46.5%; }
      .index-contacts .block-center .contacts h2 {
        color: #fff;
        font-size: 30px;
        margin-bottom: 17px; }
      .index-contacts .block-center .contacts .block {
        margin-bottom: 31px; }
        .index-contacts .block-center .contacts .block h6 {
          color: #8896b3; }
        .index-contacts .block-center .contacts .block ul {
          line-height: 31px;
          color: #fff; }
          .index-contacts .block-center .contacts .block ul li a {
            color: #fff; }
        .index-contacts .block-center .contacts .block:last-child {
          margin-bottom: 0; }

@media (max-width: 780px) {
  .index-contacts {
    padding-top: 0; }
    .index-contacts .block-center .map,
    .index-contacts .block-center .contacts {
      float: none;
      width: 100%; }
    .index-contacts .block-center .map-wrap {
      margin: 0 -15px; }
    .index-contacts .block-center .map {
      margin-bottom: 30px;
      margin-top: 0;
      height: 300px; }
    .index-contacts .block-center .contacts {
      text-align: center; }
      .index-contacts .block-center .contacts .block {
        width: 100%; }
        .index-contacts .block-center .contacts .block ul {
          max-width: 100%; } }

.partners-top {
  min-height: 495px;
  padding-bottom: 50px; }
  .partners-top .bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 7;
    background-image: url(../img/partners-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
  .partners-top .content {
    padding-top: 23px; }

.login-block {
  margin-left: 165px;
  color: #fff; }
  .login-block h2 {
    color: #fff; }
  .login-block p {
    max-width: 520px;
    margin-top: 7px;
    opacity: .85; }
  .login-block .button {
    padding: 13px 0 11px;
    margin-top: 25px; }
    .login-block .button:after {
      display: none; }
  .login-block .button.blue {
    width: 193px; }
  .login-block .button.white {
    margin-left: 16px;
    width: 105px;
    padding: 12px 0 10px; }

@media (max-width: 730px) {
  .login-block {
    margin-left: 0;
    text-align: center; }
    .login-block p {
      margin: 7px auto 0; } }

.additional-information {
  text-align: left;
  z-index: 5; }
  .additional-information h4 {
    font-size: 32px;
    margin-top: 26px;
    line-height: 28px;
    font-family: 'Stem Regular', Arial, sans-serif;
    margin-bottom: 37px; }

.banner-wrap {
  padding-top: 50px;
  border-top: 3px solid #f5f5f8; }
  .banner-wrap .item {
    float: left;
    margin-right: 20px;
    margin-bottom: 54px; }

.offer-section {
  background: #f7f8fa;
  padding-top: 82px;
  padding-bottom: 34px;
  position: relative; }
  .offer-section .layer {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .1;
    background: url(../img/pattern.png) bottom center no-repeat; }
  .offer-section h2 {
    text-align: center; }
  .offer-section .list {
    text-align: left;
    margin-top: 64px; }
    .offer-section .list .item {
      display: inline-block;
      width: 32.6%;
      padding-right: 30px;
      vertical-align: top;
      margin-bottom: 40px; }
      .offer-section .list .item ul li {
        padding-left: 11px;
        opacity: .85;
        position: relative;
        font-family: 'Stem Medium', Arial, sans-serif; }
        .offer-section .list .item ul li:after {
          display: block;
          content: '';
          left: 1px;
          position: absolute;
          top: 14px;
          width: 4px;
          height: 4px;
          background: #6b7381;
          border-radius: 50%; }

@media (max-width: 860px) {
  .offer-section .list {
    text-align: center; }
    .offer-section .list .item {
      width: 49.4%;
      text-align: left; } }

@media (max-width: 600px) {
  .offer-section .list .item {
    width: 100%; } }

.full-pricelist {
  padding: 71px 0 60px; }
  .full-pricelist .left .text-wrap h2 {
    margin-bottom: 24px; }
  .full-pricelist .left .text-wrap .button {
    padding-right: 0;
    margin-top: 24px; }
    .full-pricelist .left .text-wrap .button:after {
      display: none; }
  .full-pricelist .right {
    background-image: url(../img/pricelist-bg.jpg);
    background-repeat: no-repeat;
    background-position: left 60px; }

.get-work {
  padding: 76px 0 30px;
  background: #fafafa;
  text-align: center; }
  .get-work p {
    max-width: 650px;
    margin: 12px auto 0;
    opacity: .85; }
  .get-work .list {
    margin-top: 49px;
    text-align: center; }
    .get-work .list .item {
      width: 24.4%;
      display: inline-block;
      vertical-align: top;
      margin-bottom: 40px; }
      .get-work .list .item .icon {
        height: 95px;
        width: 100%; }
      .get-work .list .item h5 {
        font-family: 'Stem Medium', Arial, sans-serif;
        font-size: 19px;
        line-height: 31px;
        max-width: 215px;
        opacity: .85;
        margin: 3px auto; }

@media (max-width: 850px) {
  .get-work .list .item {
    width: 49.4%; } }

@media (max-width: 500px) {
  .get-work .list .item {
    width: 100%; } }

.partners-access {
  padding: 92px 15px 120px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  position: relative; }
  .partners-access .filter-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #253147;
    opacity: .66; }
    .partners-access .filter-bg.darker {
      opacity: .86; }
  .partners-access .login-block {
    margin-left: 0;
    position: relative;
    z-index: 3; }
    .partners-access .login-block p {
      margin: 17px auto 0;
      max-width: 700px; }

.work-with {
  padding: 70px 15px 0; }
  .work-with h2 {
    text-align: center; }
  .work-with .list {
    margin-top: 66px;
    text-align: left; }
    .work-with .list .item {
      display: inline-block;
      width: 250px;
      vertical-align: top;
      padding-bottom: 11px;
      position: relative;
      margin-right: 61px;
      margin-bottom: 68px; }
      .work-with .list .item:after {
        content: '';
        bottom: 0;
        left: 0;
        position: absolute;
        width: 78px;
        height: 2px;
        background: #e4e8ef; }
      .work-with .list .item .numb {
        font-size: 36px;
        color: #b9c3d5;
        font-family: 'Stem Light', Arial, sans-serif; }
      .work-with .list .item h5 {
        margin-top: 10px;
        color: #707783;
        font-size: 17px; }

@media (min-width: 1230px) {
  .work-with .list .item:nth-child(4n) {
    margin-right: 0; } }

@media (max-width: 1230px) {
  .work-with .list .item {
    width: 24.4%;
    margin-right: 0;
    padding-right: 30px; } }

@media (max-width: 750px) {
  .work-with .list {
    text-align: center; }
    .work-with .list .item {
      width: 49.3%;
      padding: 0 20px 11px; }
      .work-with .list .item:after {
        margin-left: -39px;
        left: 50%; } }

@media (max-width: 400px) {
  .work-with .list .item {
    width: 100%; } }

.closed-section {
  padding: 60px 0 82px;
  background: #fafafa; }
  .closed-section .left .text-wrap .login-block {
    margin-left: 0; }
    .closed-section .left .text-wrap .login-block h2 {
      color: #232e43;
      max-width: 600px; }
    .closed-section .left .text-wrap .login-block p {
      color: #232e43;
      max-width: 560px;
      margin-top: 25px; }
    .closed-section .left .text-wrap .login-block .button:after {
      display: none; }
    .closed-section .left .text-wrap .login-block .button.grey {
      margin-left: 15px;
      width: 100px; }
  .closed-section .right {
    background-position: -100px 60px;
    background-repeat: no-repeat; }

@media (max-width: 750px) {
  .closed-section .left .text-wrap .login-block h2 {
    margin: 0 auto; }
  .closed-section .left .text-wrap .login-block p {
    margin: 25px auto 0; } }

.partners-text {
  padding: 77px 15px 73px;
  text-align: center;
  max-width: 700px; }

.blog-top {
  min-height: inherit;
  padding-bottom: 0;
  overflow-x: inherit; }

.with-sidebar {
  position: relative;
  padding-top: 20px;
  text-align: center;
  padding-bottom: 49px; }
  .with-sidebar:after {
    content: '';
    position: absolute;
    left: -1774px;
    background: #fdfdfd;
    width: 2000px;
    top: -135px;
    bottom: 0;
    z-index: -1; }
  .with-sidebar .content {
    width: 80%;
    float: left; }
  .with-sidebar .nav-wrap {
    float: left;
    padding-right: 50px;
    width: 20%;
    text-align: left;
    z-index: 10; }
    .with-sidebar .nav-wrap h1 {
      font-size: 41px;
      text-transform: uppercase;
      font-family: 'Stem Bold', Arial, sans-serif; }
    .with-sidebar .nav-wrap p {
      border-bottom: 3px solid #f5f5f7;
      margin-top: 13px;
      line-height: 28px;
      font-size: 15px;
      opacity: .85;
      padding-bottom: 30px; }
    .with-sidebar .nav-wrap ul {
      margin-top: 20px;
      padding-bottom: 40px; }
      .with-sidebar .nav-wrap ul li {
        font-size: 17px;
        line-height: 36px;
        opacity: .85; }
        .with-sidebar .nav-wrap ul li a {
          color: #555c6e; }
        .with-sidebar .nav-wrap ul li.active a {
          color: #282a2f;
          font-family: 'Stem Medium', Arial, sans-serif; }
  .with-sidebar .content .item-wrap,
  .with-sidebar .blog-post .item-wrap {
    width: 33.33333%;
    padding: 0 10px;
    float: left;
    margin-bottom: 22px; }
    .with-sidebar .content .item-wrap .item,
    .with-sidebar .blog-post .item-wrap .item {
      background: #fff;
      padding: 22px;
      text-align: left;
      border-radius: 5px;
      overflow: hidden; }
      .with-sidebar .content .item-wrap .item .row,
      .with-sidebar .blog-post .item-wrap .item .row {
        margin: -22px -22px 0; }
        .with-sidebar .content .item-wrap .item .row .image,
        .with-sidebar .blog-post .item-wrap .item .row .image {
          position: relative;
          padding-top: 58%; }
          .with-sidebar .content .item-wrap .item .row .image .categories,
          .with-sidebar .blog-post .item-wrap .item .row .image .categories {
            position: absolute;
            top: 18px;
            left: 25px;
            font-size: 12px; }
          .with-sidebar .content .item-wrap .item .row .image .label,
          .with-sidebar .blog-post .item-wrap .item .row .image .label {
            display: inline-block;
            margin-right: 10px;
            position: static; }
      .with-sidebar .content .item-wrap .item h3,
      .with-sidebar .blog-post .item-wrap .item h3 {
        font-size: 18px;
        margin-top: 16px;
        line-height: 28px;
        color: #373940;
        opacity: .85; }
      .with-sidebar .content .item-wrap .item p,
      .with-sidebar .blog-post .item-wrap .item p {
        font-size: 14px;
        line-height: 23px;
        color: #6c707c;
        opacity: .85;
        margin-top: 6px; }
      .with-sidebar .content .item-wrap .item .more,
      .with-sidebar .blog-post .item-wrap .item .more {
        display: inline-block;
        color: #3f96d1;
        font-family: 'Stem Medium', Arial, sans-serif;
        padding-right: 17px;
        text-transform: uppercase;
        margin-top: 3px;
        position: relative; }
        .with-sidebar .content .item-wrap .item .more:after,
        .with-sidebar .blog-post .item-wrap .item .more:after {
          content: '';
          position: absolute;
          top: 10px;
          right: 0;
          background-image: url(../img/main-sprite.png);
          background-position: -40px -25px;
          width: 6px;
          height: 10px; }
      .with-sidebar .content .item-wrap .item .data,
      .with-sidebar .blog-post .item-wrap .item .data {
        margin-top: 10px; }
        .with-sidebar .content .item-wrap .item .data .view,
        .with-sidebar .content .item-wrap .item .data .comments,
        .with-sidebar .blog-post .item-wrap .item .data .view,
        .with-sidebar .blog-post .item-wrap .item .data .comments {
          display: inline-block;
          position: relative;
          font-size: 12px;
          color: #656870;
          padding-left: 20px; }
        .with-sidebar .content .item-wrap .item .data .view:after,
        .with-sidebar .blog-post .item-wrap .item .data .view:after {
          content: '';
          position: absolute;
          background-image: url(../img/main-sprite.png);
          background-position: -50px -67px;
          width: 13px;
          height: 10px;
          left: 0;
          top: 9px; }
        .with-sidebar .content .item-wrap .item .data .comments,
        .with-sidebar .blog-post .item-wrap .item .data .comments {
          margin-left: 15px; }
          .with-sidebar .content .item-wrap .item .data .comments:after,
          .with-sidebar .blog-post .item-wrap .item .data .comments:after {
            content: '';
            position: absolute;
            background-image: url(../img/main-sprite.png);
            background-position: -54px -46px;
            width: 13px;
            height: 12px;
            left: 0;
            top: 9px; }
  .with-sidebar .content .show-more,
  .with-sidebar .blog-post .show-more {
    font-size: 10px;
    min-height: inherit;
    padding: 6px 0; }
    .with-sidebar .content .show-more:after,
    .with-sidebar .blog-post .show-more:after {
      display: none; }
  .with-sidebar .grey-dark {
    width: 365px;
    padding-right: 0;
    margin-top: 14px; }
    .with-sidebar .grey-dark:after {
      display: none; }
  .with-sidebar .blog-post .item-wrap {
    float: none;
    width: 100%;
    padding: 0;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 47px; }
    .with-sidebar .blog-post .item-wrap .item {
      padding: 24px; }
      .with-sidebar .blog-post .item-wrap .item img.alignleft {
        float: left;
        margin: 20px 20px 20px 0; }
      .with-sidebar .blog-post .item-wrap .item img.alignright {
        float: right;
        margin: 20px 0 20px 20px; }
      .with-sidebar .blog-post .item-wrap .item img.alignnone {
        display: inline-block;
        margin: 10px; }
      .with-sidebar .blog-post .item-wrap .item .row {
        margin: -24px -24px 0; }
        .with-sidebar .blog-post .item-wrap .item .row .image {
          padding-top: 39%; }
          .with-sidebar .blog-post .item-wrap .item .row .image .label {
            top: inherit;
            bottom: -13px; }
      .with-sidebar .blog-post .item-wrap .item h3 {
        font-size: 32px;
        margin-top: 29px;
        line-height: 38px; }
      .with-sidebar .blog-post .item-wrap .item .data .view {
        padding-left: 30px;
        font-size: 16px; }
        .with-sidebar .blog-post .item-wrap .item .data .view:after {
          background-image: url(../img/main-sprite.png);
          background-position: -84px -34px;
          width: 17px;
          height: 13px;
          left: 0;
          top: 9px; }
      .with-sidebar .blog-post .item-wrap .item .data .comments {
        padding-left: 30px;
        font-size: 16px;
        margin-left: 22px; }
        .with-sidebar .blog-post .item-wrap .item .data .comments:after {
          background-image: url(../img/main-sprite.png);
          background-position: -36px -46px;
          width: 17px;
          height: 17px;
          left: 0;
          top: 9px; }
      .with-sidebar .blog-post .item-wrap .item p {
        margin-top: 23px; }
      .with-sidebar .blog-post .item-wrap .item blockquote {
        margin-top: 23px;
        font-size: 16px;
        line-height: 26px;
        padding-left: 58px;
        color: #8b919c;
        position: relative;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAYCAYAAAALQIb7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEwNDNBOUQzRTVDQTExRTU5QjAzRTMxMUVCMjUwMDM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEwNDNBOUQ0RTVDQTExRTU5QjAzRTMxMUVCMjUwMDM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTA0M0E5RDFFNUNBMTFFNTlCMDNFMzExRUIyNTAwMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTA0M0E5RDJFNUNBMTFFNTlCMDNFMzExRUIyNTAwMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5TaLsSAAACaUlEQVR42nxWi3HbMAyVeB5AI6gbKBPYmSDJBtEEqSdIO4HtCeJMUGcCe4OoE9QT2NrAfY8H5HAvlHjHIwgBxB9QfblcqrquK6z2dru9AO5w8k78CfA7znMlK9DwWGG/ANfwjnPE/QPwweBMV1+vV358xmXjxPoY4B7gPtyrQPcG+LnAU5mST9hDxsOyFuc/1zgKcybDPwE+CN1P7E2kj5bbfQT8g2cC4jWbaLskyNYmKmPrVa3xHSxtnDcB8agE0VW+cW9xPkqcGlVKlHFc5ksm+YtIicW6pSoW3Vd6w2io1CpppqlbxNouuHsMVn9TrCB4SctOYvIcQxMeHACfSxmqyjuewtaWMaXgakZ2kkTryCOuq7SMkrnjfqpwhWkQkgO+9epOtdC/LfwRIO6YNYCXlnldLHJbY6Fw9zhP5MVeWsKtSqHIHWQiQcj0aW3MP2/p9hgjdZfBVPRTwnCforskyGNsUbb+lrJUM9E8NYhrhzRViBp4oznMFG6pTTk85HYVLdK0pyuDUCbDWEoCzUZbbaDZfSXIVMthKwvfd3N1GGNoxd/aG8z27JGkQQ6PcWy0Bp+8+LVVlTo+G3Sg3VJgprF5pm5pbOx437zzmVRym1hGb/wxeDDe/L2UIBRwZLwsbr9c0Fx3994J8C0I7yNNEpeQ+GhnTgrgf0+NII0v4KN7A6unZVHBRZhLD/w9CIrQmr5UwGEodrYfOEKCm7deo1HBBYBjoWszqOupHuddgl4QC0drzvtSDS4CYrSifWfmlYboFI6jhgIA76zzfCunXGfs+EYwTP24lJZNAPKe5371onX/BRgAGFlB3lgAiMwAAAAASUVORK5CYII=") left center no-repeat; }
      .with-sidebar .blog-post .item-wrap .item .tags-list {
        margin: 31px 0 12px; }
        .with-sidebar .blog-post .item-wrap .item .tags-list li {
          display: inline-block;
          text-transform: uppercase;
          color: #646c73;
          font-size: 10px;
          font-family: 'Stem Bold', Arial, sans-serif;
          padding: 6px 16px;
          margin-right: 8px;
          border: 1px solid #e6e5ef;
          border-radius: 5px;
          line-height: 15px;
          margin-bottom: 8px; }
          .with-sidebar .blog-post .item-wrap .item .tags-list li:last-child {
            margin-right: 0; }
  .with-sidebar .blog-post .get-consultation {
    border: 2px solid #f2f2f7;
    border-radius: 5px;
    padding: 38px 7.5% 46px;
    text-align: left; }
    .with-sidebar .blog-post .get-consultation .title {
      text-align: center;
      font-size: 29px;
      margin-bottom: 36px;
      color: #616368; }
    .with-sidebar .blog-post .get-consultation .input-wrap {
      max-width: 219px;
      width: 100%;
      display: inline-block;
      margin-right: 17px; }
      .with-sidebar .blog-post .get-consultation .input-wrap input {
        padding: 17px 30px 18px 21px; }
    .with-sidebar .blog-post .get-consultation button {
      width: 300px; }
  .with-sidebar.catalog {
    padding-left: 330px; }
    .with-sidebar.catalog .nav-wrap {
      width: 212px; }
      .with-sidebar.catalog .nav-wrap .title {
        padding-left: 35px;
        font-size: 22px;
        color: #1d2634;
        font-family: 'Stem Bold', Arial, sans-serif;
        position: relative;
        margin-top: 12px;
        text-transform: uppercase;
        border-bottom: 3px solid #f5f5f8;
        padding-bottom: 31px; }
        .with-sidebar.catalog .nav-wrap .title .icon {
          background-image: url(../img/main-sprite.png);
          background-position: -84px 0px;
          width: 17px;
          height: 17px;
          position: absolute;
          left: 0;
          top: 7px; }
        .with-sidebar.catalog .nav-wrap .title i {
          display: inline-block;
          background-image: url(../img/main-sprite.png);
          background-position: -49px -38px;
          width: 12px;
          height: 7px;
          margin-left: 15px; }
      .with-sidebar.catalog .nav-wrap ul {
        margin-top: 27px; }
        .with-sidebar.catalog .nav-wrap ul li {
          line-height: 22px;
          margin-bottom: 17px; }
    .with-sidebar.catalog:after {
      left: -1714px; }
    .with-sidebar.catalog .content h3 {
      font-family: 'Stem Bold', Arial, sans-serif;
      font-size: 22px;
      line-height: 52px;
      color: #1d2634;
      padding-left: 31px;
      position: relative;
      text-align: left;
      margin-top: 24px;
      text-transform: uppercase;
      margin-bottom: 20px; }
      .with-sidebar.catalog .content h3 i {
        position: absolute;
        top: 16px;
        left: 0; }
      .with-sidebar.catalog .content h3.stocks i {
        background-image: url(../img/main-sprite.png);
        background-position: 0px -25px;
        width: 19px;
        height: 20px; }
      .with-sidebar.catalog .content h3.hits i {
        background-image: url(../img/main-sprite.png);
        background-position: -28px 0px;
        width: 20px;
        height: 20px; }
      .with-sidebar.catalog .content h3.hot i {
        background-image: url(../img/main-sprite.png);
        background-position: 0px -46px;
        width: 17px;
        height: 20px; }
      .with-sidebar.catalog .content h3.catalog {
        padding-left: 0;
        font-size: 31px;
        color: #455a81;
        text-transform: none;
        margin-top: 11px; }
    .with-sidebar.catalog.filter:after {
      background: #f5f5f8; }
    .with-sidebar.catalog.filter .nav-wrap {
      width: 285px; }
      .with-sidebar.catalog.filter .nav-wrap:before {
        content: '';
        top: -40px;
        background: #fdfdfd;
        right: -1px;
        position: absolute;
        width: 2000px;
        height: 135px; }
      .with-sidebar.catalog.filter .nav-wrap .title {
        border-bottom: none; }
      .with-sidebar.catalog.filter .nav-wrap .filter-wrap {
        position: relative;
        padding-top: 18px; }
        .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section {
          font-family: 'Stem Medium', Arial, sans-serif;
          padding: 9px 0 87px;
          position: relative; }
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section:after {
            content: '';
            height: 3px;
            background: #eeeef0;
            width: 100%;
            max-width: 196px;
            position: absolute;
            left: 0;
            bottom: 0; }
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .title {
            font-size: 18px;
            text-transform: uppercase;
            padding: 0; }
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .data {
            margin-top: 5px; }
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .data span {
              font-size: 14px;
              margin-right: 1px; }
              .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .data span.from-to {
                margin: 0 3px 0 7px; }
              .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .data span.price {
                margin-left: 8px; }
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .data input {
              display: inline-block;
              width: 46px;
              padding: 3px 3px;
              border: 2px solid #e5e5ee;
              font-size: 13px;
              font-family: 'Stem Medium', Arial, sans-serif; }
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .irs {
            max-width: 204px;
            height: 0; }
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .irs .irs-line {
              background: #e2e8ef;
              height: 4px; }
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .irs .irs-from,
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .irs .irs0-to,
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .irs .irs-single {
              top: inherit;
              bottom: -53px;
              background: none;
              z-index: 5;
              color: #617f9d; }
              .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .irs .irs-from:after,
              .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .irs .irs0-to:after,
              .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .irs .irs-single:after {
                content: '';
                width: 5px;
                height: 9px;
                border-radius: 5px;
                position: absolute;
                top: -16px;
                left: 50%;
                margin-left: -2.5px; }
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section .irs .irs-bar {
              height: 4px; }
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.blue .irs .irs-from,
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.blue .irs .irs-to,
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.blue .irs .irs-single {
            color: #617f9d; }
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.blue .irs .irs-from:after,
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.blue .irs .irs-to:after,
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.blue .irs .irs-single:after {
              background: #0085cd; }
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.blue .irs .irs-bar {
            background: #a5c0dd; }
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.brown .irs .irs-from:after,
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.brown .irs .irs-to:after,
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.brown .irs .irs-single:after {
            background: #f77e3e; }
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.brown .irs .irs-bar {
            background: #f3d8ca; }
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.list {
            margin-top: 7px;
            padding-bottom: 0; }
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.list ul {
              margin-top: 11px; }
              .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.list ul li {
                width: 48%;
                display: inline-block;
                margin-bottom: 0; }
                .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.list ul li input {
                  display: none; }
            .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.list.no-border:after {
              display: none; }
        .with-sidebar.catalog.filter .nav-wrap .filter-wrap .button {
          width: 207px;
          margin: 24px 0 45px;
          padding: 6px 0 6px;
          min-height: inherit;
          font-size: 10px;
          cursor: pointer; }
          .with-sidebar.catalog.filter .nav-wrap .filter-wrap .button:after {
            display: none; }

.page-head {
  padding-top: 135px; }

@media (max-width: 1200px) {
  .with-sidebar .blog-post .get-consultation {
    text-align: center; }
    .with-sidebar .blog-post .get-consultation .input-wrap {
      margin-right: 0;
      margin-bottom: 24px;
      width: 48.5%;
      float: right;
      max-width: inherit; }
      .with-sidebar .blog-post .get-consultation .input-wrap:first-child {
        float: left; } }

@media (max-width: 1100px) {
  .with-sidebar .content .product-advantages {
    text-align: center; }
    .with-sidebar .content .product-advantages .item {
      padding: 0 20px;
      min-width: 235px;
      max-width: 300px;
      width: 100%; }
      .with-sidebar .content .product-advantages .item .icon {
        background-position: center center !important; }
      .with-sidebar .content .product-advantages .item .numb {
        left: 16px; } }

@media (max-width: 820px) {
  .with-sidebar {
    padding-left: 15px !important; }
    .with-sidebar:after {
      display: none; }
    .with-sidebar .nav-wrap {
      position: inherit;
      width: 100% !important;
      padding-left: 0;
      padding-right: 0; }
      .with-sidebar .nav-wrap h1,
      .with-sidebar .nav-wrap p,
      .with-sidebar .nav-wrap ul {
        padding-left: 0; }
      .with-sidebar .nav-wrap ul {
        margin-bottom: 30px;
        padding-bottom: 0; }
        .with-sidebar .nav-wrap ul li {
          display: inline-block;
          margin-right: 25px; }
    .with-sidebar .content {
      margin: 0 -10px;
      width: 100%; }
      .with-sidebar .content .products-row {
        margin: 0; }
    .with-sidebar .blog-post .additional-information {
      margin: 30px -15px 0;
      text-align: center;
      padding-left: 0;
      width: inherit; }
      .with-sidebar .blog-post .additional-information .post-min {
        padding: 0 15px;
        width: 49.4%;
        max-width: inherit;
        text-align: left; }
    .with-sidebar.catalog .content h3.catalog {
      padding-left: 10px; }
    .with-sidebar.catalog .content .catalog-top {
      padding: 0 10px; }
    .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section {
      width: 50%;
      float: left; }
      .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section:after {
        max-width: inherit; }
      .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.list {
        text-align: left;
        width: 100%; }
        .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section.list ul li {
          max-width: 120px; } }

@media (max-width: 700px) {
  .with-sidebar .content .product-item {
    width: 50%; } }

@media (max-width: 600px) {
  .with-sidebar .content .item-wrap {
    width: 50%; }
  .with-sidebar .blog-post .item-wrap .item .row .image {
    padding-top: 50%; }
  .with-sidebar .blog-post .item-wrap .item h3 {
    font-size: 25px; } }

@media (max-width: 580px) {
  .with-sidebar .content .item-wrap {
    width: 100%; }
  .with-sidebar .blog-post .get-consultation .input-wrap {
    width: 100%;
    float: none; }
  .with-sidebar .blog-post .get-consultation button {
    width: 100%; }
  .with-sidebar.catalog.filter .nav-wrap .filter-wrap .section {
    width: 100%; } }

@media (max-width: 500px) {
  .with-sidebar .content .product-item {
    width: 100%; } }

@media (max-width: 430px) {
  .with-sidebar .grey-dark {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
  .with-sidebar .blog-post .additional-information .post-min {
    width: 100%; } }

.post-min {
  width: 100%;
  max-width: 200px;
  margin-bottom: 31px;
  display: inline-block; }
  .post-min .image {
    position: relative;
    padding-top: 76%;
    border-radius: 5px; }
    .post-min .image .label {
      top: 15px;
      left: 15px; }
  .post-min h3 {
    font-size: 18px;
    color: #606267;
    line-height: 28px;
    margin-top: 13px; }
  .post-min p {
    font-size: 12px;
    line-height: 23px;
    color: #868b94; }

.price-wrap {
  padding-top: 46px;
  padding-bottom: 137px; }
  .price-wrap .title {
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 48px;
    text-transform: uppercase;
    font-family: 'Stem Bold', Arial, sans-serif; }
  .price-wrap .important {
    font-size: 16px;
    color: #59606d;
    padding-left: 5px;
    margin-top: 26px;
    margin-bottom: 43px;
    font-family: 'Stem Medium', Arial, sans-serif; }
  .price-wrap h2 {
    color: #616368;
    font-size: 32px;
    font-family: 'Stem Regular', Arial, sans-serif;
    text-transform: none;
    margin-bottom: 24px; }
  .price-wrap ul,
  .price-wrap p {
    color: #878b95;
    font-size: 15px;
    line-height: 27px; }
  .price-wrap .margin-top {
    margin-top: 21px; }
  .price-wrap .button.blue {
    padding-right: 0;
    margin-top: 20px; }
    .price-wrap .button.blue:after {
      display: none; }
  .price-wrap h3 {
    font-size: 25px;
    line-height: 31px;
    margin-top: 34px; }
  .price-wrap p {
    margin-top: 22px; }

.product-slider {
  margin-bottom: 0; }
  .product-slider .slide {
    border-radius: 5px;
    min-height: 458px;
    text-align: left;
    color: #fff;
    padding: 74px 15px 0 9%; }
    .product-slider .slide h2 {
      color: #fff;
      font-size: 32px;
      line-height: 52px; }
    .product-slider .slide .to {
      font-size: 18px;
      margin-top: 16px;
      text-transform: uppercase;
      font-family: 'Stem Medium', Arial, sans-serif; }
    .product-slider .slide .button {
      margin-top: 22px; }
  .product-slider .slick-dots {
    bottom: 30px; }
    .product-slider .slick-dots li {
      width: 7px;
      height: 7px;
      border: 1px solid #fff;
      border-radius: 50%;
      margin: 0 9px; }
      .product-slider .slick-dots li.slick-active {
        background: #fff; }
      .product-slider .slick-dots li button {
        display: none; }

@media (max-width: 1170px) {
  .product-slider .slide h2 {
    font-size: 24px;
    line-height: 37px; } }

@media (max-width: 560px) {
  .product-slider .slide {
    padding: 74px 20px 0;
    text-align: center; } }

.products-row {
  margin: 0 -11px; }

.product-item {
  padding: 0 11px;
  width: 33.33333%;
  float: left;
  margin-bottom: 35px; }
  .product-item .item {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    overflow: hidden;
    text-align: left; }
    .product-item .item .image {
      padding-top: 67%;
      box-shadow: 0 0 25px rgba(0, 0, 0, 0.055);
      position: relative; }
      .product-item .item .image .star-wrap {
        background: #f77e3e;
        width: 50px;
        height: 80px;
        position: absolute;
        top: -29px;
        right: -17px;
        -webkit-transform: rotate(-41deg);
        -moz-transform: rotate(-41deg);
        -ms-transform: rotate(-41deg);
        -o-transform: rotate(-41deg);
        transform: rotate(-41deg); }
        .product-item .item .image .star-wrap i {
          position: absolute;
          right: 27px;
          top: 31px;
          background-image: url(../img/main-sprite.png);
          background-position: -84px -18px;
          width: 16px;
          height: 15px;
          -webkit-transform: rotate(41deg);
          -moz-transform: rotate(41deg);
          -ms-transform: rotate(41deg);
          -o-transform: rotate(41deg);
          transform: rotate(41deg); }
    .product-item .item .body {
      padding: 17px 25px 25px; }
      .product-item .item .body .price {
        color: #0078cd;
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'Stem Bold', Arial, sans-serif; }
      .product-item .item .body h4 {
        font-size: 14px;
        margin-top: 2px;
        font-family: 'Stem Medium', Arial, sans-serif;
        line-height: 18px;
        color: #51545b; }
      .product-item .item .body p {
        font-size: 13px;
        color: #818690;
        line-height: 17px;
        margin-top: 8px; }
      .product-item .item .body .button {
        width: 100%;
        padding: 7px 15px 8px;
        margin-top: 18px;
        font-size: 9px;
        min-height: inherit; }
        .product-item .item .body .button i {
          display: inline-block;
          background-image: url(../img/main-sprite.png);
          background-position: -75px -67px;
          width: 10px;
          height: 10px;
          position: relative;
          top: 2px;
          margin-right: 10px; }
        .product-item .item .body .button:after {
          display: none; }

.product-advantages {
  border-top: 3px solid #f5f5f8;
  margin-top: 67px;
  padding-top: 44px;
  text-align: left;
  margin-bottom: 11px; }
  .product-advantages .item {
    width: 32.7%;
    display: inline-block;
    position: relative;
    padding-right: 40px;
    vertical-align: top;
    margin-bottom: 35px; }
    .product-advantages .item .icon {
      height: 60px; }
    .product-advantages .item .numb {
      position: absolute;
      top: 0;
      left: -30px;
      font-size: 150px;
      color: #f3f7fa;
      font-family: 'Stem Bold', Arial, sans-serif;
      z-index: -1;
      line-height: 150px; }
    .product-advantages .item .title {
      font-size: 22px;
      font-family: 'Stem Middle', Arial, sans-serif;
      color: #1d2634; }
    .product-advantages .item p {
      font-size: 13px;
      line-height: 19px;
      color: #878b95;
      margin-top: 6px; }
    .product-advantages .item .more {
      color: #0087e1;
      font-size: 10px;
      margin-top: 6px;
      letter-spacing: 2px;
      text-transform: uppercase;
      display: inline-block;
      font-family: 'Stem Bold', Arial, sans-serif; }

.panel-tabs {
  padding-top: 47px; }
  .panel-tabs .tab-nav li {
    display: inline-block;
    margin-left: 48px;
    font-size: 24px;
    color: #51545b; }
    .panel-tabs .tab-nav li span {
      cursor: pointer;
      padding-bottom: 9px;
      border-bottom: 2px solid #fff; }
    .panel-tabs .tab-nav li.active span {
      border-color: #00a1e9;
      cursor: default; }
    .panel-tabs .tab-nav li:first-child {
      margin-left: 0; }
  .panel-tabs .tab {
    text-align: left;
    padding-top: 72px;
    padding-bottom: 28px; }
    .panel-tabs .tab .pricelist-item {
      padding: 0 15px 0 96px;
      margin-bottom: 40px;
      display: inline-block;
      width: 24.4%;
      min-height: 100px;
      vertical-align: top; }
      .panel-tabs .tab .pricelist-item.doc, .panel-tabs .tab .pricelist-item.docx {
        background: url(../img/doc.png) left 10px no-repeat; }
      .panel-tabs .tab .pricelist-item.pdf {
        background: url(../img/pdf.png) left 10px no-repeat; }
      .panel-tabs .tab .pricelist-item.xls {
        background: url(../img/xls.png) left 10px no-repeat; }
      .panel-tabs .tab .pricelist-item .title {
        font-size: 19px;
        font-family: 'Stem Medium', Arial, sans-serif;
        color: #444d5f;
        line-height: 31px; }
      .panel-tabs .tab .pricelist-item .download {
        margin-top: 8px; }

@media (max-width: 1060px) {
  .panel-tabs .tab .pricelist-item {
    width: 49.5%; } }

@media (max-width: 700px) {
  .panel-tabs .tab-nav li {
    font-size: 20px; } }

@media (max-width: 550px) {
  .panel-tabs .tab-nav li {
    width: 100%;
    margin-left: 0;
    margin-top: 30px; }
    .panel-tabs .tab-nav li:first-child {
      margin-top: 0; }
  .panel-tabs .tab .pricelist-item {
    width: 100%; } }

.working-conditions {
  text-align: center;
  padding: 56px 0 70px;
  background: url(../img/conditions-bg.jpg) center center/cover no-repeat; }
  .working-conditions .block-center {
    max-width: 550px; }
    .working-conditions .block-center h2 {
      color: #fff;
      margin-bottom: 10px; }
    .working-conditions .block-center p {
      color: #fff;
      opacity: .85; }
    .working-conditions .block-center .button {
      padding-right: 0;
      margin-top: 20px;
      width: 100%;
      max-width: 310px;
      padding-right: 10px;
      padding-left: 10px; }
      .working-conditions .block-center .button:after {
        display: none; }

.last-news {
  text-align: center;
  padding-top: 44px;
  padding-bottom: 54px; }
  .last-news .list {
    margin: 73px -15px 0; }
    .last-news .list .post-min {
      float: left;
      display: block;
      text-align: left;
      width: 25%;
      max-width: inherit;
      padding: 0 25px; }
      .last-news .list .post-min .image {
        padding-top: 51%; }
      .last-news .list .post-min h3 {
        margin-top: 21px; }
      .last-news .list .post-min p {
        margin-top: 7px; }
      .last-news .list .post-min .more {
        display: inline-block;
        color: #3f96d1;
        font-family: 'Stem Medium', Arial, sans-serif;
        padding-right: 17px;
        text-transform: uppercase;
        margin-top: 3px;
        position: relative; }
        .last-news .list .post-min .more:after {
          content: '';
          position: absolute;
          top: 10px;
          right: 0;
          background-image: url(../img/main-sprite.png);
          background-position: -40px -25px;
          width: 6px;
          height: 10px; }
  .last-news .button {
    padding-right: 0;
    margin-top: 28px; }
    .last-news .button:after {
      display: none; }

@media (max-width: 1200px) {
  .last-news .list .post-min {
    padding: 0 15px; } }

@media (max-width: 900px) {
  .last-news .list .post-min {
    width: 50%; } }

@media (max-width: 530px) {
  .last-news .list .post-min {
    width: 100%; } }

.catalog-text {
  padding: 43px 10px 0; }
  .catalog-text .left {
    float: left;
    width: 50%; }
  .catalog-text .right {
    float: right;
    width: 50%; }
  .catalog-text p {
    font-size: 12px;
    color: #babec7;
    line-height: 17px;
    margin-bottom: 15px;
    padding-right: 20px;
    text-align: left; }

@media (max-width: 500px) {
  .catalog-text .left,
  .catalog-text .right {
    width: 100%; } }

.product-content .catalog-top {
  margin-top: 44px; }

.product-content .products-row .product-item {
  width: 25%; }

.product-content h3 {
  font-family: 'Stem Bold', Arial, sans-serif;
  font-size: 22px;
  line-height: 38px;
  color: #4a505b;
  padding-left: 31px;
  position: relative;
  text-align: left;
  margin-top: 44px;
  text-transform: uppercase;
  margin-bottom: 20px; }
  .product-content h3.stocks i {
    position: absolute;
    top: 16px;
    left: 0;
    background-image: url(../img/main-sprite.png);
    background-position: 0px -25px;
    width: 19px;
    height: 20px; }

@media (max-width: 900px) {
  .product-content .products-row .product-item {
    width: 50%; } }

@media (max-width: 480px) {
  .product-content .products-row .product-item {
    width: 100%; } }

.product-detail {
  margin-top: 28px; }
  .product-detail .prev-wrap {
    float: left;
    width: 43.4%;
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden; }
    .product-detail .prev-wrap .main-image {
      height: 350px; }
    .product-detail .prev-wrap .images-list {
      margin-top: 5px; }
      .product-detail .prev-wrap .images-list .item {
        width: 33.3333%;
        float: left;
        max-width: 200px;
        cursor: pointer;
        height: 135px; }
  .product-detail .text-wrap {
    float: right;
    width: 52%; }
    .product-detail .text-wrap h2 {
      font-size: 27px;
      line-height: 38px;
      text-transform: inherit;
      font-family: 'Stem Medium', Arial, sans-serif; }
    .product-detail .text-wrap .cost {
      color: #2697d4;
      font-family: 'Stem Medium', Arial, sans-serif;
      display: inline-block;
      font-size: 27px;
      margin-top: 41px;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-right: 30px; }
    .product-detail .text-wrap .button {
      vertical-align: top;
      margin-top: 31px;
      min-height: inherit;
      width: 130px;
      padding: 15px 0; }
    .product-detail .text-wrap .text {
      margin-top: 6px; }
      .product-detail .text-wrap .text p {
        color: #818690;
        font-size: 17px;
        line-height: 25px;
        margin-top: 27px; }

@media (max-width: 900px) {
  .product-detail .text-wrap h2 {
    font-size: 22px; }
  .product-detail .text-wrap .cost {
    font-size: 20px; } }

@media (max-width: 755px) {
  .product-detail .prev-wrap {
    width: 100%;
    margin-bottom: 40px; }
  .product-detail .text-wrap {
    width: 100%; } }

.product-info {
  margin-top: 60px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  border-radius: 5px; }
  .product-info .nav-wrap {
    position: relative;
    border-bottom: 2px solid #f4f7fb; }
    .product-info .nav-wrap .info-nav {
      padding: 9px 26px 10px; }
      .product-info .nav-wrap .info-nav li {
        float: left;
        display: block;
        cursor: pointer;
        margin-left: 48px;
        color: #8b919e; }
        .product-info .nav-wrap .info-nav li.active {
          font-family: 'Stem Medium', Arial, sans-serif;
          color: #51545b;
          cursor: default; }
        .product-info .nav-wrap .info-nav li:first-child {
          margin-left: 0; }
    .product-info .nav-wrap .line {
      position: absolute;
      height: 2px;
      bottom: -2px;
      background: #9dc9de;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
  .product-info .tabs-wrap {
    overflow: hidden;
    position: relative; }
    .product-info .tabs-wrap .tab {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      .product-info .tabs-wrap .tab .table {
        width: 25%;
        border-radius: 0;
        box-shadow: none;
        float: left;
        border-left: 2px solid #f4f7fb;
        text-align: left; }
        .product-info .tabs-wrap .tab .table:first-child {
          border-left: none; }
        .product-info .tabs-wrap .tab .table .plus-icon {
          background-image: url(../img/main-sprite.png);
          background-position: -49px 0px;
          width: 19px;
          height: 18px;
          display: inline-block;
          cursor: pointer; }
        .product-info .tabs-wrap .tab .table .close-icon {
          background-image: url(../img/main-sprite.png);
          background-position: -20px -25px;
          width: 19px;
          height: 18px;
          display: inline-block;
          cursor: pointer; }
        .product-info .tabs-wrap .tab .table thead {
          background: none;
          color: #42454a; }
          .product-info .tabs-wrap .tab .table thead tr th {
            font-family: 'Stem Medium', Arial, sans-serif;
            font-weight: normal;
            padding: 20px 10px 20px 26px;
            font-size: 18px; }
        .product-info .tabs-wrap .tab .table tbody tr td {
          padding: 10px 10px 10px 26px; }
        .product-info .tabs-wrap .tab .table tbody tr td {
          border: none;
          color: #808590; }
          .product-info .tabs-wrap .tab .table tbody tr td:last-child {
            padding-left: 10px;
            color: #4c4f54;
            font-family: 'Stem Medium', Arial, sans-serif;
            font-weight: normal; }

@media (max-width: 1150px) {
  .product-info .tabs-wrap .tab .table {
    width: 50%; } }

@media (max-width: 620px) {
  .product-info .nav-wrap .info-nav li {
    float: none;
    margin-bottom: 10px;
    margin-left: 0; }
  .product-info .nav-wrap .line {
    display: none; } }

@media (max-width: 560px) {
  .product-info .tabs-wrap .tab .table {
    width: 100%; } }

.buying-benefits {
  border-top: 2px solid #f5f5f8;
  margin-top: 30px;
  padding-top: 32px;
  padding-bottom: 54px; }
  .buying-benefits .item {
    display: inline-block;
    width: 19.5%;
    vertical-align: top;
    padding-right: 50px; }
    .buying-benefits .item .image {
      height: 75px; }
    .buying-benefits .item h5 {
      font-family: 'Stem Medium', Arial, sans-serif;
      color: #1d2634;
      font-size: 18px; }

@media (max-width: 1000px) {
  .buying-benefits {
    text-align: center; }
    .buying-benefits .item {
      width: 32.6%;
      padding: 0 20px;
      margin-bottom: 30px; }
      .buying-benefits .item .image {
        background-position: center center !important; }
      .buying-benefits .item h5 {
        max-width: 200px;
        margin: 0 auto; } }

@media (max-width: 600px) {
  .buying-benefits .item {
    width: 49.4%; } }

@media (max-width: 430px) {
  .buying-benefits .item {
    width: 100%; } }

.what-do {
  padding-top: 70px;
  padding-bottom: 35px; }
  .what-do .item {
    display: inline-block;
    width: 24.5%;
    padding-right: 55px;
    vertical-align: top;
    margin-bottom: 45px; }
    .what-do .item.title h2 {
      color: #232e43; }
    .what-do .item.title p {
      font-size: 16px;
      line-height: 27px; }
    .what-do .item .image {
      height: 70px; }
    .what-do .item p {
      font-size: 14px;
      line-height: 25px;
      margin-top: 10px;
      color: #626c7b; }
    .what-do .item h4 {
      color: #444d5f;
      font-size: 19px;
      margin-top: 9px;
      line-height: 31px;
      font-family: 'Stem Medium', Arial, sans-serif; }

@media (max-width: 1120px) {
  .what-do {
    padding-left: 0;
    text-align: center;
    padding-right: 0; }
    .what-do .item {
      width: 32.7%;
      padding: 0 15px; }
      .what-do .item .image {
        background-position: center center !important; }
      .what-do .item.title {
        width: 100%;
        margin-bottom: 55px; } }

@media (max-width: 700px) {
  .what-do .item {
    width: 49.5%; } }

@media (max-width: 480px) {
  .what-do .item {
    width: 100%; } }

.index-guarantee {
  margin-top: 68px;
  position: relative; }
  .index-guarantee .image {
    float: left;
    width: 41.5%;
    background-image: url(../img/guarantee.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 15px;
    height: 100%; }
  .index-guarantee .text-wrap {
    float: right;
    width: 51.5%;
    margin-top: 84px;
    margin-bottom: 94px; }
    .index-guarantee .text-wrap p {
      margin-top: 20px;
      color: #6d7582; }
    .index-guarantee .text-wrap .button {
      margin-top: 27px; }

@media (max-width: 700px) {
  .index-guarantee .image {
    width: 100%;
    height: 310px;
    float: none;
    margin: 0 auto;
    max-width: 400px;
    position: inherit;
    left: inherit; }
  .index-guarantee .text-wrap {
    width: 100%;
    text-align: center;
    margin-top: 35px; } }

.index-info {
  position: relative;
  background: #fafbfc; }
  .index-info.bg-white {
    background-color: #ffffff; }
  .index-info .image {
    position: absolute;
    width: 43%;
    top: 0;
    height: 100%;
    left: inherit;
    right: 0;
    float: left;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
    .index-info .image.vrv {
      background: url(../img/vrv-bg.jpg) center center/cover no-repeat; }
    .index-info .image.chillers {
      background: url(../img/chillers-bg.jpg) center center/cover no-repeat; }
    .index-info .image.rooftops {
      background: url(../img/rooftops-bg.jpg) center center/cover no-repeat; }
    .index-info .image.air-conditioning {
      background: url(../img/air-conditioning-bg.jpg) center center/cover no-repeat; }
  .index-info .text-wrap {
    width: 57%;
    padding: 55px 100px 70px;
    float: left; }
    .index-info .text-wrap .title-wrap {
      margin-bottom: 17px; }
      .index-info .text-wrap .title-wrap p {
        margin-top: 15px;
        margin-bottom: 0 !important; }
    .index-info .text-wrap p {
      color: #6d7582;
      font-size: 15px;
      line-height: 35px;
      margin-bottom: 23px; }
    .index-info .text-wrap h3 {
      text-transform: uppercase;
      font-size: 20px;
      font-family: 'Stem Bold', Arial, sans-serif;
      color: #232e43;
      line-height: 45px; }
    .index-info .text-wrap ul {
      display: inline-block;
      width: 100%;
      max-width: 280px;
      margin-top: 4px;
      vertical-align: top; }
      .index-info .text-wrap ul li {
        margin-bottom: 18px;
        padding-right: 60px; }
    .index-info .text-wrap .button {
      margin-top: 17px; }
  .index-info.left-position {
    background: none; }
    .index-info.left-position .image {
      left: 0;
      right: inherit; }
    .index-info.left-position .text-wrap {
      float: right; }

@media (max-width: 830px) {
  .index-info .image {
    width: 100%;
    position: inherit;
    height: 300px; }
  .index-info .text-wrap {
    padding: 35px 15px 70px;
    width: 100%; } }

.numbers {
  font-size: 0;
  z-index: 3;
  position: relative;
  margin-top: 100px;
  text-align: left; }

@media (min-width: 990px) {
  .numbers--2 .numbers__item {
    width: 50%; } }

@media (min-width: 480px) {
  .numbers--3 .numbers__item {
    width: 50%; } }

@media (min-width: 990px) {
  .numbers--3 .numbers__item {
    width: 33%; } }

.numbers__item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px; }
  @media (min-width: 480px) {
    .numbers__item {
      width: 50%; } }
  @media (min-width: 990px) {
    .numbers__item {
      width: 25%; } }

.numbers__item-number {
  color: #ff7e25;
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px; }

.numbers__item-text {
  color: #ffffff;
  font-size: 19px;
  font-weight: 500; }

.products-wrap {
  background-color: rgba(238, 241, 246, 0.3);
  text-align: center;
  padding-top: 70px;
  padding-bottom: 60px; }

.products {
  margin-top: 80px; }

.products__item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px; }
  @media (min-width: 720px) {
    .products__item {
      width: 49%; } }
  @media (min-width: 1110px) {
    .products__item {
      width: 33%; } }

.products__item-wrap {
  box-shadow: 0px 0px 49px 0px rgba(20, 20, 20, 0.05); }

.products__item-image {
  box-shadow: 0px 5px 18px 0px rgba(138, 149, 193, 0.09);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff; }

.products__item-image-body {
  background-position: center 7px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 290px; }
  @media (min-width: 720px) {
    .products__item-image-body {
      height: 190px; } }

.products__item-body {
  padding: 25px;
  color: #232e43;
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: left; }

.products__item-title {
  min-height: 55px; }

.products__item-description {
  text-transform: none;
  font-weight: 400;
  font-size: 14px; }

.products__item-title, .products__item-price {
  line-height: 25px; }

.products__item-price {
  color: #109dea;
  margin-bottom: 10px; }

.products__item-button a {
  width: 100%;
  font-size: 9px;
  padding-right: 0; }
  .products__item-button a:after {
    display: none; }

.login-block__title, .login-block__text {
  text-align: left;
  display: inline-block;
  width: 100%;
  vertical-align: top; }
  @media (min-width: 1100px) {
    .login-block__title, .login-block__text {
      width: 48%; } }

.login-block__title {
  margin-bottom: 25px; }
  .login-block__title h2 {
    line-height: 55px; }

.login-block__text {
  line-height: 35px; }

.form-response {
  padding-top: 10px; }

.block-page {
  padding-top: 120px;
  padding-bottom: 60px; }

.slider-gallery__image {
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.upload-button,
.upload-button__filename {
  display: inline-block; }

.upload-button {
  border: 1px solid #ccc;
  padding: 10px;
  cursor: pointer; }

.upload-button__filename {
  color: #999;
  padding-left: 10px; }

.page-content p {
  text-align: center; }

.footer-top {
  padding: 39px 0 50px;
  background: #1d2534;
  border-bottom: 2px solid #222c3c;
  position: relative; }
  .footer-top .main-nav {
    display: block !important; }
    .footer-top .main-nav ul li {
      margin-bottom: 0; }
      .footer-top .main-nav ul li:hover .dropdown-wrap {
        display: block; }
    .footer-top .main-nav .dropdown-wrap {
      top: 0; }
    .footer-top .main-nav .nav-list {
      width: 33.33333%;
      float: left;
      text-align: left;
      padding-left: 30px;
      padding-right: 15px; }
      .footer-top .main-nav .nav-list li {
        line-height: 21px;
        display: block;
        width: 100%;
        margin-left: 0; }
        .footer-top .main-nav .nav-list li a {
          font-size: 14px;
          color: #fff; }

@media (max-width: 1180px) {
  .footer-top .main-nav {
    width: 100%; }
    .footer-top .main-nav ul {
      text-align: center; }
      .footer-top .main-nav ul li {
        margin: 0 15px; }
    .footer-top .main-nav .nav-list {
      text-align: center;
      margin-top: 30px;
      padding: 0 30px; } }

@media (max-width: 580px) {
  .footer-top .main-nav .nav-list {
    width: 100%; } }

.footer-bottom {
  background: #1d2534;
  padding: 29px 0 48px; }
  .footer-bottom .left-text {
    float: left;
    font-size: 14px;
    color: #fff;
    opacity: .38; }
    .footer-bottom .left-text span {
      margin: 0 22px; }
  .footer-bottom .created-by {
    float: right;
    color: #fff; }
    .footer-bottom .created-by .title {
      margin-right: 20px;
      font-size: 14px;
      display: inline-block;
      opacity: .38; }
    .footer-bottom .created-by img {
      display: inline-block;
      position: relative;
      top: 2px; }

@media (max-width: 760px) {
  .footer-bottom .left-text {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 20px; }
  .footer-bottom .created-by {
    width: 100%;
    text-align: center; } }