@charset "UTF-8";
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

button,
input,
select,
textarea {
  -webkit-appearance: none;
  outline: none; }

a {color:#f00}

figure {
  margin: 0;
  padding: 0; }

address {
  font-style: normal; }

img, iframe, video {
  max-width: 100%;
  height: auto; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

/** Generated by FG **/
@font-face {
  font-family: 'circe';
  src: url("../fonts/CRC35.eot");
  src: local("тШ║"), url("../fonts/CRC35.woff") format("woff"), url("../fonts/CRC35.ttf") format("truetype"), url("../fonts/CRC35.svg") format("svg");
  font-weight: 100;
  font-style: normal; }
/** Generated by FG **/
@font-face {
  font-family: 'circe';
  src: url("../fonts/Circe-Bold.eot");
  src: local("тШ║"), url("../fonts/Circe-Bold.woff") format("woff"), url("../fonts/Circe-Bold.ttf") format("truetype"), url("../fonts/Circe-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal; }
/** Generated by FG **/
@font-face {
  font-family: 'circe';
  src: url("../fonts/Circe-Regular.eot");
  src: local("тШ║"), url("../fonts/Circe-Regular.woff") format("woff"), url("../fonts/Circe-Regular.ttf") format("truetype"), url("../fonts/Circe-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?c3elca");
  src: url("../fonts/icomoon.eot?c3elca#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?c3elca") format("truetype"), url("../fonts/icomoon.woff?c3elca") format("woff"), url("../fonts/icomoon.svg?c3elca#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
.my-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arr-l:before {
  content: "\e900"; }

.icon-arr-r:before {
  content: "\e901"; }

.icon-arr-top:before {
  content: "\e902"; }

.icon-automatisation:before {
  content: "\e903"; }

.icon-briefcase:before {
  content: "\e904"; }

.icon-check:before {
  content: "\e905"; }

.icon-diploma-old:before {
  content: "\e90d"; }

.icon-dve:before {
  content: "\e90e"; }

.icon-gear-fix:before {
  content: "\e910"; }

.icon-global:before {
  content: "\e911"; }

.icon-goal:before {
  content: "\e912"; }

.icon-gramota:before {
  content: "\e913"; }

.icon-hand-certificate:before {
  content: "\e914"; }

.icon-hand-graph:before {
  content: "\e915"; }

.icon-iso:before {
  content: "\e916"; }

.icon-map-measure:before {
  content: "\e917"; }

.icon-navi:before {
  content: "\e919"; }

.icon-prodflow:before {
  content: "\e91d"; }

.icon-rotation:before {
  content: "\e91f"; }

.icon-rst:before {
  content: "\e920"; }

.icon-search:before {
  content: "\e922"; }

.icon-shield:before {
  content: "\e923"; }

.icon-stoncks:before {
  content: "\e924"; }

.icon-team:before {
  content: "\e925"; }

.icon-thermo:before {
  content: "\e926"; }

.icon-thumb:before {
  content: "\e927"; }

.icon-oem:before {
  content: "\e91a"; }

.icon-tools:before {
  content: "\e91e"; }

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

.icon-scope:before {
  content: "\e918"; }

.icon-ex:before {
  content: "\e90f"; }

.icon-money:before {
  content: "\e906"; }

.icon-geo:before {
  content: "\e907"; }

.icon-delivery:before {
  content: "\e908"; }

.icon-gear:before {
  content: "\e909"; }

.icon-box:before {
  content: "\e90a"; }

.icon-factory:before {
  content: "\e90b"; }

.icon-certificat:before,
.icon-diploma:before {
  content: "\e90c"; }

.icon-pc-fix:before {
  content: "\e91b"; }

.icon-pen-check:before {
  content: "\e91c"; }

.icon-ruller:before {
  background: url(../images/ruler.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  position: relative;
  display: inline-block;
  width: 123px;
  height: 47px;
  margin-left: 20px;
  content: '';
  transform: rotate(-30deg); }
  @media (max-width: 767px) {
    .icon-ruller:before {
      width: 80px;
      height: 35px; } }

html {
  font-family: circe, sans-serif;
  font-size: 18px; }

body {
  counter-reset: sections; }



.row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }
  .row > * {
    padding-left: 15px;
    padding-right: 15px; }

.col-2 {
  width: 16.6666667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.333334%; }

.col-5 {
  width: 41.6666667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.3333334%; }

.col-8 {
  width: 66.6666667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.333334%; }
.col-11 {
  width: 91.666667%; }

.col-12 {
  width: 100%; }

.p-left-1 {
  margin-left: 8.3333334%; }

.p-left-2 {
  margin-left: 16.666667%; }

.p-left-3 {
  margin-left: 25%; }

.p-left-4 {
  margin-left: 33.33334%; }

.p-left-5 {
  margin-left: 41.66666667%; }

.p-left-6 {
  margin-left: 50%; }

.p-left-7 {
  margin-left: 58.3333334%; }

@media (max-width: 1100px) {
  .col-tb-3 {
    width: 25%; }

  .col-tb-4 {
    width: 33.333334%; }

  .col-tb-5 {
    width: 41.6666667%; }

  .col-tb-6 {
    width: 50%; }

  .col-tb-7 {
    width: 58.3333334%; }

  .col-tb-8 {
    width: 66.6666667%; }

  .col-tb-9 {
    width: 75%; }

  .col-tb-12 {
    width: 100%; }

  .col-tb-10 {
    width: 83.333334%; }

  .order-tb-100 {
    order: 100; }

  .tb-p-left-1 {
    margin-left: 8.3333334%; } }
@media (max-width: 991px) {
  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.333334%; }

  .col-md-5 {
    width: 41.6666667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.3333334%; }

  .col-md-8 {
    width: 66.6666667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.333334%; }

  .col-md-12 {
    width: 100%; }

  .order-md-100 {
    order: 100; }

  .md-p-left-0 {
    margin-left: 0; }

  .md-p-left-1 {
    margin-left: 8.3333334%; }

  .md-p-left-1 {
    margin-left: 8.3333334%; }

  .md-p-left-2 {
    margin-left: 16.666667%; }

  .md-p-left-3 {
    margin-left: 25%; }

  .md-p-left-4 {
    margin-left: 33.33334%; }

  .md-p-left-5 {
    margin-left: 41.66666667%; }
  .md-hide {
    display: none !important; } 

     }
@media (max-width: 767px) {
  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.333334%; }

  .col-sm-5 {
    width: 41.6666667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.3333334%; }

  .col-sm-8 {
    width: 66.6666667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-12 {
    width: 100%; }

  .order-sm-100 {
    order: 100; }

  .sm-p-left-0 {
    margin-left: 0; }

  .sm-hide {
    display: none !important; } }
.color-red {
  color: #f00; }

h1,.h1 {
  font-size: 72px;
  font-weight: bold; }
  h1.alt, .h1.alt {
    font-size: 42px; }
    @media (max-width: 991px) {
      h1.alt.alt, .h1.alt.alt {
        font-size: 34px !important; } 
      h1.alt.alt:not(:last-child), .h1.alt.alt:not(:last-child) {
        margin-bottom: 20px;
      }}
  @media (max-width: 991px) and (max-width: 767px) {
    h1.alt.alt, .h1.alt.alt {
      font-size: 26px !important; } }

article h1, article h2, article h3, article h4 {color:#f00;}

h2 {
  font-size: 36px; }
  @media (max-width: 767px) {
    h2 {
      font-size: 28px; } }

.h-category {
  display: block;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 0.4em; }
  .h-category:after {
    content: '\\';
    position: relative;
    top: -0.1em; }

.h4 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 1em; }

.icon-search {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative; }

.icon-navi {
  width: 17px;
  height: 11px;
  display: inline-block;
  position: relative; }

.btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  text-align: center; }

.btn-small {
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px; }

.btn-white {
  background: #fff;
  color: #fe0000; }

.btn-reg {
  height: 60px;
  line-height: 56px;
  border: 2px solid transparent;
  padding: 0 40px;
  font-weight: bold;
  border-radius: 30px; }

.btn-red {
  background: #f00;
  color: #fff; }

.btn-red:hover{
	background: #fff;
	color: #f00;
	border-color:#f00;
}


.btn-bd {
  border: 2px solid; }
  .btn-bd.btn-bd-red {
    color: #f00; }
  .btn-bd.btn-bd-red:hover {
  	background: #f00;
  	color: #fff;
  	border-color: #f00;
  }

.btn-square {
  border: 2px solid;
  height: 38px;
  border-radius: 0;
  font-size: 17px;
  padding: 0 40px;
  font-weight: bold;
  line-height: 34px; }

textarea,
input[type="email"],
input[type="text"],
input[type="password"] {
  border: 2px solid currentColor;
  background: rgba(255, 255, 255, 0.24);
  padding: 0 9px;
  height: 38px; }
  textarea::placeholder,
  input[type="email"]::placeholder,
  input[type="text"]::placeholder,
  input[type="password"]::placeholder {
    color: currentColor;
    opacity: 0.7; }
  .modal textarea::placeholder,
  .modal input[type="email"]::placeholder,
  .modal input[type="text"]::placeholder,
  .modal input[type="password"]::placeholder {
    color: #666;
    opacity: 1; }

    ::-webkit-input-placeholder { line-height: normal; }


textarea {
  padding: 9px;
  height: 134px;
  resize: none; }

input.error {
  border-color: #f00; }

.headed-page .page-header, .index-page .page-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10; }
.headed-page .breadcrumbs, .index-page .breadcrumbs {
  position: absolute;
  color: #fff;
  left: 0;
  top: 106px; }
  .headed-page .breadcrumbs ul li:not(:last-child):after, .index-page .breadcrumbs ul li:not(:last-child):after {
    background-image: url(../images/breadcrumb-white.png); }
  @media (max-width: 767px) {
    .breadcrumbs{
      display: none;
    }
    .headed-page .page-header{
      position: absolute;
    }


    .headed-page .breadcrumbs, .index-page .breadcrumbs {
      top: 76px; } 


    }

.nobr {white-space: nowrap;}

.simple .page-header {
  background: url(../images/simple-header.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin-bottom: 56px; }
  @media (max-width: 767px) {
    .simple .page-header {
      margin-bottom: 20px; } }
.simple .breadcrumbs {
  margin-bottom: 20px; }
  .simple .breadcrumbs ul {
    margin-left: 0; }
    .simple .breadcrumbs ul li:not(:last-child):after {
      background-image: url(../images/breadcrumb-red.png); }
    .simple .breadcrumbs ul li a {
      color: #353c42; }
  @media (max-width: 767px) {
    .simple .breadcrumbs {
      margin-bottom: 0; } }
.simple .section:first-of-type {
  padding-top: 0; }
.simple .section h1 {
  color: red;
  font-size: 54px; }

.header-search {
  position: relative;
  color: #fff;
  display: none;
  margin-left: 15px; }
  .header-search input {
    border: 2px solid;
    height: 28px;
    width: 20em;max-width: 100%;
    border-radius: 28px;
    font-size: 12px;
    font-family: circe, sans-serif;
    color: currentColor;
    padding-right: 29px; }
    .header-search input::placeholder {
      color: currentColor; }
  .header-search button {
    border: 0;
    background: none;
    position: absolute;
    right: 6px;
    color: currentColor;
    font-size: 14px;
    top: 5px; }

.headed-page>.section-bg:first-of-type {
  height: 540px;
  padding-top: 130px; }
  @media (max-width: 767px) {
    .headed-page>.section-bg:first-of-type {
      padding-top: 240px !important;
      background-size: auto 220px;
      background-position: center top;
      color: #000;
      min-height: 0;
      height: auto;
      padding-bottom: 0 !important;
      overflow: visible;
      } 
      .headed-page>.section-bg:first-of-type p:last-child{
        margin-bottom: 0;
      }
      #body-about .section-bg.section-bg:first-of-type{
        height: auto;
      }

    }

.page-header .width {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  -ms-align-items: center;
  align-items: center;
  position: relative; }
  .page-header .width a:not(.btn) {
    color: #fff;
    text-decoration: none; }

.width {
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.header-logo img {
  width: 180px; }
  @media (max-width: 991px) {
    .header-logo img {
      width: 140px; } }

.header-navi {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -o-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.header-navi-main {
  list-style-type: none;
  margin-top: 15px;
  min-height: 31px; }
  .header-navi-main ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 14px; }
  .header-navi-main > ul > li {
    padding-bottom: 15px; }
    .header-navi-main > ul > li > a {
      border-bottom: 2px solid transparent; }
    .header-navi-main > ul > li:hover > a {
      border-bottom-color: white; }
    .header-navi-main > ul > li:hover .subnavi,
    .header-navi-main > ul > li:hover .subnavi-complex {
      display: block; }
  .header-navi-main li {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 42px;
    position: relative; }
    .header-navi-main li .subnavi, .header-navi-main li .subnavi-complex ul {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      .header-navi-main li .subnavi li, .header-navi-main li .subnavi-complex ul li {
        font-size: 14px;
        display: block;
        text-transform: none;
        margin-left: 0;
        margin-bottom: 8px; }
        .header-navi-main li .subnavi li:last-child, .header-navi-main li .subnavi-complex ul li:last-child {
          margin-bottom: 0; }
        .header-navi-main li .subnavi li ul, .header-navi-main li .subnavi-complex ul li ul {
          padding: 0;
          margin: 0;
          list-style-type: none;
          margin-top: 8px; }
          .header-navi-main li ul li.sub,
          .header-navi-main li .subnavi li ul li, .header-navi-main li .subnavi-complex ul li ul li {
            font-weight: normal;
            position: relative;
            padding-left: 9px; }
            .header-navi-main li ul li.sub:before,
            .header-navi-main li .subnavi li ul li:before, .header-navi-main li .subnavi-complex ul li ul li:before {
              content: '/';
              color: #f00;
              position: absolute;
              left: 0;
              top: -2px; }
        .header-navi-main li .subnavi li a:hover, .header-navi-main li .subnavi-complex ul li a:hover {
          color: #f00;
          text-decoration: underline; }
    .header-navi-main li .subnavi, .header-navi-main li .subnavi-complex {
      position: absolute;
      left: 0;
      top: 100%;
      background: #fff;
      border-bottom: 7px solid  #f00;
      display: none;
      z-index: 10;
      min-width: 150px;
      padding: 10px 15px; }
      .header-navi-main li .subnavi a, .header-navi-main li .subnavi-complex a {
        color: #000; }
        .header-navi-main li .subnavi a:not(.btn), .header-navi-main li .subnavi-complex a:not(.btn) {
          color: #000; }



    .header-navi-main li .subnavi-complex-wrap {display: block;}
    .header-navi-main li .subnavi-complex-wrap a{display: inline-block;
    width: 100%;}
    html:not(.navi-called) .header-navi-main li .subnavi-complex-wrap>ul {columns: 3;margin-right: -30px;}
    html:not(.navi-called) .header-navi-main li .subnavi-complex-wrap>ul>li{min-width: 195px;padding-right: 30px;}
    .navi-called .header-navi-main li .subnavi-complex-wrap>ul{max-width: 215px;}

    @media (max-width: 992px){
      html:not(.navi-called) .header-navi-main li .subnavi-complex-wrap>ul {columns: 2;}
    }


    @media (max-width: 1100px) {
      .header-navi-main li {
        margin-left: 30px; } }
    @media (max-width: 991px) {
      .header-navi-main li {
        margin-left: 12px;
        font-size: 13px; } }
  @media (max-width: 767px) {
    .header-navi-main li .subnavi, .header-navi-main li .subnavi-complex{
      min-width: 0;
    }
    .header-navi-main.header-navi-main {
      list-style-type: none;
      margin-top: 15px;
      position: fixed;
      right: 0;
      top: 0;
      width: 90%;
      height: 100%;
      background: white;
      margin-top: 0;
      overflow-y: auto;
      padding: 20px;
      transform: translateX(100%);
      transition: transform 0.4s; 
      z-index: 100;
    }
      .header-navi-main.header-navi-main > ul {
        display: flex;
        flex-wrap: wrap; }
        .header-navi-main.header-navi-main > ul > li {
          margin-left: 0;
          display: block;
          width: 50%; } 

        }
      @media (max-width: 767px) and (max-width: 360px) {
        .header-navi-main.header-navi-main > ul > li {
          width: 100%; } }
  @media (max-width: 767px) {
          .header-navi-main.header-navi-main > ul > li:nth-child(2) {
            order: 3; }
          .header-navi-main.header-navi-main > ul > li:last-child {
            order: 4; }
          .header-navi-main.header-navi-main > ul > li a:not(.btn) {
            color: #f00; }
          .header-navi-main.header-navi-main > ul > li .subnavi, .header-navi-main.header-navi-main > ul > li .subnavi-complex {
            width: 100%;
            position: static;
            display: block;
            border-bottom-width: 0px;
            padding-left: 0;
            padding-right: 0; }
            .header-navi-main.header-navi-main > ul > li .subnavi li, .header-navi-main.header-navi-main > ul > li .subnavi-complex li {
              display: block;
              font-weight: normal;
              margin-bottom: 5px;
              font-size: 12px;
              padding-right: 10px; }
              .header-navi-main.header-navi-main > ul > li .subnavi li ul, .header-navi-main.header-navi-main > ul > li .subnavi-complex li ul {
                display: none; }
            .header-navi-main.header-navi-main > ul > li .subnavi a:not(.btn), .header-navi-main.header-navi-main > ul > li .subnavi-complex a:not(.btn) {
              color: #000; }
          .header-navi-main.header-navi-main > ul > li .subnavi-complex-wrap {
            display: block; }
            .header-navi-main.header-navi-main > ul > li .subnavi-complex-wrap ul {
              min-width: 100% !important; } }

.navi-called body {
  overflow-x: hidden; }
body{
  overflow-x: hidden;
}

.navi-called .header-search {
  color: #f00 !important;
  display: block !important; }
.navi-called .navi-call {
  color: #f00 !important; }
.navi-called .search-call {
  display: none; }
.navi-called .header-navi-additional{
  position: relative;
  z-index: 101;
}
.navi-called .page-header .header-phone,
.navi-called .page-header [data-pop-link="callme"] {
  display: none; }
.navi-called .header-navi-main > ul {
  position: absolute;
  right: 0;
  top: 0;
  background: #d7d7d7;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 750px;
  height: 100vh;
  width: 100%;
  z-index: 100;
  padding: 75px 0 0 0; }
  .navi-called .header-navi-main > ul:before {
    content: '';
    width: 100px;
    right: 100%;
    top: 0;
    height: 100%;
    background: #d7d7d7;
    position: absolute; }
  .navi-called .header-navi-main > ul:after {
    content: '';
    width: 2000px;
    left: 100%;
    top: 0;
    height: 100%;
    background: #d7d7d7;
    position: absolute; }
  @media (max-width: 1100px) {
    .navi-called .header-navi-main > ul {
      padding-left: 40px; }
      .navi-called .header-navi-main > ul:before, .navi-called .header-navi-main > ul:after {
        display: none; } }
  .navi-called .header-navi-main > ul > li {
    margin-bottom: 50px; }
    .navi-called .header-navi-main > ul > li > a {
      color: #000 !important;
      border-bottom-color: #f00;
      display: inline-block;
      padding-bottom: 8px; }
      .navi-called .header-navi-main > ul > li > a:not(:last-child) {
        margin-bottom: 10px; }
    .navi-called .header-navi-main > ul > li:nth-child(1) {
      order: -3;
      width: 25%; }
    .navi-called .header-navi-main > ul > li:nth-child(2) {
      width: 40%;
      height: 100%;
      padding-right: 60px; }
    .navi-called .header-navi-main > ul > li:nth-child(4) {
      order: -2;
      width: 25%; }
    .navi-called .header-navi-main > ul > li:nth-child(6) {
      order: -1;
      width: 25%; }
  .navi-called .header-navi-main > ul li {
    display: inline-block;
    margin: 0;
    margin-bottom: 12px; }
    .navi-called .header-navi-main > ul li ul {
      margin-top: 12px;
      margin-bottom: 12px; }
  .navi-called .header-navi-main > ul li .subnavi,
  .navi-called .header-navi-main > ul li .subnavi-complex {
    display: block;
    position: static;
    background: none;
    border: 0;
    padding: 0; }
    .navi-called .header-navi-main > ul li .subnavi li,
    .navi-called .header-navi-main > ul li .subnavi-complex li {
      display: block; }
    .navi-called .header-navi-main > ul li .subnavi .subnavi-complex-wrap,
    .navi-called .header-navi-main > ul li .subnavi-complex .subnavi-complex-wrap {
      display: block;
      padding: 0; }
@media (max-width: 767px) {
  .navi-called .header-navi-main {
    transform: translateX(0); }
    .navi-called .header-navi-main > ul {
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      height: auto !important;
      padding-left: 20px; }
      .navi-called .header-navi-main > ul > li {
        width: 50% !important;
        height: auto !important; }
      .navi-called .header-navi-main > ul .header-search {
        display: none; } }
@media (max-width: 767px) {
  .navi-called .header-search {
    display: none !important; } }

.header-navi-additional {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  -ms-align-items: center;
  align-items: center; }
  .header-navi-additional a {
    display: block;
    margin-left: 12px; }
  @media (max-width: 767px) {
    .header-navi-additional [data-pop-link="callme"]{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      line-height: 1;
      font-size: 12px;
      -ms-align-items: center;
      align-items: center;
      justify-content: center;
      top: -2px;
      width: 80px;
    }
    .header-navi-additional .header-phone a{
      text-indent: -9999px;
      height: 24px;
      width: 24px;
      display: block;
      background: url(../images/phone-icon.svg) no-repeat center;
      -webkit-background-size: cover;
      background-size: contain;
      text-align: left;
      position: relative;
      top: -3px;
      right: -6px;
      margin-left: 0;
      } 
      a.search-call.link-icon{
        margin-left: 10px;
      }

    }

.header-phone {
  font-size: 18px;
  font-weight: bold; }
  @media (max-width: 767px) {
    .header-phone {
      text-indent: -9999px; } }

.breadcrumbs {
  width: 100%;
  left: 0; 
  position: relative;
  z-index: 1;
}
  .breadcrumbs ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 8.33333%; }
    @media (max-width: 767px) {
      .breadcrumbs ul {
        margin-left: 0; } }
    .breadcrumbs ul li {
      display: inline-block;
      vertical-align: top;
      position: relative;
      padding-right: 20px; }
      .breadcrumbs ul li a {
        text-decoration: underline;
        color: currentColor; }
      .breadcrumbs ul li:not(:last-child):after {
        width: 7px;
        height: 11px;
        content: '';
        display: block;
        right: 4px;
        top: 3px;
        position: absolute;
        background: url(../images/breadcrumb.png) no-repeat;
        -webkit-background-size: contain;
        background-size: contain; }

.section {
  padding-top: 78px;
  padding-bottom: 83px; }
  @media (max-width: 767px) {
    .section {
      padding-top: 35px !important;
      padding-bottom: 35px !important; } 

      .width[class*="pt"]{
        padding-top: 15px;
      } 
      .width[class*="pb"]{
        padding-bottom: 15px;
      }


    }

.section-slide {
  height: 100vh;
  max-height: 1000px;
  min-height: 600px; }

@media (max-width: 767px){
/*  .section-slide{
    height: auto;
  }*/
}

.section-enumed {
  position: relative; }
  .section-enumed:after {
    counter-increment: sections;
    content: "0" counter(sections);
    position: absolute;
    font-size: 200px;
    left: 100px;
    bottom: 0;
    line-height: 0.87;
    height: 110px;
    overflow: hidden;
    font-weight: 100;
    color: #f00;
    z-index: 10;
    max-width: 1520px;
    left: 100px;
    right: 100px;
    margin: auto;
    /**/ }
    @media (max-width: 1100px) {
      .section-enumed:after {
        display: none; } }
  .section-enumed:nth-of-type(even):after {text-align: right;}
  .section-enumed.section-bg:not(.section-bg-white):after {
    color: #fff; }
  .section-enumed:last-of-type:after {
    color: #999; }

.section-prime .width {
  height: 100%;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center; }
  .section-prime .width h1,
  .section-prime .width .h1 {
    margin-left: 8.3333%;
    max-width: 75%;
    margin-bottom: 0; line-height: 100%; }

.headed-page.wide .section-prime .width h1 { max-width: 100%;}

    .section-prime .width h1 .h-category {
      margin-left: -2em;
      margin-top: 1.6em; }
    @media (max-width: 991px) {
      .section-prime .width h1 {
        font-size: 52px; } 
        .section-prime .width h1, .section-prime .width .h1{
          max-width: 86.6667%;
        }
      }
    @media (max-width: 767px) {
      .section-prime .width h1 {
        max-width: 100%;
        margin-left: 0;
        font-size: 45px; }
        .section-prime .width h1 .h-category {display: none;
          margin-left: 0; } }
  .section-prime .width p {
    max-width: 37em;
    margin-left: 8.3333%; }
    .products-page .section-prime .width p {max-width: 38em;}
    #body-about .section-prime .width p { max-width: 15em; }
    #body-quality-certificates .section-prime .width p { max-width: 32em; }
    #body-rnd-competence .section-prime .width p { max-width: 31em; }

    @media (max-width: 767px) {
      .section-prime .width p {
        max-width: 100% !important;
        margin-left: 0 !important; } }

.section-bg {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center top;
  color: #fff; }
  .section-bg .section-h {
    color: #fff; }
  .section-bg input, .section-bg textarea {
    color: currentColor; }
  .section-bg.section-bg-white {
    color: #000; }
    .section-bg.section-bg-white .section-h {
      color: #f00; }

.section-text {
  font-size: 18px;
  line-height: 1.2; }

.full-section-slider {
  height: 100%;
  position: relative; }
  @media (min-width: 1100px) {
    .full-section-slider {
      min-height: 600px; } }
  .full-section-slider .bx-wrapper,
  .full-section-slider .bx-viewport {
    height: 100% !important; }
  .full-section-slider .full-section-slider--proper {
    height: 100% !important; }
  .full-section-slider .bx-controls-direction {
    position: absolute;
    display: flex;
    justify-content: space-between;
    max-width: 1170px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto; }
    .full-section-slider .bx-controls-direction .bx-prev,
    .full-section-slider .bx-controls-direction .bx-next {
      width: 30px;
      height: 50px;
      text-indent: -9999px; }
    .full-section-slider .bx-controls-direction .bx-prev {
      background: url(../images/arr-l.svg) no-repeat;
      -webkit-background-size: contain;
      background-size: contain; }
    .full-section-slider .bx-controls-direction .bx-next {
      background: url(../images/arr-r.svg) no-repeat;
      -webkit-background-size: contain;
      background-size: contain; }
    @media (max-width: 991px) {
      .full-section-slider .bx-controls-direction {
        display: none; } }
  .full-section-slider .bx-pager {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    display: none; }
    .full-section-slider .bx-pager .bx-pager-item {
      width: 10px;
      height: 10px;
      margin: 0 5px;
      display: inline-block; }
      .full-section-slider .bx-pager .bx-pager-item .bx-pager-link {
        text-indent: -9999px;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #fff;
        opacity: 0.8;
        display: block; }
        .full-section-slider .bx-pager .bx-pager-item .bx-pager-link.active {
          opacity: 1; }
    @media (max-width: 991px) {
      .full-section-slider .bx-pager {
        display: block; } }

.full-section-slider--proper {
  height: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none; }

.full-section-slider--slide {
  height: 100%; }
  .full-section-slider--slide .width {
    height: 100%;
    padding-top: 148px;
    padding-bottom: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    align-items: flex-start;
    font-size: 18px;
    padding-left: 7.2333%;
    padding-right: 7.2333%; }
    @media (max-width: 991px) {
      .full-section-slider--slide .width {
        padding-left: 15px;
        padding-right: 15px; } }
  .full-section-slider--slide h1,
  .full-section-slider--slide .h1 {
    font-size: 54px;
    line-height: 0.95; max-width: 10em; }
    #body-homepage .full-section-slider--slide .h1 { max-width: 15em; }

    @media (max-width: 767px) {
      .full-section-slider--slide h1,
      .full-section-slider--slide .h1 {
        font-size: 34px; 
        margin-bottom: 0.7em;
        max-width: 100%;
        } }
  .full-section-slider--slide-content {
    /*max-width: 50%;*/ }

.section-h {
  color: red;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 0.95em; }
  @media (max-width: 767px) {
    .section-h {
      font-size: 24px; } }

.section-h-alt {
  text-transform: none;
  font-size: 40px;
  letter-spacing: 0;
  font-weight: normal;
  position: relative;
  top: -15px; }

.product-list-vertical {
  position: relative;
  padding-top: 85%; }
  @media (max-width: 991px) {
    .product-list-vertical {
      padding-top: 0; } }

.product-list-vertical-hold {
  position: absolute;
  width: 101.200000000000003%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  top: 0;
  left: -0.6%; }
  @media (max-width: 991px) {
    .product-list-vertical-hold {
      position: relative;
      width: 100%;
      height: auto;
      left: 0;
      flex-direction: row; } }

.product-item {
  width: 33.333%;
  height: 33.33333%;
  border: 7px solid #fff; 
  box-shadow: 0 0 0 2px #fff;
}
  .product-item a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    position: relative; }
    .product-item a .h {
      position: absolute;
      padding: 22px;
      font-weight: bold;
      line-height: 1; }
  @media (max-width: 991px) {
    .product-item {
      height: auto !important;
      width: 50% !important;
      padding-top: 40%;
      margin-left: 0 !important;
      position: relative;
      margin-top: 0 !important; }
      .product-item a {
        position: absolute;
        left: 0;
        top: 0; }
      .product-item .h {
        font-size: 24px !important; } }
  @media (max-width: 767px) {
    .product-item {
      width: 100% !important;
      padding-top: 60% !important; } }

.h-hero {
  font-size: 40px;
  font-weight: bold; }
  @media (max-width: 767px) {
    .h-hero {
      font-size: 30px; } }

.product-item-1 {
  height: 50.399999999999999%;
  width: 42.200000000000003%; }
  .product-item-1 .h {
    font-size: 40px; }

.product-item-2 {
  height: 22.199999999999999%;
  width: 42.200000000000003%; }

.product-item-3 {
  height: 27.399999999999999%;
  width: 25.300000000000001%;
  margin-left: 16.899999999999999%; }

.product-item-4 {
  height: 30.800000000000001%;
  width: 32.399999999999999%;
  margin-top: -2.9%; }
  .product-item-4 .h {
    font-size: 30px; }

.product-item-5 {
  height: 31.699999999999999%;
  width: 32.399999999999999%; }

.product-item-6 {
  height: 21.3%;
  width: 32.399999999999999%; }

.product-item-7 {
  height: 17.399999999999999%;
  width: 32.399999999999999%;; }
  .product-item-7 .h {
    font-size: 20px; }

.product-item-8 {
  height: 41.299999999999997%;
  width: 24.899999999999999%; }
  .product-item-8 .h {
    font-size: 21px; }

.product-item-9 {
  height: 39.05%;
  width: 25%; }

.product-list-more {
  padding-top: 60px;
  padding-left: 62px; }
  @media (max-width: 991px) {
    .product-list-more {
      padding: 0;
      width: 50%;
      display: flex;
      -ms-align-items: center;
      align-items: center;
      justify-content: center; } }
  @media (max-width: 767px) {
    .product-list-more {
      width: 100% !important;
      padding-top: 10px !important; }
      .product-list-more .btn {
        width: 100%; } }

.iconed-entry .icon-placeholder {
  position: relative;
  height: 100px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  font-size: 85px; }
  .iconed-entry .icon-placeholder img{
        max-width: 75px;
        width: 94%;
        max-height: 80px;
      }
  .iconed-entry .icon-placeholder img,
  .iconed-entry .icon-placeholder .my-icon {
    position: absolute;
    color: #f00;
    transform: translateX(-50%); }
  @media (max-width: 991px) {
    .iconed-entry .icon-placeholder {
      height: 80px;
      font-size: 60px; }
      .iconed-entry .icon-placeholder img,
      .iconed-entry .icon-placeholder .my-icon {
        transform: none; } }
.iconed-entry .text {
  font-size: 18px; }
  .iconed-entry .text strong {
    font-size: 32px;
    display: block; }
  @media (max-width: 1100px) {
    .iconed-entry .text {
      font-size: 16px; }
      .iconed-entry .text strong {
        font-size: 26px; } }

.section-bg:not(.section-bg-white) .iconed-entry .icon-placeholder .my-icon {
  color: #fff; }

.index-page .section-bg:not(.section-bg-white) .iconed-entry .icon-placeholder .my-icon {
  color: #f00; }

.banner-through {
  text-align: center; }

.direction-preview {
  padding-top: 90.8%;
  position: relative;
  margin-bottom: 25px; }
  .direction-preview a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff; }
    .direction-preview a .h {
      position: absolute;
      left: 22px;
      top: 22px;
      font-size: 30px;
      font-weight: bold;
      z-index: 2; }
    .direction-preview a img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }

.production-features-in {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }

.production-feature {
  width: 40%;
  font-size: 24px;
  margin-bottom: 35px; }
  .production-feature:nth-child(odd) {
    width: 60%; }
  .production-feature:last-child {
    -ms-align-self: center;
    align-self: center;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .production-feature:last-child {
        width: 100%; }
        .production-feature:last-child .btn {
          width: 100%; } }
  .production-feature .num {
    color: #f00;
    display: block;
    font-size: 60px;
    font-weight: bold;
    margin-bottom: -4px; }

    .production-feature .num-d{
      font-size: 18px;
    }

   
    @media (max-width: 991px) {
      .production-feature .num {
        font-size: 36px; } }
    @media (max-width: 767px) {
      .production-feature .num {
        font-size: 30px; } }
  .production-feature .num-d {
    max-width: 160px; }

[class*="col"] > .production-feature {
  width: 100%; }
  [class*="col"] > .production-feature .num-d {
    max-width: 210px; }
  @media (max-width: 767px) {
    [class*="col"] > .production-feature {
      text-align: center; }
      [class*="col"] > .production-feature .num-d {
        margin-left: auto;
        margin-right: auto; } }

.ajax-form .h,
.index-partnership-h {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 30px; }

.ajax-form .h {
  margin-bottom: 0.5em; }

.partnership-features {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; 
  margin-top: 6em;}

.partnership-feature {
  width: 33.3334%;
  margin-bottom: 50px;
  text-align: center;
  font-size: 16px; }
  .partnership-feature .icon-placeholder {
    height: 68px;
    position: relative;
    margin-bottom: 10px;
    font-size: 50px; }
  .partnership-feature .text {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px; }
  @media (max-width: 767px) {
    .partnership-feature {
      width: 50%; } }

.form-reg .caption {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 25px;
  letter-spacing: 0.09em; }

.form-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 17px;
  justify-content: space-between; }
  .form-row:last-child {
    margin-top: 32px;
    margin-bottom: 0; }
.whiteline>.form-row:last-child{
  margin-top: 0;
}




.form-cell {
  width: 100%; }
  .form-cell:first-child:nth-last-child(2), .form-cell:first-child:nth-last-child(2) ~ .form-cell {
    width: calc(50% - 7px); }
  .form-cell:first-child:nth-last-child(3), .form-cell:first-child:nth-last-child(3) ~ .form-cell {
    width: calc(33.3333334% - 10px); }
  .form-cell > * {
    width: 100%; }
  .form-cell > .btn {
    width: auto; }
  .form-cell small {
    font-size: 16px;
    display: block;
    margin-top: 8px; }

label input[type="checkbox"] {
  display: none; }
  label input[type="checkbox"] + span {
    display: block;
    position: relative;
    padding-left: 25px; }
    label input[type="checkbox"] + span:before {
      content: '';
      width: 17px;
      height: 17px;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      background: #f00; }
  label input[type="checkbox"]:checked + span:before {
    background: url(../images/checkbox.png) no-repeat center center #f00;
    background-size: 98% auto; }

.partners-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: -17px; }
  .partners-list li {
    width: 20%;
    text-align: center;
    margin-bottom: 35px; }
    @media (max-width: 991px) {
      .partners-list li {
        width: 25%; } }
    @media (max-width: 767px) {
      .partners-list li {
        width: 33.33334%;
        padding: 10px;
        margin-bottom: 0; } }

.subscription-line {
  padding-top: 90px;
  padding-bottom: 102px; }



  .subscription-line .width {
    max-width: 1056px; }
    .subscription-line .width form {
      display: flex;
      -ms-align-items: center;
      align-items: center; }
      .subscription-line .width form .h {
        font-size: 26px;
        flex-grow: 1;
        font-weight: bold;
        position: relative;
        align-self: flex-start;
        line-height: 0.7; }
        .subscription-line .width form .h small {
          font-weight: normal;
          display: block;
          font-size: 18px;
          position: absolute;
          width: 94%;
          line-height: 1.6;
          margin-top: 10px; }
      .subscription-line .width form input {
        
        margin-left: 30px;
        height: 44px; }


      @media (min-width:992px) {
        .subscription-line .width form div.mail input {width: 278px; }}

      .subscription-line .width form button {
        width: 165px;
        margin-left: 15px;
        padding: 0;
        font-size: 18px;
        height: 44px; }
      @media (max-width: 1024px) and (min-width: 992px) {
        .order-md-100:nth-child(2){
          width: 50%;
        }
      }
      @media (max-width: 991px) {
        .subscription-line .width form {
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap; }
          .subscription-line .width form .h {
            width: 100%;
            margin-bottom: 20px; }
            .subscription-line .width form .h small {
              position: static; }
          .subscription-line .width form input {
            width: auto;
            margin-left: 0;
            flex-grow: 1; } 

            .subscription-line .input-placeholder{
              flex-grow: 2;
              margin-right: 10px; 
            }
            .subscription-line form .input-placeholder input{
              width: 100%;
            }
            .subscription-line .width form{
              height: auto !important;
            }
            .section-enumed .order-md-100{
              max-width: 600px;
              margin-left: auto;
              margin-right: auto;
            }


          }
      @media (max-width: 767px) {
        .subscription-line .width form .h {
          line-height: 1; }
          .subscription-line .width form .h small {
            line-height: 1; }
        .subscription-line .width form button {
          margin-left: 0;
          margin-top: 15px;
          width: 100%; }
        .subscription-line .width form input {
          width: 100%; } 
          .subscription-line .input-placeholder{
            margin-right: 0;
          }
        }
  @media (max-width: 991px) {
    .subscription-line {
      padding-top: 50px;
      padding-bottom: 50px; } }

  @media (max-width: 767px) {
  .subscription-line form{
      height: auto !important;      
    } 
    .input-placeholder{
      width: 100%;
      margin-bottom: 15px;
    }
  }

.certificats-list {
  padding-left: 260px;
  position: relative; }
  .certificats-list > img {
    position: absolute;
    left: 19px;
    bottom: -35px; }
  @media (max-width: 991px) {
    .certificats-list {
      padding-left: 0; }
      .certificats-list > img {
        display: none; } }

.certificats-list-in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-weight: bold; }
  .certificats-list-in li {
    font-size: 24px;
    margin-bottom: 30px;
    width: 33.333334%;
    padding-right: 40px;
    position: relative; }
    .certificats-list-in li:before {
      content: '/';
      position: absolute;
      left: -16px;
      top: -3px;
      color: red; }
    .certificats-list-in li small {
      font-size: 18px;
      font-weight: normal;
      display: block; }
    @media (min-width: 992px) {
      .certificats-list-in li:nth-child(1){
        width: 38%;
      }
      .certificats-list-in li:nth-child(2),
      .certificats-list-in li:nth-child(3){
        width: 31%
      }
      .certificats-list-in li:nth-child(3){
        padding-right: 0;
      }
    }
    @media (max-width: 991px) {
      .certificats-list-in li {
        width: 100%;
        margin-bottom: 15px;
        margin-left: 20px; } }

.common-footer {
  background: #999;
  color: #fff;
  padding-top: 49px;
  padding-bottom: 55px;
  font-size: 13px; }

.go-top{
  z-index: 100;
	display: none;
	position: fixed;
	right: 50px;
	bottom: 50px;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	border: 2px solid  #fff;
	background: #f00;
	opacity: 0.5;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.go-top:hover{
	opacity: 1;
}

.go-top i{
	position: absolute;
	width: 28px;
	height: 16px;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/arr-top.svg) no-repeat;-webkit-background-size: contain;
	background-size: contain;
}

  .common-footer .width {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .common-footer .width {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start; } }
  .common-footer a {
    color: #fff;
    text-decoration: none; }
  @media (max-width: 767px) {
    .common-footer {
      padding-top: 25px;
      padding-bottom: 25px; } }

.footer-navi {
  flex-grow: 1; }
  .footer-navi ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    flex-grow: 1;
    max-width: 640px; }
    .footer-navi ul li {
      margin-right: 0;
      flex-grow: 1; }
      .footer-navi ul li a {
        font-weight: bold;
        text-transform: uppercase;
        color: #333; }
    .footer-navi ul ul {
      display: block; }
      .footer-navi ul ul li {
        margin-right: 0px;
        margin-bottom: 1.7px; }
        .footer-navi ul ul li a {
          text-transform: none;
          font-weight: normal;
          color: #fff; }
    @media (max-width: 767px) {
      .footer-navi ul {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap; }
        .footer-navi ul > li {
          width: 100%;
          margin-bottom: 20px; } }
  @media (max-width: 991px) {
    .footer-navi {
      width: 100%;
      margin-bottom: 20px; } }

.footer-address {
  font-size: 13px;
  max-width: 218px;
  line-height: 1.2; }
  @media (max-width: 991px) {
    .footer-address {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -ms-align-items: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media (max-width: 991px) and (max-width: 767px) {
    .footer-address {
      order: 1; } }

  .footer-address + .footer-address {
    margin-left: 55px; }
    @media (max-width: 991px) {
      .footer-address + .footer-address {
        margin-left: 0;
        margin-top: 25px;
        display: block; } }


    @media (max-width: 767px) {
      .footer-address + .footer-address {
        order: initial;
        margin-top: 0;
        margin-bottom: 30px; } }
  .footer-address small {
    margin-top: 16px;
    display: block;
    font-size: 12px; }
    .footer-address small a {
      text-decoration: underline; }
  @media (max-width: 991px) {
    .footer-address {
      max-width: 100%;
      width: 100%; } }

.footer-logo {
  margin-bottom: 28px; }
  @media (max-width: 991px) {
    .footer-logo {
      margin-bottom: 0; } }

      @media (max-width: 991px) and (min-width: 768px){
        .footer-address.footer-address{
          width: 30%;
        }
        .footer-address.footer-address + .footer-address {
          width: 70%;
          margin-top: 0;
 /*         -ms-align-self: center;
          align-self: center;*/

        }
        .footer-address.footer-address + .footer-address address br{
          display: none;
        }
        .footer-navi ul{ 
          max-width: 100%;
        }
        .footer-navi>ul>li:first-child{
          width: 30%;
          flex-grow: 0;
        } 
      }


.footer-socials {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 13px; }
  .footer-socials li {
    display: inline-block;
    margin-right: 9px; }
    .footer-socials li:last-child {
      margin-right: 0; }
    .footer-socials li a {
      width: 27px;
      height: 27px;
      display: inline-block;
      border-radius: 25px;
      background: #fff;
      color: #999;
      text-align: center;
      line-height: 30px;
      font-size: 14px; }
  @media (max-width: 991px) {
    .footer-socials {
      margin-bottom: 10px;
      margin-top: 15px;
      margin-right: 25px;
      width: 100%; }
      .footer-socials + small {
        margin-top: 0; } }
    @media (max-width: 991px) and (max-width: 767px) {
      .footer-socials + small {
        width: 100%;
        margin-top: 10px; } }

/* inner pages  */
/* page directions */
.text-highlighted {
  color: #f00;
  font-size: 40px;
  font-weight: 100;
  line-height: 1.0;
  margin-top: 0.2em;
  margin-bottom: 0.55em; }
  .text-highlighted + img {
    margin-top: 20px; }
  @media (max-width: 991px) {
    .text-highlighted {
      font-size: 32px; 
      line-height: 1.2;
      } }
  @media (max-width: 767px) {
    .text-highlighted {
      font-size: 24px; 
      
      } }

.section-bg:not(.section-bg-white) .text-highlighted {
  color: #fff; }

  #body-about-production .text-highlighted {font-size:30px; line-height: 120%; }

.section-gray {
  background: #ccc; }

.section-gray.innovation-lines {
  background: url(../images/redline-rl.png) no-repeat center 60px #ccc;
  padding-bottom: 27px;
}

.section-gray.innovation-lines+.whiteline-holder .whiteline-prev{
  display: none;
}
.section-gray.innovation-lines .fact-line-itself{
  z-index: 1;
}

.innovation-lines+.whiteline-holder .wle{
      min-width: 44.8499159035985px;
      height: 58px;
      width: 58px;
      /* transform: translateX(239.9837312396076px); */
      margin: 0;
      left: 0;
      -webkit-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important;
}


@media (max-width: 1300px){
  .section-gray.innovation-lines {
    background: #ccc;
  }
  .fact-line-itself,
  .section-gray.innovation-lines h2:before{
    display: none;
  }
}


.section-gray.innovation-lines h2{
  margin-bottom: 0;
  position: relative;
  top: -30px;
}
/*.innovation-lines:after{
  content: '';
  width: 100%;
}
*/
  .section-gray .dashed-list {
    font-size: 18px; }

.bg-bardo.bg-bardo {
  background: #c20000; }

.bg-gray.bg-gray {
  background: #787878; }

.dashed-list, .article ul, article ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .dashed-list li, .article ul li, article ul li {
    position: relative;
    margin-bottom: 1.5em;
     }
     .dashed-list li {font-weight: bold;}
  .col-4 .dashed-list li:last-child {
    margin-bottom: 0;
  }
  @media (max-width: 767px){
   .col-4:not(:last-child) .dashed-list li:last-child {
     margin-bottom: 1.5em;
   } 
   .section-bg .mb10>img:only-child{
    margin-bottom: 15px;
   }
   .news-article figure img{
    margin-left: -15px;
    margin-right: -15px;
    width:calc(100% + 30px);
    max-width: initial; 
   }

  }


    .dashed-list.row li{
      padding-right: 30px;
    }
    .dashed-list li:before, .article ul li:before, article ul li:before {
      content: '/';
      position: absolute;
      left: -16px;
      top: -3px;
      color: red; }

      .article ul li:before { left:-24px;}

      .dashed-list.smaller {
        font-size: 18px; }
        .dashed-list.smaller li {
          font-weight: inherit; }
        .dashed-list.smaller a {
          color: #000; }

      .text-highlighted a {
        color: inherit; }

      .align-self-center {
        -ms-align-self: center;
        align-self: center; }


  @media (max-width: 767px){
    .dashed-list li, .article ul li, article ul li {
      margin-left: 16px;
    }
  }


.section-header {
  margin-bottom: 77px;
  font-size: 24px;
  font-weight: 100; }
  .section-header h2 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 0; }
    .section-header h2 + * {
      margin-top: 0; }
  @media (max-width: 767px) {
    .section-header {
      margin-bottom: 20px;
      font-size: 20px; }
      .section-header h2 {
        font-size: 28px; } }

.align-center {
  align-self: center; }

.aside-h {
  color: #f00;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px; }

.partners-list-slim {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
  max-width: 180px; }
  .partners-list-slim li {
    width: 50%;
    text-align: left;
    margin-bottom: 20px; }
  @media (max-width: 991px) {
    .partners-list-slim {
      max-width: 100%;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      -ms-align-items: center;
      align-items: center; }
      .partners-list-slim li {
        width: auto;
        margin-right: 20px; } }

/* product page */
.gradient-box {
}
.gradient-box .grad-bg-sw{
  background: url(../images/grad-bg.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: 0;  
}
.gradient-box h2,
.gradient-box form{
  z-index: 2;
  position: relative;
}

.gradient-box textarea, 
.gradient-box input[type]{
  background: none;
}




  @media (max-width: 767px) {
/*    .gradient-box {
      background: none;
      color: #000; } 

      .gradient-box input::placeholder,
      .gradient-box textarea::placeholder{
        color:rgba(0,0,0,0.8);
      }

.grad-bg-sw{display: none;}
*/

.gradient-box.form-container {
    position: relative;
    padding: 30px 15px;
    margin: -35px -15px;
    max-width: initial;
}

    }

.form-container {
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8.3%;
  padding-right: 8.3%;
  padding-top: 30px;
  padding-bottom: 50px; }
  .form-container .h {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 1em;
    max-width: 84%; }
  @media (max-width: 991px) {
    .form-container {
      max-width: 90%; } }
  @media (max-width: 767px) {
    .form-container {
      max-width: 100%;
      padding: 0; } }

.video-place {
  position: relative; }
.video-place-in{
  position: relative;
  padding-top: 54.59%;
  overflow: hidden;
}
.video-poster{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#ytplayer{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}


.video-play {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 79px;
  height: 79px; 
z-index: 3;
cursor: pointer;
}

.play-btn {
  background: url(../images/play.png) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: block; 

}

.trp-container {
  transform: skewX(-29.6deg);
  transform-origin: 0 0;
  width: 110%;
  overflow: hidden; 
  position: relative;
}
.trp-container:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 8px solid red;
}


  @media (max-width: 1100px) {
    .trp-container {
      transform: none;
      width: 100%; } }
  @media (max-width: 991px) {
    .trp-container {
      border: 0;
      width: auto; } 
.trp-container:before{
  display: none;
}

    }

.trp-container-in {
  transform: skewX(29.6deg);
  transform-origin: 0 0; }
  @media (max-width: 1100px) {
    .trp-container-in {
      transform: none; } }

.trp-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  @media (max-width: 991px) {
    .trp-row {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; } }

.trp-cell {
  width: 25%;
  font-size: 17px;
  position: relative;
  min-height: 95px; }
  .trp-cell:first-child:hover:before {
    content: '';
    width: 100%;
    right: 100%;
    top: 0;
    box-shadow: 0 0 0 4px red;
    position: absolute;
    background: #f00;
    height: 100%; }
  .trp-cell:last-child:hover:before {
    content: '';
    width: 100%;
    left: 100%;
    top: 0;
    position: absolute;
    background: #f00;
    height: 100%; }
  @media (max-width: 991px) {
    .trp-cell {
      width: 50%;
      min-height: 0; } }
  @media (max-width: 991px) {
    .trp-cell {
      width: 100%;
      min-height: 0; } }

.trp-cell a {
  padding: 20px 80px 20px 16px;
  display: flex;
  height: 100%;
  -ms-align-items: center;
  align-items: center;
  color: #f00;
  text-decoration: none;
  font-weight: bold; }
  .trp-cell a:hover {
    color: #fff;
    background: #f00; 
  }
  .trp-cell:hover a{
    color: #fff;
    background: #f00; 
    box-shadow: 0 0 0 3px #f00;
  }
  .trp-cell:hover a:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 4px red;
  }

.products-menu .trp-cell a {
  padding: 25px 50px 16px 5px;
  align-items: end; -ms-align-items: top;  
}

.products-menu .trp-cell:last-child {margin-right:2em;}

.products-menu .trp-row:last-child .trp-cell a {padding-top:.5em;}


 @media (max-width: 1100px) {
    .trp-cell a {
      padding-right: 40px; } }
  @media (max-width: 991px) {
    .trp-cell a {
      padding-left: 0; }
      .trp-cell a:hover {
        color: #f00;
        box-shadow: none;
        background: none; }
        .trp-cell:first-child:hover:before, 
        .trp-cell:hover a:after{
          display: none;
        }
      }

/* career */
.section-grand-navi {
  height: 200px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  overflow: hidden; }
  .section-grand-navi a {
    width: 50%;
    transform: skewX(-30deg);
    color: #f00;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 1px; }
    .section-grand-navi a span {
      height: 100%;
      display: flex;
      transform: skewX(30deg);
      -ms-align-items: center;
      align-items: center;
      justify-content: flex-end;
      padding-right: 96px; }
    .section-grand-navi a:hover {
      color: #fff;
      background: #f00;
      position: relative; }
      .section-grand-navi a:hover:before {
        display: block;
        width: 100%;
        content: '';
        background: #f00;
        top: 0;
        height: 100%;
        position: absolute; }

      .section-grand-navi a:first-child  {border-right: 9px solid #f00;}
      
      .section-grand-navi a:hover:first-child:before {
        right: 99%; }
      .section-grand-navi a:hover:last-child:before {
        left: 99%; }
    .section-grand-navi a:last-child span {
      justify-content: flex-start;
      padding-left: 96px; }
  @media (max-width: 1030px) {
    .section-grand-navi a{
      height: 100%;
    }
  }
  @media (max-width: 991px) {

    .section-grand-navi {
      display: none; } }

.carusel-placeholder {
  position: relative; }
  .carusel-placeholder .bx-controls-direction {
    position: absolute;
    top: calc(50% - 70px);
    left: 0;
    width: 100%; }
    @media (max-width: 1100px) {
      .carusel-placeholder .bx-controls-direction {
        display: none; } }
  .carusel-placeholder .bx-prev {
    position: absolute;
    right: calc(100% + 30px);
    text-indent: -9999px; }
  .carusel-placeholder .bx-next {
    position: absolute;
    left: calc(100% + 30px);
    text-indent: -9999px; }
  .carusel-placeholder .bx-pager {
    padding-top: 45px;
    text-align: center; }
.carusel-placeholder .bx-viewport:last-child{
	margin-bottom: 50px;
}

  .carusel-placeholder .bx-pager-item {
    display: inline-block;
    margin: 0 7px; }
  .carusel-placeholder .bx-pager-link {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    display: inline-block;
    text-indent: -9999px;
    background: #27211f;
    opacity: 0.5; }
    .carusel-placeholder .bx-pager-link.active {
      opacity: 1; }

.section-bg:not(.section-bg-white) .carusel-placeholder .bx-pager-link {
  background: #fff; }

.carusel-itself {
  padding: 0;
  margin: 0;
  list-style-type: none; }

  .carusel-itself.row{
    margin-left: -15px;
    margin-right: -15px;
  }


.carusel-element-thumb {
  position: relative; }
  .carusel-element-thumb a {
    display: block;
    position: relative;
    text-decoration: none; }
    .carusel-element-thumb a img {
      display: block;
      width: 100%;
      object-fit: cover; }
  .carusel-element-thumb .h {
    position: absolute;
    color: #fff;
    width: 100%;
    padding: 22px;
    left: 0;
    top: 0; }

.vacancy-thumb .h {
  font-size: 30px;
  font-weight: bold; }

.subscribe-links a {
  display: inline-block;
  position: relative;
  height: 60px;
  border-radius: 60px;
  width: 230px; }
  .subscribe-links a:not(:last-child) {
    margin-right: 60px; }

.subscribe-ok {
  background: url(../images/ok.png) no-repeat center #ff0000; }

.subscribe-vk {
  background: url(../images/vk.png) no-repeat center #010993; }

/*  directions index   */
.directions-skew-list {
  padding-left: 8.3333%; }
  .directions-skew-list .col-6 {
    position: relative;
    margin-bottom: 80px; }
    .directions-skew-list .col-6:nth-child(2n) {
      top: 67px;
      left: 12px; }
      .directions-skew-list .col-6:nth-child(2n) .directions-skew-item {
        transform-origin: 0 0; }
      @media (max-width: 1100px) {
        .directions-skew-list .col-6:nth-child(2n) {
          top: 0;
          left: 0; } }
    @media (max-width: 1100px) {
      .directions-skew-list .col-6 {
        margin-bottom: 20px; } }
  @media (max-width: 1100px) {
    .directions-skew-list {
      padding-left: 0; } }


      .directions-skew-item:hover .inside .bg:after {
          content: '';
          background: red;
          background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(255,43,43,1) 17%, rgba(255,255,255,0) 100%);
          background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(255,43,43,1) 17%,rgba(255,255,255,0) 100%);
          background: linear-gradient(to bottom, rgba(255,0,0,1) 0%,rgba(255,43,43,1) 17%,rgba(255,255,255,0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00ffffff',GradientType=0 );
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          mix-blend-mode: multiply;
      }


.justify-center {
  justify-content: center; }

.directions-skew-item {
  position: relative;
  padding-top: 56.5364%;
  background: #000;
  transform: skewX(-30deg);
  transform: skewX(-31.5deg);
  transform-origin: 0% 25%;
  overflow: hidden;
  width: 105%; }
  @media (max-width: 1100px) {
    .directions-skew-item {
      transform: none;
      width: 100%; } }
  .directions-skew-item .h {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 20.300000000000001%;
    padding-top: 13.800000000000001%;
    z-index: 2;
    font-size: 36px;
    font-weight: bold;
    transform: skewX(30deg);
    padding-right: 13%;
    line-height: 0.7; }
    @media (max-width: 1100px) {
      .directions-skew-item .h {
        transform: none;
        padding-left: 30px;
        padding-top: 30px;
        font-size: 30px;
        line-height: 1; } }
    .directions-skew-item .h small {
      display: block;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.4;
      margin-top: 1em; }
      @media (max-width: 991px) {
        .directions-skew-item .h small {
          display: none; } }
  .directions-skew-item .inside {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .directions-skew-item .inside .bg {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

      #body-industries .directions-skew-item .inside .bg {
        filter: brightness(.8);  
      }

      .directions-skew-item .inside .bg img {
        width: 135%;
        max-width: none;
        left: -20%;
        height: 100%;
        object-fit: cover;
        transform: skewX(30deg);
        position: absolute; }
        @media (max-width: 1100px) {
          .directions-skew-item .inside .bg img {
            transform: none; } }

.product-thumb {
  margin-bottom: 27px; }
  .product-thumb a {
    position: relative;
    padding-top: 91%;
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 0.8; }
  .product-thumb img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .product-thumb .h {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 30px;
    padding: 27px 16px 20px 27px;
    font-weight: bold; }
    @media (max-width: 1100px) {
      .product-thumb .h {
        font-size: 24px; } }

/* contacts */
.contacts-card {
  font-size: 24px;
  margin-bottom: 20px; }
  .contacts-card h2 {
    font-size: 30px;
    font-weight: bold; }
    @media (max-width: 767px) {
      .contacts-card h2 {
        font-size: 24px; } }
  .contacts-card a {
    color: #f00; }
  .contacts-card p {
    margin-bottom: 16px;
    margin-top: 10px; }
  @media (max-width: 767px) {
    .contacts-card {
      font-size: 17px; } }

.map-placeholder {
  height: 400px;
  width: 100%;
  position: relative;
  margin-bottom: 33px; }

/* research */
.graph-item {
  width: 29%;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat; }
  .graph-item.graph-item-20 {
    background-image: url(../images/graph-20.png); }
  .graph-item.graph-item-60 {
    background-image: url(../images/graph-60.png); }
  @media (max-width: 991px) {
    .graph-item {
      width: 32%; } }
  @media (max-width: 767px) {
    .graph-item {
      width: 70%;
      margin-left: 15%; 
      margin-bottom: 40px;
    } 

    }

.graphs-section {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding-top: 10px; }
  @media (max-width: 767px) {
    .graphs-section {
      display: block; } }

.graph-item-in {
  padding-top: 100%;
  position: relative; }

.graph-item-in>.chart,
.graph-item-in>.chart>canvas {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
}
.graph-item-in>.chart>canvas {}
.graph-item-in .handle{
  position: absolute;
  width: 17%;
  height: 17%;
  border-radius: 100%;
  background: #f00;
}
.graph-item-in .handle:after{
  position: absolute;
  content: '';
  width: 58%;
  height: 58%;
  border-radius: 100%;
  background: #fff;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.graph-item-in .handle-run,
.graph-item-in .handle-start{
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-32.65%);
  top: 0;
}

.graph-item-in .handle-run{
  transform-origin: 50% 328%;
/*
  transform: translateY(-32.65%) rotate(216deg);
*/
  /*transition: transform 2s linear;*/
}


  .graph-item-in .h {
    position: absolute;
    font-size: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .graph-item-in .h strong {
      display: block;
      font-size: 60px;
      color: #f00; }
    @media (max-width: 1100px) {
      .graph-item-in .h {
        font-size: 15px; }
        .graph-item-in .h strong {
          font-size: 45px; } }
    @media (max-width: 991px) {
      .graph-item-in .h {
        text-align: center; } }

.fact {
  margin-bottom: 37px;
  margin-top: 18px;
  position: relative; 
  background: #ccc;
  box-shadow: 0 0 0 15px #ccc;
}
.fact-line-itself{
position: absolute;
right: calc(100% + 8px);
top: 33px;
width: 200px;
height: 212px; 
}
.fact-line-itself:before{
  background: url(../images/redline.svg) no-repeat right top;
  width:200px;
  height:150px;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
.fact-line-itself:after{
  background: url(../images/whiteline.svg) no-repeat right -150px;
  width:200px;
  height:62px;
  content: '';
  position: absolute;
  right: 0;
  top: 150px;
}

  .section-gray.innovation-lines h2:before,
  .fact:before {
    width: 38px;
    height: 38px;
    border-radius: 38px;
    background: #fff;
    border: 8px solid red;
    content: '';
    position: absolute;
    left: -68px;
    top: 0; }
  .section-gray.innovation-lines h2:before{
    left: -105px;
  }
  @media (min-width: 992px) {
    .fact.fact-hl:before {
      width: 132px;
      height: 132px;
      border-radius: 132px;
      left: -180px;
      content:'\2116 1';
      text-align: center;
      line-height: 118px;
      font-size: 46px;
      color: #ff7f7f;
      font-family: circe;
      font-weight: bold; } }
  .fact strong {
    display: block;
    font-size: 32px;
    line-height: 0.9375; }
  @media (max-width: 991px) {
    .fact {
      font-size: 24px;
      margin-top: 0px;
      margin-bottom: 20px; }
      .fact strong {
        display: inline;
        font-size: 24px; } }

.section-team .iconed-entry {
  margin-bottom: 50px; }
  .section-team .iconed-entry .text {
    font-size: 16px; }

.logos-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  letter-spacing: normal;
  -ms-align-items: center;
  align-items: flex-end;
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .logos-row li {
    padding: 10px; }
    .logos-row li img {
      max-height: 80px; }
  @media (max-width: 991px) {
    .logos-row {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      .logos-row li {
        width: 20%; } }

@media (max-width: 767px){
  .logos-row{
    margin-bottom: 15px;
  }
  .logos-row li{
    width: 33%;
  }
}        

@media (max-width: 991px) {
  .tar.mb40 {
    text-align: left; } }
.tar {
  text-align: right; }
.tal {
  text-align: left; }
.scs-text {
  font-size: 72px;
  line-height: 0.7; }
  .scs-text .h {
    font-size: 259px;
    line-height: 1;
    letter-spacing: -0.05em;
    margin-bottom: -0.2em; }
  .scs-text span {font-weight: 100;}
  @media (max-width: 1100px) {
    .scs-text {
      font-size: 40px; }
      .scs-text .h {
        font-size: 180px; } }
  @media (max-width: 991px) {
    .scs-text .h {
      font-size: 130px; } }

.bigger {
  font-size: 22px; }

.section-bg .bigger{
  font-size: 24px;
  font-weight: 100;
  line-height: 1.2;
}

.history-layout {
  background: url(../images/storyline.jpg) no-repeat center bottom -390px; }
  @media (max-width: 1200px) {
    .history-layout {
      background: none; }
      .history-entry .year:before,
      .history-entry .year:after{
        display: none !important;
      }
      .history-layout .history-entry {
        min-height: 0 !important;
        margin-bottom: 30px !important;
        margin-top: 0 !important;
        top: 0 !important;
        left: 0 !important;
        height: auto !important;
        margin-left: 8.333333% !important;
        width: 41.6666667% !important; }
        .history-layout .history-entry .text {
          max-width: 100% !important; }
        .history-layout .history-entry .year {
          font-size: 36px !important; } }
    @media (max-width: 1200px) and (max-width: 991px) {
      .history-layout .history-entry {
        width: 83.333334% !important; } }
    @media (max-width: 1200px) and (max-width: 767px) {
      .history-layout .history-entry {
        width: 100% !important;
        margin-left: 0 !important; } }
  .history-pre{
    position: relative;
  }      

  @media (min-width: 992px){
    .history-pre:before{
      content:'\2116 1';
      font-weight: bold;
      position: absolute;
      font-size: 260px;
      color:red;
      opacity: 0.2;
      z-index: -1;
      left: -200px;
      top: -100px;
    }
    .history-layout {
      padding-top: 120px;
    }
  }

@media (max-width: 1100px) {
  .history-pre {
    margin-left: 8.33333%;
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  .history-pre {
    width: 100% !important;
    margin-left: 0 !important; } }

@media (max-width: 1100px) {
  .history-h {
    margin-left: 8.33333%; } }
@media (max-width: 767px) {
  .history-h {
    width: 100% !important;
    margin-left: 0 !important; } }

.history-entry .year {
  font-weight: bold;
  margin-bottom: 0.3em;
  margin-bottom: 0; 
  position: relative;
  display: inline-block;
}
.history-entry .year:after {
  width: 13px;
  height: 13px;
  border-radius: 13px;
  content: '';
  position: absolute;
  background: currentColor;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.history-entry .year:before {
  width: 200px;
  height: 7px;
  content: '';
  /*border-bottom: 3px dotted #707070;*/
  background: url(../images/dots.svg) no-repeat right center;
  position: absolute;
  top: 50%;
  margin-top: -4px;

}




.history-entry .text {
  font-size: 12px;
  line-height: 1.2; 
	position: relative;
}
.history-entry .text:before {
	position: absolute;
	content: '';
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	opacity: 0.3;
}
.year-2019 .text:before{background-image:url(../images/icon-about-2019.svg);width:145px;height:145px;bottom: -60px;left: -97px;}
.year-2018 .text:before{background-image:url(../images/icon-about-2018.svg);width:174px;height:135px;bottom: -25px;left: -82px;}
.year-2017 .text:before{background-image:url(../images/icon-about-2017.svg);width:146px;height:146px;bottom: -74px;left: -88px;}
.year-2016 .text:before{background-image:url(../images/icon-about-2016.svg);width:160px;height:166px;right: -26px;bottom: -45px;}
.year-2015 .text:before{background-image:url(../images/icon-about-2015.svg);width:153px;height:141px;left: -80px;bottom: -30px;}
.year-2014 .text:before{background-image:url(../images/icon-about-2014.svg);width:147px;height:117px;bottom: -20px;right: -45px;}
.year-2013 .text:before{background-image:url(../images/icon-about-2013.svg);width:141px;height:143px;bottom: -66px;left: -74px;}
.year-2010 .text:before{background-image:url(../images/icon-about-2010.svg);width:136px;height:142px;bottom: -45px;right: -70px;}
.year-2004 .text:before{background-image:url(../images/icon-about-2004.svg);width:145px;height:144px;left: -68px;bottom: -68px;}
.year-2002 .text:before{background-image:url(../images/icon-about-2002.svg);width:141px;height:135px;bottom: -60px;right: -65px;}
.year-1998 .text:before{background-image:url(../images/icon-about-1998.svg);width:120px;height:122px;bottom: -54px;left: -52px;}
.year-1996 .text:before{background-image:url(../images/icon-about-1996.svg);width:137px;height:100px;bottom: -40px;left: -80px;}
.year-1991 .text:before{background-image:url(../images/icon-about-1991.svg);width:107px;height:124px;left: -60px;bottom: -60px;}

@media (max-width: 1200px){
	.history-layout .history-entry .text:before{
		display: none;
	}	
}

.year-2019 {
  height: 320px; }
  .year-2019 .year {
    font-size: 100px;
    color: #f00;
    margin-bottom: -0.2em; }
.year-2019 .year:after{
  left: 100%;
  margin-left:20px;
}
.year-2019 .year:before{
  left: 100%;
  margin-left: 32px;
  width: 233px;
}

  .year-2019 .text {
    padding-right: 15px; }

.year-2018 {
  position: relative;
  top: 180px; }
  .year-2018 .year {
    font-size: 100px;
    margin-bottom: -0.2em;
    color: #ec000e; }

    .year-2018 .year:after{
      right: 100%;
      margin-right:18px;
    }
    .year-2018 .year:before{
      right: 100%;
      margin-right:32px;
      width: 176px;
    }



.year-2017 .year {
  font-size: 80px;
  color: #e40014;
  margin-bottom: -0.2em; }

  .year-2017 .year:after{
    left: 100%;
    margin-left:13px;
  }
  .year-2017 .year:before{
    left: 100%;
    margin-left:28px;
    width: 100px;
  }



.year-2016 {
  margin-bottom: -63px; }
  .year-2016 .year {
    font-size: 80px;
    color: #d00022;
    margin-bottom: -0.1em; }

    .year-2016 .year:after{
      right: 100%;
      margin-right:8px;
    }
    .year-2016 .year:before{
      right: 100%;
      margin-right:15px;
      width: 120px;
    }



.year-2015 .year {
  font-size: 65px;
  color: #c70028;
  margin-bottom: -0.1em; }
  .year-2015 .year:after{
    left: 100%;
    margin-left:13px;
  }
  .year-2015 .year:before{
    left: 100%;
    margin-left:28px;
    width: 35px;
  }



.year-2014 {
  position: relative;
  top: 112px; }
  .year-2014 .year {
    font-size: 65px;
    color: #bc0031;
    margin-bottom: 0; }

    .year-2014 .year:after{
      right: 100%;
      margin-right:6px;
    }
    .year-2014 .year:before{
      right: 100%;
      margin-right:13px;
      width: 197px;
    }


.year-2013 .year {
  font-size: 65px;
  color: #a9003e;
  margin-bottom: 0em; }

  .year-2013 .year:after{
    left: 100%;
    margin-left:13px;
  }
  .year-2013 .year:before{
    left: 100%;
    margin-left:28px;
    width: 73px;
  }


.year-2010 {
  margin-top: 37px;
  width: 18%;
  min-height: 170px; }
  .year-2010 .year {
    font-size: 60px;
    color: #a60041;
    margin-bottom: 0; }

    .year-2010 .year:after{
      right: 100%;
      margin-right:8px;
    }
    .year-2010 .year:before{
      right: 100%;
      margin-right:24px;
      width: 176px;
    }


.year-2004 .year {
  font-size: 48px;
  color: #93004e;
  margin-bottom: 0; }

  .year-2004 .year:after{
    left: 100%;
    margin-left:13px;
  }
  .year-2004 .year:before{
    left: 100%;
    margin-left:28px;
    width: 105px;
  }


.year-2002 {
  margin-top: 78px;
  min-height: 150px; }
  .year-2002 .year {
    font-size: 48px;
    color: #8a0054; }
  .year-2002 .year:before,
  .year-2002 .year:after {display: none;}

.year-1998 .year {
  font-size: 48px;
  color: #780062;
  margin-bottom: 0.3em; }

  .year-1998 .year:after{
    left: 100%;
    margin-left:13px;
  }
  .year-1998 .year:before{
    left: 100%;
    margin-left: 22px;
    width: 139px;
  }


.year-1998 .text {
  max-width: 220px; }

.year-1996 {
  margin-top: 150px;
  margin-bottom: -94px; }
  .year-1996 .year {
    margin-bottom: 0.3em;
    font-size: 48px;
    color: #67006e; }

    .year-1996 .year:after{
      right: 100%;
      margin-right:8px;
    }
    .year-1996 .year:before{
      right: 100%;
      margin-right: 15px;
          width: 92px;    }


.year-1991 {
  min-height: 190px; }
  .year-1991 .year {
    font-size: 48px;
    color: #600073;
    margin-bottom: 0.3em; }

    .year-1991 .year:after{
      left: 100%;
      margin-left:6px;
    }
    .year-1991 .year:before{
      left: 100%;
      margin-left: 19px;
          width: 114px;
    }



.year-1990 {
  margin-bottom: -63px; }
  .year-1990 .year {
    font-size: 48px;
    color: #4b0082;
    margin-bottom: 0.3em; }

.year-1989 {
  min-height: 176px; }
  .year-1989 .year {
    font-size: 48px;
    color: #470086;
    margin-bottom: 0.3em; }

.year-1988 .year {
  font-size: 48px;
  color: #350092;
  margin-bottom: 0.3em; }

.iconed-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 18px; }
  .iconed-row .icon-placeholder {
    margin-right: 15px;
    font-size: 70px; }
  .iconed-row .icon-placeholder {
    line-height: 0.7; }
  .iconed-row .text-placeholder {
    -ms-align-self: center;
    align-self: center; }


.trp-bg {
  position: relative;
  z-index: 10; }
  @media (max-width: 767px) {
    .trp-bg:last-child {
      margin-bottom: -35px; } }

/*.trp-bg+.trp-bg{
	position: relative;
	z-index: 9;
	margin-top: -40px;
}
.trp-bg+.trp-bg+.trp-bg{
	z-index: 8;
}*/
.trp-bg-in {
  position: relative;
  color: #fff; }
  .trp-bg-in .row {
    position: relative;
    z-index: 10;
    min-height: 240px;
    -ms-align-items: center;
    align-items: center; }
    .trp-bg-in .row > div {
      position: relative; }
      .trp-bg-in .row > div:first-child {
        text-align: right;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        justify-content: flex-end; }

.trp-bg-text {
  padding-top: 50px;
  padding-bottom: 30px;
  position: relative;
  left: -15%; }
  .trp-bg-text .btn-square {
    color: currentColor; }
  .trp-bg-text h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal; }
  .trp-bg-text p {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 10px; }
  @media (max-width: 767px) {
    .trp-bg-text {
      left: 0; } }

@media (max-width: 767px) {
  .product-figure {
    text-align: center;
    margin-top: 30px; }
    .product-figure img {
      max-width: 80%; } }
.align-bottom {
  -ms-align-self: flex-end;
  align-self: flex-end; }

.bg-itself {
  background: #f00;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  right: 0;
  top: 0; }
  .bg-itself:before, .bg-itself:after {
    height: 100%;
    width: 100%;
    background: #fff;
    content: '';
    position: absolute;
    transform: rotate(-61deg);
    transform-origin: center; }
    @media (max-width: 1100px) {
      .bg-itself:before, .bg-itself:after {
        display: none; } }
  .bg-itself:before {
    right: 50%; }
  .bg-itself:after {
    left: 50%; }
  .bg-itself.w11 {
    width: 91.6666%; }
  .bg-itself.w10 {
    width: 83.333333%; }
  .bg-itself.w8 {
    width: 77%; }
  @media (max-width: 1100px) {
    .bg-itself {
      width: 100% !important; } }
  @media (max-width: 767px) {
    .bg-itself {
      left: -15px;
      width: calc(100% + 30px) !important; } }

.bg-itself-bigger {
  width: 135%;
  right: -16.66667%; }
@media (max-width: 1100px) {
.bg-itself-bigger {
  right: auto;
}

}

.trp-bg-text.tal {
  left: 0;
  padding-right: 30px; }

.trp-bg-bigger [class*="col"] img {
  max-width: none !important; }
.trp-bg-bigger p {
  font-size: 18px; }
.trp-bg-bigger .trp-bg-text {
  left: 0; }
.trp-bg-bigger .row {
  -ms-align-items: stretch;
  align-items: stretch; }

.gophro-row-2 {
  height: 230px;
  margin-top: 60px; }
  .gophro-row-2 > div {
    position: relative; }
  .gophro-row-2 img {
    position: absolute;
    bottom: 0;
    max-width: none;
    z-index: 40;
    left: 0%; }

.pb0 {
  padding-bottom: 0; }

.section-form {
  position: relative;
  /*  &:after{
      background: url(../images/redline.svg) no-repeat;
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
    }
  */ }
  .section-form .width {
    position: relative;
    z-index: 2; }

/*!!*/
.gradient-box.form-container {
  position: relative; }
  .gradient-box.form-container:before {
    content: '';
    left: calc(100% + 30px);
    width: 260px;
    background: url(../images/redline.svg) right top;
    height: 100%;
    position: absolute;
    top: -90px; }
  .gradient-box.form-container:after {
    content: '';
    width: 260px;
    background: url(../images/redline.svg) right top;
    height: 53px;
    position: absolute;
    top: calc(100% + 30px);
    right: 130px; }
  @media (max-width: 991px) {
    .gradient-box.form-container:before, .gradient-box.form-container:after {
      display: none; } }

.redline {  position: relative; }

.section-bg-white.redline:before{
  z-index: 1;
  -webkit-transform: translateX(10%);
  -ms-transform: translateX(10%);
  -o-transform: translateX(10%);
  transform: translateX(10%);

}

  .redline:before {
    z-index: -1;
    background: url(../images/redline.svg);
    left: -10px;
    right: 0;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    bottom: 0;
    height: 100%;
    background-position: left 10px bottom -20px;
    background-repeat: no-repeat;
    content: '';
    position: absolute; }

    .redline-midleft:before{
      max-width: 1000px;
    }



  .redline-leftedge:before {
    max-width: 1520px;
  }
  .redline-pulled:before{
    right: 35%;
    left: auto;
  }
  .redline-right:before {
    background-position: right top;
  }
  .redline:not(.section-bg) .row.dashed-list [class*="col"]{
    box-shadow: 0 0 0 15px #fff;
  }

  @media (min-width: 991px){
    .col-5 .dashed-list{
      padding-right: 15px;
    }
  }

  .redline-left-mid:before {
    max-width: 900px; }

  .redline-quotes {
    position: relative; }
    .redline-quotes .row > * {
      background: #fff;
      box-shadow: 0 0 0 20px #fff; }
    .redline-quotes:before {
      z-index: -1;
      background: url(../images/redline.svg);
      left: 0;
      right: 0;
      max-width: 1170px;
      margin: auto;
      bottom: 0;
      height: 150px;
      background-position: center center;
      content: '';
      position: absolute; }
    .redline-quotes:after {
      z-index: -1;
      background: url(../images/redline.svg);
      left: 0;
      right: 0;
      max-width: 1170px;
      margin: auto;
      top: 0;
      height: 150px;
      background-position: center center;
      content: '';
      position: absolute; }

  .news-thumb a:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    left: 0;
    top: 0;
    opacity: 0.3;
    position: absolute; }
  .news-thumb .h {
    font-size: 18px;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 35px; }
    .news-thumb .h .date {
      display: block;
      font-size: 14px;
      font-weight: bold; }
  .news-thumb:hover a:after {
    background: url(../images/news-overflow.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    opacity: 0.9;
    mix-blend-mode: multiply; }

  .filter {
    margin-bottom: 30px; }

  .ui-selectmenu-button.ui-button {
    border: 0;
    background: none;
    width: auto;
    outline: none; }
    .ui-selectmenu-button.ui-button .ui-selectmenu-text {
      text-decoration: underline;
      font-size: circe;
      font-size: 18px;
      color: #000; }
    .ui-selectmenu-button.ui-button .ui-icon-triangle-1-s {
      width: 15.438px;
      height: 8.469px;
      background: url(../images/dropdown.svg) no-repeat;
      -webkit-background-size: contain;
      background-size: contain;
      top: 5px; }


      


@media (min-width: 1200px) {
.redline-pretask{
  overflow: visible;
}
.redline-pretask:before{
  left: 42px;
  bottom: -70px;
  height: calc(100% + 70px);
  z-index: 0;
  max-width: 1120px;
}

.redline-task .width{
  position: relative;
}
.redline-task .section-h-alt{position: relative;}
.redline-task .section-h-alt:before{
  position: absolute;
  content: '';
  border-radius: 39px;
  background: #fff;
  height: 39px;
  width: 39px;
  border: 8px solid  #f00;
  left: -62px;
  top: 0;
}
.redline-task .width:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: 65px;
    background: red;
    width: 10px;
}
.redline-posttask .width{
  position: relative;
}

.posttask-h{
  position: relative;
}
.posttask-h:before{
  position: absolute;
  content: '';
  border-radius: 39px;
  background: #fff;
  height: 39px;
  width: 39px;
  border: 8px solid  #f00;
  left: -62px;
  top: 0;
}
.posttask-h:after{
  content: '';
      position: absolute;
      top: -197px;
      height: 200px;
      left: -47px;
      background: red;
      width: 9.7px;
}
}

  .redline-leftedge .section-h{
    background: #fff;
    display: inline-block;
    box-shadow: 0 0 0 10px #fff;
  }


  .redline:not(.section-bg) [class*="col"] {
    background: #fff; 
    box-shadow: 0 0 0 10px #fff;
  }

    .redline .width,
    .whiteline-holder .width{
      z-index: 1;
      position: relative;
    }

    .whiteline-prop{
      position: relative;
    }
    .whiteline-prop .whiteline-prev{
      top: auto;
      bottom: 100%;
      margin-bottom: 20px;
      background-position: right -43px top;
      left: 0;
      margin-left: 0;
    }
    .whiteline-prop .whiteline-next{
      bottom: auto;
      top: 100%;
      margin-top: 20px;
      background-position: right -43px top;
      -webkit-transform:none  !important;
      -ms-transform:none  !important;
      -o-transform:none  !important;
      transform:none  !important;
      left: auto;
      right: 100%;
    
    }
    .whiteline-before{
      position: relative;
    }
    .whiteline-before .whiteline-prev{
      position: absolute;
      bottom: 100%;
      top: auto;
      margin-left: 0;
      margin-bottom: 10px;
      background-position: right -40px top;
    }

    .whiteline-prop-r.whiteline-prop .whiteline-next{
      right: 50%;
    }
    .whiteline-prop-r.whiteline-prop .whiteline-prev{
      left: 50%;
    }



@media (max-width: 1100px) {
  .section {}

  .col-7 .production-features-line .production-feature:nth-child(1n) {
    width: 33.33334%; } }
@media (max-width: 767px) {
  .col-7 .production-features-line .production-feature:nth-child(1n) {
    width: 100%; }

  .col-7 .production-features-line .production-feature .num-d {
    max-width: 100%; } }
@media (max-width: 1100px) {
  .asue-01 {
    transform: translateY(19.8%) !important;
    left: -33% !important; } }
@media (max-width: 991px) {
  .gophro-img-01 {
    position: relative !important;
    left: auto !important;
    max-height: 400px;
    padding-top: 30px; }

  .trp-bg {
    margin-top: 40px !important; }

  .gophro-row-2 {
    height: auto;
    padding-bottom: 30px;
    margin-top: 30px; }

  .icones-small .iconed-entry {
    padding-right: 30px; } }
.icones-small .iconed-entry {
  margin-bottom: 30px; }


@media (max-width: 767px){
  .iconed-list .iconed-entry,
  .icones-small .iconed-entry{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-right: 0;
  }
  .iconed-list .iconed-entry .icon-placeholder,
  .icones-small .iconed-entry .icon-placeholder{
    width: 80px;
    margin-right: 10px;
    flex-shrink: 0;
    text-align: center;
  }
  .iconed-list .iconed-entry .text,
  .icones-small .iconed-entry .text{
    -ms-align-self: center;
    align-self: center;
  }

  .iconed-list .iconed-entry .icon-placeholder i,
  .icones-small .iconed-entry .icon-placeholder i{
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }


}



@media (max-width: 991px) {
  .redline:before {
    display: none; } 
   .redline>[class="pt80 pb80"]{
    padding-top: 0;
    padding-bottom: 0;
   } 
   .redline>[class="pt80 pb80"] .col{
    padding-top: 0;
    padding-bottom: 0;
   }

  }

.whiteline-holder {
  position: relative;}

.whiteline-itself {
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  background-image: url(../images/whiteline.svg);
  background-repeat: no-repeat; }
  .whiteline-itself.wll {
    max-width: calc(1170px - 16.66667%); }
  .whiteline-itself.wlw {
    max-width: 1220px; }
  .whiteline-itself.wlr {background-position: right top;max-width: calc(1170px - 20%);}
  .section-enumed .whiteline-itself.wlr{

  }


.whiteline-region-ct .whiteline-itself.wll{
  max-width:  calc(1170px - 47%);
}

.whiteline-region-ct .iconed-entry .icon-placeholder img{
  margin-left: -15px;
  max-height: 60px;
  max-width: 64px;
}

.section-bg-white .whiteline-itself {
    background-image: url(../images/redline.svg);
}


  .whiteline-itself.wle {max-width: 1052px;}
  @media (max-width: 991px) {
    .whiteline-itself {
      display: none; } }

.whiteline-prev {
  top: 0;
  background-position: left bottom -15px; }

.whiteline-next {
  bottom: 0;
  background-position: left bottom -15px; }


@media (min-width: 991px){
  .whiteline-bg-left>.width{position: relative;}
  .whiteline-bg-left>.width:before{
    position: absolute;
    right: 91.6667%;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/whiteline.svg) no-repeat right top;
    content: '';
  }

  .whiteline-bottom-right:before{
    position: absolute;
    right: 0%;
    top: 0;
    width: 20%;
    max-width: 400px;
    height: 100%;
    background: url(../images/whiteline.svg) no-repeat left bottom -20px;
    content: '';

  }

  .whiteline-right .carusel-placeholder .bx-pager{
    position: absolute;
    width: 100%;
  } 

  .pb250{
    padding-bottom: 250px;
  }
  .pt150{
    padding-top: 150px;
  }

  #success-stories .whiteline-itself.wlr{
    max-width: calc(1170px - 25%);
  }

}
#success-stories{
  background-position: center -10px;
}
#body-about-career .section-enumed:after{
  display: none;
} 


/* modal */
.modal-bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 9999;
  background: rgba(53, 60, 66, 0.6);
  display: none; }

.modal {
  display: none;
  color: #666;
  padding: 40px 45px;
  position: fixed;
  z-index: 10000;
  max-width: 560px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  background: #fff;
  top: 50%;
  transform: translateY(-50%); }
  .modal .h {
    color: red;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 0.5em; }
  .modal .form-container {
    max-width: 100%;
    padding: 0; }
  .modal .form-cell small {
    font-size: 12px; }
  @media (max-width: 767px) {
    .modal {
      top: 0;
      transform: none;
      height: 100%;
      padding: 20px; } }

.form-info {
  display: block;
  padding-left: 26px;
  background: url(../images/info.svg) no-repeat left top;
  -webkit-background-size: 18px auto;
  background-size: 18px auto; }

.success-html {
  display: none; }

.success-statement {
  border: 2px solid  #f00;
  padding: 15px;
  font-size: 18px; }

.modal-close {
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  background: url(../images/close.png) no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }


.video-place {
  margin-bottom: 20px; }
  .video-place img {
    width: 100%; }

    .production-feature-m .num {font-size: 72px; font-weight: normal;}
    .production-feature-m .num + .num-d { font-size: 24px; font-weight: normal; }

.production-feature-big {
  margin-bottom: 0; }
  .production-feature-big .num {
    font-size: 115px;
    font-weight: normal;
    line-height: 0.85; }
    .production-feature-big .num + .num-d {
      font-size: 38px; font-weight: 100;
      max-width: 90%;
      line-height: 0.8; }
    @media (max-width: 991px) {
      .production-feature-big .num {
        font-size: 90px; }
        .production-feature-big .num + .num-d {
          font-size: 30px; } }
  .production-feature-big + .dashed-list {
    padding-right: 30px;
    margin-top: 28px; }
    .production-feature-big + .dashed-list li {
      font-weight: normal; }

.section-bg-white a {
  color: #f00; }

.trp-row-single {
  font-size: 26px;
  text-transform: uppercase;
  height: 179px;
  font-weight: bold; }
  .trp-row-single .trp-cell {
    width: auto;
    flex-grow: 1;
    height: 100%;
    font-size: 26px; }
  @media (max-width: 991px) {
    .trp-row-single {
      height: auto; }
      .trp-row-single .trp-cell {
        width: 100%; }
        .trp-row-single .trp-cell br {
          display: none; } }
  @media (min-width: 992px) {
    .trp-row-single-tp .trp-cell{
      transform: skewX(-30deg);
    }
    .trp-row-single-tp .trp-cell a{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
    }
    .trp-row-single-tp .trp-cell a>span{
      transform: skewX(30deg);
      display: flex;
      -ms-align-items: center;
      align-items: center;
      justify-content: center;
    }
  }

.production-features-line {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .production-features-line .production-feature {
    flex-grow: 1;
    margin-bottom: 0;
    /*    &:not(:last-child){
          margin-right: 55px;
        }*/ }
    .production-features-line .production-feature:nth-child(1n) {
      width: auto;
      -ms-align-self: flex-start;
      align-self: flex-start; }
    .production-features-line .production-feature .num-d {
      max-width: 180px; }
  @media (max-width: 991px) {
    .production-features-line .production-feature:nth-child(1n) {
      width: 50%;
      margin-bottom: 30px; } }
  
      .blockquote {
        padding-left: 66px;
        border-left: 8px solid  #f00;
        margin-bottom: 40px;
        margin-top: 30px; }

      .certificats {
        list-style-type: none;
        display: flex;
        padding: 0;
        margin: 0;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-align-items: center;
        align-items: center; }
        .certificats li {
          width: 16.666667%;
          margin: 12px 0; }
        @media (max-width: 767px) {
          .certificats li {
            width: 33.33334%; } }

            .trp-container.tabs-header {
              background: #fff; }
              .trp-container.tabs-header .trp-row-single {
                -webkit-flex-wrap: nowrap;
                -moz-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                -o-flex-wrap: nowrap;
                flex-wrap: nowrap;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                display: -o-flex;
                display: flex;
                height: 143px; }
                .trp-container.tabs-header .trp-row-single .trp-cell {
                  width: 50%;
                  font-size: 30px;
                  text-transform: none;
                  transform: skewX(-29.6deg);
                  transform-origin: 0 0; }
                  .trp-container.tabs-header .trp-row-single .trp-cell.on, 
                  .trp-container.tabs-header .trp-row-single .trp-cell:hover {
                    background: #f00;
                    color: #fff; }
                  .trp-container.tabs-header .trp-row-single .trp-cell:not(.on):hover {
                    z-index: 4;
                    position: relative;
                    box-shadow: -1px 0 #f00, 1px 0 #f00;
                  }
                    .trp-container.tabs-header .trp-row-single .trp-cell.on a, .trp-container.tabs-header .trp-row-single .trp-cell:hover a {
                      color: #fff; }
                  .trp-container.tabs-header .trp-row-single .trp-cell a {
                    padding: 0 90px;
                    box-shadow: none;
                    transform: skewX(29.6deg);
                    transform-origin: 0 0; }
                  .trp-container.tabs-header .trp-row-single .trp-cell a:after {
                      box-shadow: none !important;
                  }
                    .trp-container.tabs-header .trp-row-single .trp-cell a:hover {
                      background: none;
                      box-shadow: none;
                       }
                    @media (max-width: 991px) {
                      .trp-container.tabs-header .trp-row-single .trp-cell a {
                        padding: 0 10px; } }
                        @media (max-width: 1024px) {
                            .trp-container.tabs-header .trp-row-single .trp-cell {
                              height: 100%;
                            }

                        }
                        @media (max-width: 991px) {
                            .trp-container.tabs-header .trp-row-single .trp-cell:before {
                              display: none !important;
                            }
                            .trp-container.tabs-header .trp-row-single .trp-cell {
                              -webkit-transform: none;
                              -ms-transform: none;
                              -o-transform: none;
                              transform: none; }
                              .trp-container.tabs-header .trp-row-single .trp-cell a {
                                -webkit-transform: none;
                                -ms-transform: none;
                                -o-transform: none;
                                transform: none;}

                        }
                        @media (max-width: 767px) {
                          .trp-container.tabs-header .trp-row-single {
                            height: auto;
                            display: block; }
                            .trp-container.tabs-header .trp-row-single .trp-cell {
                              width: 100%;}
                              .trp-container.tabs-header .trp-row-single .trp-cell a {
                                padding: 15px; } }

            .links-list {
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: -o-flex;
              display: flex;
              -webkit-flex-wrap: wrap;
              -moz-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              -o-flex-wrap: wrap;
              flex-wrap: wrap;
              list-style-type: none;
              padding: 0;
              margin: 0;
              padding-left: 8.33%;
              margin-top: 30px; }
              .links-list li {
                margin: 14px 0;
                width: 33%;
                font-size: 24px;
                font-weight: bold; }
                .links-list li a {
                  color: black;
                  text-decoration: none; }
                  .links-list li a:hover, .links-list li a.active {
                    color: #f00;
                    text-decoration: underline; }
              @media (max-width: 991px) {
                .links-list {
                  padding-left: 0; } }
              @media (max-width: 767px) {
                .links-list {
                  display: block; }
                  .links-list li {
                    width: 100%; } }

            .tab {
              display: none; }
              .tab.on {
                display: block; }

            .bg-itself:before, .bg-itself:after {
              transform: rotate(-60deg); }

            .slider-st {
              margin-bottom: 45px;
              margin-top: 25px;
              padding-bottom: 60px; }

              @media (max-width: 992px) and (min-width:767px){
                .slider-st{
                  padding-left: 20px;
                  padding-right: 20px;
                }
                .section-bg .col-8.p-left-1>.iconed-entry.p-left-1{
                  margin-left: 0;
                  display: -webkit-flex;
                  display: -moz-flex;
                  display: -ms-flex;
                  display: -o-flex;
                  display: flex;
                  margin-bottom: 20px;
                  -ms-align-items: flex-start;
                  align-items: flex-start;
                }
                .section-bg .col-8.p-left-1>.iconed-entry.p-left-1 .icon-placeholder{
                  display: -webkit-flex;
                  display: -moz-flex;
                  display: -ms-flex;
                  display: -o-flex;
                  display: flex;
                  flex-shrink: 0;
                  width: 80px;
                  -ms-align-items: flex-start;
                  align-items: flex-start;
                }

                .section-bg .col-8.p-left-1>.iconed-entry.p-left-1 .text{
                  margin-left: 20px;
                }
                .section-bg .col-8.p-left-1 .section-header{
                  margin-bottom: 30px;
                }
                .section-bg .col-8.p-left-1>.iconed-entry.p-left-1 .text p:first-child{
                  margin-top: 0;
                }
                .section-bg .col-8.p-left-1>.iconed-entry.p-left-1 .text p:last-child{
                  margin-bottom: 0;
                }

              }

            .slider-itself.ui-slider-horizontal {
              background: #ccc;
              border: 0;
              border-radius: 0;
              pointer-events: none; }

            .slider-itself .ui-slider-range {
              background: #f00; }

            .slider-itself .ui-slider-handle {
              width: 39px;
              height: 39px;
              border: 8px solid  #f00;
              background: #fff;
              border-radius: 30px;
              top: 50%;
              margin-top: -19px;
              pointer-events: none; }
              .slider-itself .ui-slider-handle span {
                position: absolute;
                font-size: 48px;
                font-weight: bold;
                top: 100%;
                left: 50%;
                transform: translateX(-50%);
                color: #f00;
                padding-top: 10px; }
                .slider-itself .ui-slider-handle span:after {
                  content: '°С'; }

                  @media (max-width: 767px){
                    .slider-itself .ui-slider-handle span {
                      font-size: 28px;
                    }

                  }


            .dt-m {
              font-weight: bold;
              margin-bottom: 20px;
              position: relative; }
              .dt-m:before {
                content: '/';
                position: absolute;
                left: -16px;
                top: -3px;
                color: red; }

            .dl-link {
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: -o-flex;
              display: flex;
              color: #f00;
              -ms-align-items: center;
              align-items: center; }
              .dl-link .icon-place img {
                position: relative;
                top: 0.3em; }
              .dl-link .icon-place + span {
                margin-left: 20px;
                width: 200px; }

            .variant-details {
              display: none; }

              .variant-details.on {
                display: block; }

            .variant-details .trp-bg {
              margin-bottom: 45px; }
              .variant-details .trp-bg .bg-itself:before {
                right: 56.5%; }
              .variant-details .trp-bg .bg-itself:after {
                left: 56.7%; }

                .no-wbg{
                  background: none;
                  box-shadow: none;
                }
                .redline .no-wbg[class*="col"]{
                  background: none;
                  box-shadow: none;
                }

                @media (max-width: 991px) and (min-width: 767px){
                  .variant-details>.row{
                    padding-left: 15px;
                    padding-right: 15px;
                  }
                }


            .redline-center:before {
              background-position: left 305px bottom -20px; }

            .redline-ct:before {
              background-position: left 470px bottom -20px; }

              [data-tab]{
                display: none;
              }
              .active[data-tab]{
                display: block;
              }



      .pt0 {
        padding-top: 0; }

      @media (max-width: 767px) {
        .pt0[class*="redline"] > .width {
          padding-top: 0px !important;
          padding-bottom: 0px !important; } }
      @media (max-width: 1100px) {
        .quality-control {
          text-align: center; } }

          .news-article {
            font-size: 20px;
            line-height: 1.4; }
            .news-article figure {
              margin-bottom: 50px; }
            .news-article q {
              font-style: italic; }
              .news-article q:before, .news-article q:after {
                display: none; }

          .date {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 15px; }

          .simple .section h1.text-highlighted {
            font-size: 40px; }


            .side-h {
              font-size: 54px;
              margin-bottom: 35px;
              color: #f00; }

            .side-navigation {
              list-style-type: none;
              padding: 0;
              margin: 0;
              margin-bottom: 40px; }
              .side-navigation li {
                text-transform: uppercase;
                margin-bottom: 30px;
                font-size: 25px; }
                @media (max-width: 991px) {
                  .side-navigation li {
                    font-size: 20px;
                    margin-bottom: 20px; } 


                  }
                .side-navigation li a {
                  color: #000;
                  text-decoration: none;
                  font-weight: bold; }
                  .side-navigation li a.current {
                    text-decoration: underline; }
                    .side-navigation li a.current + ul {
                      display: block; }
                .side-navigation li ul {
                  padding: 0;
                  margin: 0;
                  padding-top: 25px;
                  list-style-type: none;
                  display: none; }
                  .side-navigation li ul li {
                    text-transform: none;
                    padding-right: 50px; }
                    .side-navigation li ul li a {
                      font-weight: normal; }
                      .side-navigation li ul li a small {
                        display: block; }
                        @media (max-width: 767px) {
figure img[align]{float: none;}



                          .side-navigation li ul li a small {
                            display: inline; } }
                      .side-navigation li ul li a.current {
                        color: #f00;
                        text-decoration: underline; }
                    @media (max-width: 1100px) {
                      .side-navigation li ul li {
                        padding-right: 0; } }
              .side-navigation + .btn-reg {
                padding: 0 20px; }


            .vacancy-index-pic {
              position: relative; }
              .vacancy-index-pic span {
                position: absolute;
                bottom: 0;
                left: 0;
                padding: 25px 35px;
                text-transform: uppercase;
                color: #fff;
                font-size: 62px;
                font-weight: bold; }

            .pb200 {
              padding-bottom: 200px; }


              @media (max-width: 991px) and (min-width: 767px){
                .side-navigation{
                  margin-bottom: 0;
                }
                .side-navigation>li{
                  margin-right: 10px;
                }
                .side-navigation li{
                  display: inline-block;
                  vertical-align: top;
                }
                .side-navigation>li>ul{
                  padding-top: 10px;
                }
                .side-navigation li ul li{
                  margin-right: 10px;
                }
              }
              

            .redline-through {
              margin-top: -110px; }
              .redline-through .row > [class*="col"] {
                padding-top: 20px;
                padding-bottom: 20px; }
                @media (max-width: 991px) {
                  .redline-through {
                    margin-top: 0; }
                }
                @media (max-width: 767px) {
                  .redline-through .row > [class*="col"] {
                    padding-top: 0;
                    padding-bottom: 0; } }
              @media (max-width: 767px) { }

            .redline-right {
              position: relative; }
              .redline-right:before {
                z-index: -1;
                background: url(../images/redline.svg);
                left: 0;
                right: 0;
                max-width: 1170px;
                margin: auto;
                bottom: 0;
                height: 100%;
                background-position: right top;
                content: '';
                position: absolute;
                background-repeat: no-repeat; }
              .redline-right .row {
                background: #fff; }
                .rv.redline-right .row{
                  background: none;
                }
                .rv.redline-right .row{background: none;}

                .redline-right:not(.rv) .row > [class*="col"] {
                  box-shadow: none; }
                .rv.redline-right .video-place{
                  margin-bottom: 0;
                }


              .redline-right.redline-quotes:after {
                top: auto;
                bottom: 0;
                height: 250px;
                background-color: #fff;
                background-position: right 60px center; }

            .simple .section .vacancy-article h1 {
              color: #000;
              font-size: 40px; }
              .simple .section .vacancy-article h1 small {
                display: block;
                font-size: 30px;
                font-weight: normal; }
              @media (max-width: 767px) {
                .simple .section .vacancy-article h1 {
                  font-size: 30px; }
                  .simple .section .vacancy-article h1 small {
                    font-size: 25px; } }

            .vacancy-article h3 {
              margin-top: 45px;
              text-transform: uppercase;
              margin-bottom: 20px; }
            .vacancy-article .dashed-list li {
              font-weight: normal; }
            .vacancy-article .vacancy-form {
              padding-right: 8%; }
              @media (max-width: 767px) {
                .vacancy-article .vacancy-form {
                  padding-right: 0; } }

            .form-reg .h {
              font-size: 36px;
              font-weight: bold;
              color: #f00;
              margin-bottom: 20px; }
              @media (max-width: 767px) {
                .form-reg .h {
                  font-size: 26px; } }

            .file-upload {
              position: relative;
              overflow: hidden;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: -o-flex;
              display: flex;
              -ms-align-items: center;
              align-items: center;
              font-size: 14px;
              text-decoration: underline; }
              .file-upload input {
                position: absolute;
                z-index: 2;
                font-size: 200px;
                opacity: 0; }
              .file-upload i {
                margin-right: 10px; }

            .icon-clip {
              width: 10px;
              height: 25px;
              display: inline-block;
              position: relative;
              background: url(../images/clip.svg) no-repeat; }

            .form-cell.col-8:first-child {
              width: calc(66.66667% - 7px); }
              @media (max-width: 767px) {
                .form-cell.col-8:first-child {
                  width: 100%; } }

            .form-cell.col-8:first-child ~ .form-cell {
              width: calc(33.33334% - 7px); }
              @media (max-width: 767px) {
                .form-cell.col-8:first-child ~ .form-cell {
                  width: 100%;
                  order: -1;
                  margin-bottom: 15px; } }

            @media (max-width: 767px) {
              .order-sm-100 .side-h {
                margin-top: 50px;
                font-size: 30px;
                margin-bottom: 20px; } }
            .vacancy-form {
              color: #666; }
              .vacancy-form a {
                color: inherit; }
              .vacancy-form input, .vacancy-form textarea {
                border-color: #666666;
                border-width: 1px; }
              @media (max-width: 767px) {
                .vacancy-form .form-row {
                  -webkit-flex-wrap: wrap;
                  -moz-flex-wrap: wrap;
                  -ms-flex-wrap: wrap;
                  -o-flex-wrap: wrap;
                  flex-wrap: wrap; } }

            .modal[data-pop="vacancy"] {
              max-width: 760px; }
              @media (min-width: 1200px) {
                .modal[data-pop="vacancy"] {
                  padding-left: 98px;
                  padding-right: 98px; } }


                  .article-preview {
                    padding-left: 30px;
                    position: relative;
                    margin-bottom: 50px;
                    font-size: 20px; }
                    .article-preview:before {
                      content: '/';
                      color: red;
                      position: absolute;
                      left: 1px;
                      top: -4px;
                      font-weight: bold;
                      font-size: 25px; }
                    .article-preview .h {
                      margin-bottom: 17px; }
                      .article-preview .h a {
                        color: red;
                        text-decoration: none; }
                      .article-preview .h:hover {
                        text-decoration: underline; }

                  .pagination {
                    padding-left: 30px;
                    font-size: 18px;
                    margin-top: 50px; }
                    .pagination a {
                      display: inline-block;
                      color: #353c42;
                      text-decoration: none;
                      margin-right: 20px; }
                    .pagination span {
                      margin-right: 20px;
                      display: inline-block; }
                    .pagination .current {
                      color: #f00;
                      text-decoration: underline; }

                  .p404 {
                    min-height: 825px;
                    justify-content: flex-start; }
                    .p404 h1 {
                      font-size: 194px;
                      line-height: 0.75;
                      padding-top: 50px; }
                    .p404 .width {
                      justify-content: flex-start; }
                    .p404 + .subscription-line:first-of-type {
                      min-height: 0;
                      height: auto; }
                    @media (max-width: 1100px) {
                      .p404 {
                        min-height: 425px; } }

                  .color-black {
                    color: #000; }

                  .iconed-list .iconed-entry {
                    margin-bottom: 20px; }

                  .redline-pretask .section-h {
                    padding-top: 10px; }

  

/* margins and paddings */

.pb350{
  padding-bottom: 350px;
}

.pb350 .whiteline-itself.wll{max-width: 1480px;}

@media (max-width: 1200px){
  .pb350{
    padding-bottom: 200px;
  }
}
@media (max-width: 900px){
  .pb350{
    padding-bottom: 80px;
  }
}


.career-slider-placeholder{
  position: relative;
  padding-bottom: 125px;
  margin-bottom: 80px;
}
.career-slider{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.career-slide{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.description{

}
.description .h{
  font-size: 30px;
  font-weight: bold;
}
.h{}
.description .sub-h{
  font-size: 18px;
  font-weight: bold;
}
.career-slider-placeholder .bx-prev{
  position: absolute;
  left: 0;
  bottom: 0;
  color:#fff;
  padding-left: 42px;
  height: 52px;
  text-decoration: none;
}
.career-slider-placeholder .bx-next{
  position: absolute;
  right: 0;
  bottom: 0;
  color:#fff;
  padding-right: 42px;
  height: 52px;
  text-align: right;
  text-decoration: none;
}

.career-slider-placeholder .bx-prev.disabled,
.career-slider-placeholder .bx-next.disabled{
  display: none;
}
.career-slider-placeholder .bx-prev:before,
.career-slider-placeholder .bx-next:before{
font-family: 'icomoon' !important;

font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 
font-size: 50px;
position: absolute;
top: 0;
}

.career-slider-placeholder .bx-prev:before {content: "\e900"; left: 0;}
.career-slider-placeholder .bx-next:before {content: "\e901"; right: 0;}
.career-slider-placeholder .bx-prev b,
.career-slider-placeholder .bx-next b{
  display: block;
  padding-top: 7px;
  font-size: 14px;
}
.career-slider-placeholder .bx-prev small,
.career-slider-placeholder .bx-next small{
  display: block;
  font-size: 14px;
}

@media (max-width: 600px){
  .career-slide .col-4,
  .career-slide .col-8{
    width: 100%;
  }
  .career-slide .col-4 figure{
    margin-bottom: 20px;
  }
  .career-slide .col-4 figure img{
    width: 100%;
  }
  .career-slider-placeholder .bx-prev b,
  .career-slider-placeholder .bx-next b,
  .career-slider-placeholder .bx-prev small,
  .career-slider-placeholder .bx-next small{
    display: none !important;
  }



}


.dl-link-alt {
  color: #000; }
  .dl-link-alt .icon-place {
    flex-shrink: 0; }
    .dl-link-alt .icon-place + span {
      width: auto; }

.redline-before {
  position: relative; }
  .redline-before:before {
    content: '';
    height: 80px;
    background: url(../images/redline.svg) no-repeat right top;
    width: 110px;
    position: absolute;
    top: 0;
    left: 50%; }
    @media (max-width: 767px) {
      .redline-before:before {
        display: none; } }

.scheme img {
  margin-bottom: 45px; }
  @media (max-width: 991px) {
    .scheme img {
      margin-bottom: 20px; } }
.scheme figcaption {
  padding-left: 22.66667%; }
  @media (max-width: 991px) {
    .scheme figcaption {
      padding-left: 0; } }
@media (max-width: 767px) {
  .scheme {
    margin-bottom: 25px; } }

.cbox-legend .dt {
  font-weight: bold;
  font-size: 19px; }
.cbox-legend .dd {
  padding-left: 290px;
  background: url(../images/cbox-dd.png) no-repeat 27px top;
  padding-top: 10px;
  line-height: 1.2; }
  @media (max-width: 991px) {
    .cbox-legend .dd {
      padding-left: 140px;
      background: none;
      position: relative; }
      .cbox-legend .dd:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 130px;
        height: 100%;
        content: '';
        background: url(../images/cbox-dd.png) no-repeat 27px top; } }
  @media (max-width: 767px) {
    .cbox-legend .dd {
      padding-left: 0; }
      .cbox-legend .dd:before {
        display: none; } }

@media (max-width: 767px) {
  .blockquote {
    padding-left: 20px; } }

    .article-thumb {padding-bottom: 80px;position: relative;height: 100%;}
      .article-thumb img {
        margin-bottom: 15px;
        border: 1px solid  #bcbcbc;
        display: block; }
      .article-thumb .h {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px; }

    .datasheet-list .dl-link,
    .article-thumb .dl-link {
      color: red;
      padding-left: 30px;
      position: relative;
      line-height: 26px; }

      .article-thumb .dl-link{
        position: absolute;
        bottom: 40px;
      }


    .datasheet-list .dl-link:before,
      .article-thumb .dl-link:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-size: contain;
        background-repeat: no-repeat; }
      .datasheet-list .dl-link[href*=".pdf"]:before,
      .article-thumb .dl-link[href*=".pdf"]:before {
        background-image: url(../images/icon-pdf.svg);
        width: 23px;
        height: 26px; }

    .col-8 .pagination {
      padding-left: 0; }

    .side-navigation li ul li li a {
      padding-left: 20px;
      position: relative; }
      .side-navigation li ul li li a:before {
        content: '/';
        color: #f00;
        position: absolute;
        left: 4px;
        top: 3px; }
      .side-navigation li ul li li a.current {
        text-decoration: none; }

    .datasheet-list {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;}
      
      .datasheet-list li {
        margin-bottom: 15px; 
        width: 50%;
        padding-right: 30px;
      }
      .datasheet-list li:nth-child(2n){
        padding-right: 0;
        padding-left: 10px;
      }
        .datasheet-list li a {
          color: #000;
          text-decoration: none; }
      
      @media (max-width: 1100px) {
        .datasheet-list {
          width: 100%; } 

        }
      @media (max-width: 991px) {
        .datasheet-list {
    display: block;
        } 
        .datasheet-list li{
          width: 100%;
          padding-left: 0;
          padding-right: 0;
        }
        .datasheet-list li:nth-child(2n){
          padding-left: 0;
        }

        }

    .simple .section h1.h2 {
      font-size: 40px;
      color: #000;
      max-width: 600px;
      line-height: 1; }
      @media (max-width: 991px) {
        .simple .section h1{
          font-size: 32px;
        }
        .simple .section h1.h2 {
          font-size: 32px;
          max-width: 100%; } }

    @media (max-width: 991px) {
      .simple .section .width {
        padding-top: 0;
        padding-bottom: 0; }

      .pagination {
        margin-bottom: 40px;
        margin-top: 10px; } }


.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt70 {
  margin-top: 70px; }

.mt80 {
  margin-top: 80px; }

.mt90 {
  margin-top: 90px; }

.mt100 {
  margin-top: 100px; }
.mb0{
  margin-bottom: 0;
}
.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb60 {
  margin-bottom: 60px; }

.mb70 {
  margin-bottom: 70px; }

.mb80 {
  margin-bottom: 80px; }

.mb90 {
  margin-bottom: 90px; }

.mb100 {
  margin-bottom: 100px; }

.pt0{
  padding-top: 0;
}
.pt10 {
  padding-top: 10px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pt40 {
  padding-top: 40px; }

.pt50 {
  padding-top: 50px; }

.pt60 {
  padding-top: 60px; }

.pt70 {
  padding-top: 70px; }

.pt80 {
  padding-top: 80px; }

.pt90 {
  padding-top: 90px; }

.pt100 {
  padding-top: 100px; }

.pt110 {
  padding-top: 110px; }

.pt120 {
  padding-top: 120px; }

.pt140 {
  padding-top: 140px; }

.pb10 {
  padding-bottom: 10px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

.pb40 {
  padding-bottom: 40px; }

.pb50 {
  padding-bottom: 50px; }

.pb60 {
  padding-bottom: 60px; }

.pb70 {
  padding-bottom: 70px; }

.pb80 {
  padding-bottom: 80px; }

.pb90 {
  padding-bottom: 90px; }

.pb100 {
  padding-bottom: 100px; }

.pb110 {
  padding-bottom: 110px; }

.pb120 {
  padding-bottom: 120px; }

.pb130 {
  padding-bottom: 130px; }

.pb140 {
  padding-bottom: 140px; }

.pb150 {
  padding-bottom: 150px; }

.pb160 {
  padding-bottom: 160px; }

  @media (max-width: 991px) {
    .md-mb20 {
      margin-bottom: 20px; } }


.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/* ==========================================================================
    Print styles.
========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre {
    white-space: pre-wrap !important; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }

/*# sourceMappingURL=main.css.map */

#body-products-asue .section-prime .width h1,
#body-products-corrugated-pipe .section-prime .width h1 {max-width: 70%;}


.block_new_2 {
  margin-top: 225px;
}
.block_new_3 {
  margin-top: 240px;
  margin-bottom: 145px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .block_new_1 {
    margin-top: 100px !important;
  }
  .block_new_2 {
    margin-top: 165px !important;
  }
  .block_new_3 {
    margin-top: 200px !important;
    margin-bottom: 45px;
  }
  .block_new_1 img {
    left: 5% !important;
    max-width: 500px !important;
  }
  .block_new_2 img {
    left: 15% !important;
    max-width: 350px;
  }
  .block_new_3 img {
    left: 20% !important;
    max-width: 300px;
  }
}
@media (max-width: 768px) {
  .block_new_3.trp-bg:last-child {
    margin-bottom: 0px;
  }
}