/* clear */

  .cl::before,
  .cl::after {content: ''; display: table;}
  .cl::after {clear: both;}
  .cl {zoom: 1;}
  .header .skaip-buttons-status-skype {
    color: #fff !important;
      position: relative;
      right: -75px;
      z-index: 0;
  }

/* common */

  html, body {height: 100%;}
  html {font-size: 62.5%;}
  body {font-family: Verdana, Geneva, sans-serif; line-height: 1.3; background: #fff;}
  p {margin-bottom: 20px;}
  p:last-child {margin: 0;}
  b, strong {font-weight: bold;}
  i, em {font-style: italic;}
  img {vertical-align: bottom;}
  a {text-decoration: none;}
  a:focus, input:focus, textarea:focus {outline: none;}
  input, textarea {display: block; margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; line-height: 1.3; border: 0; background: #fff;}
  input[type="submit"], input[type="reset"] {cursor: pointer;}
  hr {clear: both; margin-top: 0; margin-bottom: 20px; height: 0; border: 0 solid #000; border-top-width: 1px;}

/* start */

  body, input, textarea {font-size: 2rem; line-height: 1.6; color: #414040;}
  body {background: #eef3f6;}
  a {color: #0f6bad;}
  a:hover {color: #1484d4;}

  .text-block ul{margin-bottom:20px;padding-left:15px;list-style-type:disc;}
  .text-block ul:last-child{margin-bottom:0;}

  .social a {display: block; width: 48px; height: 48px;}
    .social li{ background-size: 100%; }
    .social .vkontakte {background-image: url('../images/vkontakte.png');}
    .social .facebook {background-image: url('../images/facebook.png');}
    .social .twitter {background-image: url('../images/twitter.png');}
    .social .linkedin {background-image: url('../images/linkedin.png');}
	.social .instagram {background-image: url('../images/instagram.png');}

/* --------------------- 640 --------------------- */

.callback,.subscribe{display:none!important;}
.callback-mobile,.subscribe-mobile{position:fixed;bottom:0;display:block;width:275px;height:62px;background:#0f6bad url(../images/callback_mobile.png);}
.callback-mobile {
  left: 50%;
  margin-left: -320px;
  background-position: 0 0;
}
.aside ul.open {
  background: #fff;
}
.subscribe-mobile {
  right: 50%;
  margin-right: -320px;
  background-position: 0 -62px;
}

  .width {margin: 0 auto; padding: 0; width: 640px;}
  .width .main{
    padding: 0;
  }
  .width .main.full{
    margin: 0;
  }

/* header */

  /* hide */
  .header .slogan,
  .header .row.a .order,
  .header .row.b .order,
  .header .contact,
  .header .phones,
  .header .nav,
  .header .nav-ext,
  .header .search,
  .header .lang,
  .banner {display: none;}

  // .header .order{display:block;float:right;margin:1px 110px 0 30px;padding-left:20px;cursor:pointer;background:url('../images/corn.png') no-repeat;}
    // .header .order:hover{background-position:0 -40px;}
    // .header.nav-open .order{margin-top:21px;}
    // .header .order span{font-size:1.2rem;font-weight:bold;line-height:40px;display:block;height:40px;padding:0 15px 0 10px;text-transform:uppercase;color:#fff;background:#0f6bad;}
    .order:hover span{background:#1484d4;}

  .header .row.a {padding: 10px 0 26px 0; background: #fff;}
    .header .row.a .width { min-height: 45px; position: relative;}
      .header .logo {float: left; margin: 0 20px 0 85px; /*width: 385px; height: 71px;*/width: 330px; height: 61px; background: url('../images/logo_mobile-1.png') no-repeat;}
        .header .logo a {display: block; width: 385px; height: 71px;}
      .header .slogan {float: left; margin-top: 7px; width: 213px; height: 30px; background: url('../images/slogan.png') no-repeat;}
      .header .nav-btn {position: absolute; top: 15px; left: 0; width: 48px; height: 43px; background: url('../images/nav-btn.png') no-repeat; cursor: pointer;}
      .header .nav-btn:hover {background-position: -49px;}

      /* nav-open */
      .nav-open {border-bottom: none;}
        .nav-open .nav-btn {background-position: -98px;}
        .nav-open .nav-btn:hover {background-position: -147px;}
        .nav-open .logo,
        .nav-open .slogan {display: none;}
        .nav-open .phones {overflow: hidden; display: block; margin: 0 auto; width: 300px;}
          .nav-open .phones p {margin-bottom: 0; text-align: center;}
            .nav-open .phones p a {display: inline-block; font-size: 2rem; font-weight: bold; line-height: 43px;}

  .nav-open .nav,
  .nav-open .nav-ext {display: block;}
    .nav-open .nav-main > li,
    .nav-open .nav-ext li {border-bottom: 1px solid #fff;}
      .nav-open .nav-main > li > a,
      .nav-open .nav-ext a {display: block; padding: 20px 20px 20px 55px; font-weight: bold; color: #fff !important; text-transform: uppercase; background: #0f6bad url('../images/gears.png') no-repeat 15px 50%;}
      .nav-open .nav-main > li > a:hover,
      .nav-open .nav-ext a:hover {background: #1484d4 url('../images/gears.png') no-repeat 15px 50%;}
        .nav-open .nav-main > li > ul > li {border-bottom: 1px solid #0f6bad;}
        .nav-open .nav-main > li > ul > li:last-child {border-bottom: none;}
          .nav-open .nav-main > li > ul > li > a {display: block; padding: 20px 20px 20px 75px; font-weight: bold; background: rgba(0,0,0,.01) url('../images/aside-arrows2-adapt.png') no-repeat 20px 10px;}
            .nav-open .nav-main > li > ul > li > a + ul {border-top: 1px solid #0f6bad;}
              .nav-open .nav-main ul ul li {border-bottom: 1px solid #0f6bad;}
              .nav-open .nav-main ul ul li:last-child {border-bottom: none;}
                .nav-open .nav-main ul ul li a {display: block; padding: 20px 20px 20px 95px; color: #1484d4; background: #fff;}
          .nav-open .nav-main ul {display: none;}
          .nav-open .nav-main .parent.open > ul {display: block;}
    .nav-open .nav-sub {display: none;}
      .nav-open .nav-sub > ul > li {border-bottom: 1px solid #0f6bad;}
        .nav-open .nav-sub > ul > li > a {display: block; padding: 20px; background: #fff;}
  /* .nav-open .row.b .order {display: block; padding: 20px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; background: #1484d4; cursor: pointer;} */

/* extra */

  /* hide */
  .extra {display: none;}

/* product */

  .product header {padding: 20px; background: #fff; border-top: 2px solid #1484d4; border-bottom: 2px solid #1484d4;}
    .product header h3 {font-weight: bold; text-transform: uppercase;}
    .product .row {overflow: hidden;}
      .product .row a {display: block; padding: 20px 20px 20px 72px; font-weight: bold; text-transform: uppercase; background: rgba(0,0,0,.05) url('../images/engine.png') no-repeat 20px 50%; border-bottom: 1px solid #fff;}
      .product .row:last-child a:last-child {border-bottom: none;}
      .product .row a:hover {color: #fff; background: #1484d4 url('../images/engine2.png') no-repeat 20px 50%;}

/* text */
  .text-block header {padding: 20px; background: #fff; border-top: 2px solid #1484d4; border-bottom: 2px solid #1484d4;}
    .text-block header h3 {font-weight: bold; text-transform: uppercase;}
  .text-block .cont {padding: 20px;}

/* solutions */

  .solutions header {padding: 20px; background: #fff; border-top: 2px solid #1484d4; border-bottom: 2px solid #1484d4;}
    .solutions header h3 {font-weight: bold; text-transform: uppercase;}
      .solutions .list > ul > li {border-bottom: 1px solid rgba(0,0,0,.1);}
      .solutions .list > ul > li:last-child {border-bottom: 0;}
        .solutions .list > ul > li > a {position: relative; display: block; padding: 20px 20px 20px 43px; font-weight: bold; color: #0f6bad; background: #fff;}
        .solutions .list > ul > li > a:hover {color: #fff; background: #1484d4;}
        .solutions .list > ul > li > a::before {content: ''; position: absolute; left: 20px; top: calc(50% - 5px); display: block; width: 8px; height: 11px; background: url('../images/solutions-bullet.png') no-repeat 0 0;}
        .solutions .list .open > a {color: #1484d4 !important; background: rgba(0,0,0,.05) !important;}
        .solutions .list .open > a::before {background-position: -8px 0;}
        .solutions .list article {display: none;}
        .solutions .list .open article {overflow: hidden; display: block; padding: 20px; border-top: 1px solid rgba(0,0,0,.1);}
          .solutions .list .open .pic {margin-bottom: 20px;}
            .solutions .more {display: inline-block; padding: 10px 20px; border: 1px solid #0f6bad;}
            .solutions .more:hover {color: #1484d4; border: 1px solid #1484d4;}
      .solutions .display {display: none;}

/* news */

  .news .link {display: block; padding: 20px; font-size: 2rem; font-weight: bold; text-transform: uppercase; background: #fff; border-top: 2px solid #1484d4; border-bottom: 2px solid #1484d4;}
  .news .wrap article {overflow: hidden; padding: 20px; background: #fff; border-bottom: 1px solid rgba(0,0,0,.1);}
  .news .wrap article:last-child {border-bottom: none;}
    .news .wrap article div {float: left; padding: 10px 0; width: 60px; font-weight: bold; font-size: 2rem; color: #0f6bad; text-align: center; background: rgba(0,0,0,.01); border: 1px solid #0f6bad;}
      .news .wrap article div span {display: block; font-size: 2.4rem;}
      .news .wrap article div .full {display: none;}
      .news .wrap article div .short {font-size: 1.6rem;}
    .news .wrap article a {float: right; width: 518px; color: #414040;}
    .news .wrap article a:hover {text-decoration: underline;}

/* body */

  .body {padding-bottom: 20px; background: inherit;}

/* breadcrumbs */

  .breadcrumbs {display: none;}

/* title */

  .title {margin: 10px 0; padding: 10px 10px 0 55px; color: #0069aa; font-weight: bold; background: #fff;}

/* aside */

  .aside {margin-bottom: 20px;}

    .aside .nav header {display: none;}

    .aside .nav > ul > li:not(.general) {display: none;}

    .aside .nav .parent {position: relative;}

    .aside .nav .parent > ul {display: none;}
    .aside .nav .parent.open > ul {display: block;}

      /* ссылки */
      .aside .nav > ul > li > a {font-weight: bold;}

      .aside .nav a {display: block; padding: 20px; color: #414040;}
      .aside .nav a:hover {color: #1484d4;}
      .aside .nav .curr > a {color: #1484d4;}
      .aside .nav .parent.open > a {color: #0f6bad;}

      /* отступы */
      .aside .nav li > a {margin-right: 55px; padding-right: 20px; }
      .aside .nav > ul > li > a {padding-left: 55px;}
      .aside .nav > ul > li > ul > li > a {padding-left: 75px;}
      .aside .nav > ul > li > ul > li > ul > li > a {padding-left: 95px;}
      
      /* фоны */
      .aside .nav li {background: #fff !important;}
      .aside .nav > ul > li > ul > li > ul > li {background: #fff;}
      
      .aside .nav > ul > li > a {background: url('../images/gears2-adapt.png') no-repeat 7px -143px;}
      .aside .nav > ul > li > a:hover,
      .aside .nav > ul > .parent.open > a {background-position: 7px 15px;}
      .aside .nav > ul > li > ul > li > a {background: url('../src/aside-arrows-adapt.png') no-repeat 18px -135px;}
      .aside .nav > ul > li > ul > li > a:hover,
      .aside .nav > ul > li > ul > .parent.open > a {background-position: 18px 10px;}
      .aside .nav > ul > li > ul > li > ul> li > a {background: url('../src/aside-arrows2-adapt.png') no-repeat 42px -135px;}
      .aside .nav > ul > li > ul > li > ul> li > a:hover,
      .aside .nav > ul > li > ul > li > ul> .curr > a {background-position: 42px 10px;}
      
      /* рамки */
      .aside .nav > ul ul {border-top: 1px solid rgba(0,0,0,.1);}
      .aside .nav > ul > .general {border-bottom: none;}
      
      .aside .nav > ul > li:last-child {border-bottom: none;}
      .aside .nav > ul > li > ul > li {border-bottom: 1px solid rgba(0,0,0,.1);}
      .aside .nav > ul > li > ul > li:last-child {border-bottom: none;}
      .aside .nav > ul > li > ul > li > ul > li {border-bottom: 1px solid rgba(0,0,0,.1);}
      .aside .nav > ul > li > ul > li > ul > li:last-child {border-bottom: none;}
      
      
      /* кнопка */
      .aside .nav .btn {position: absolute; top: 9px; right: 0; width: 55px; height: 55px; background: url('../images/aside-ctrl-adapt2.png') no-repeat 0 0; cursor: pointer;}
      .aside .nav .parent.open > .btn {background-position: 0 -146px !important;}

/* main */

  .main {padding: 0 20px;}
    .main h2 {margin: 30px 0 10px; font-size: 2.6rem; font-weight: bold;}
    .main h3 {margin: 30px 0 10px; font-size: 2.6rem; font-weight: bold;}
    .main .map {margin-bottom: 20px;}
    .main a:hover {text-decoration: underline;}
    .main ul {margin-bottom: 20px; padding-left: 20px; list-style: disc;}
      .main ul li {margin-bottom: 10px;}
      .main ul li:last-child {margin-bottom: 0;}
    .main .pager {overflow: hidden; padding: 0; list-style: none;}
      .main .pager li {float: left; margin-right: 20px; margin-bottom: 0;font-size: 14px; color: #0f6bad; vertical-align: bottom;}
      .main .pager li.points {padding: 26px 15px 0px 15px; }
      .main .pager li:last-child {margin-right: 0;}
      .main .pager .curr {padding: 10px 15px; color: #fff; background: #0f6bad; border: 2px solid #0f6bad;font-size: 14px;}
        .main .pager a {display: block; padding: 10px 15px; border: 2px solid #0f6bad; font-size: 14px;   background-color: inherit; border-radius: 0px;} 
        .main .pager a:hover {text-decoration: none; *background: #fff;}
    .main .news-list {margin-bottom: 20px;}
      .main .news-list article {overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,.1);}
        .main .news-list .pic {display: none;}
        .main .news-list .cont p:last-child {margin-bottom: 0;}
          .main .news-list .date {color: rgba(0,0,0,.5);}
          .main .news-list p {margin-bottom: 20px;}
          .main .news-list .more {display: inline-block; padding: 10px; border: 1px solid #0f6bad;}
          .main .news-list .more:hover {color: #1484d4; background: #fff; border: 1px solid #1484d4; text-decoration: none;}

    .main .hor-scroll {margin-bottom: 20px; overflow-x: auto;}
    .main table {width: 100%; border-collapse: separate; border-spacing: 1px;}
      .main table th {padding: 10px; font-weight: bold; white-space: nowrap; background: rgba(0,0,0,.1);}
      .main table .mark th {text-align: left; font-weight: bold;}
      .main table tbody tr:nth-of-type(even) td {padding: 10px 10px 10px 0; white-space: nowrap; background: rgba(0,0,0,.05);}
      .main table tbody tr:nth-of-type(odd) td {padding: 10px 10px 10px 0; white-space: nowrap; background: rgba(0,0,0,0);}
    .main .file {margin-bottom: 10px; padding-left: 30px; min-height: 24px;}
    .main .doc {background: url('../images/doc.png') no-repeat 0 3px;}

    .main .scroll-nav {padding: 0; list-style: none; border: 1px solid rgba(0,0,0,.1);}
      .main .scroll-nav li {margin-bottom: 0; border-bottom: 1px solid rgba(0,0,0,.1);}
      .main .scroll-nav li:last-child {border-bottom: none;}
        .main .scroll-nav a {display: block; padding: 20px; background: #f8f8f8;}
        .main .scroll-nav a:hover {text-decoration: none; background: #f2f2f2;}

    .main .prod-list {margin-bottom: 20px; border: 1px solid rgba(0,0,0,.1);}
      .main .prod-list article {overflow: hidden; border-bottom: 1px solid rgba(0,0,0,.1);}
      .main .prod-list article:last-child {border-bottom: none;}
        .main .prod-list .pic {padding: 20px; text-align: center;}
        .main .prod-list .cont {padding: 20px;}

    .main .expand {padding: 0; list-style: none; border: 1px solid rgba(0,0,0,.1);}
    .main .expand.contacts {border: none; margin-bottom: 10px;}
      .main .expand > li {margin-bottom: 0; border-bottom: 1px solid rgba(0,0,0,.1);}
      .main .expand.contacts > li,.main .expand.contacts > li:last-child {   
    border-bottom: 1px dotted #C2C2C2;
    position: relative;
    padding: 0;
    margin-bottom: 5px;}
      .main .expand > li:last-child {border-bottom: none;}
        .main .expand li > a {display: block; padding: 20px; background: #f8f8f8;}
        .main .expand.contacts li > a {display: block; padding: 0px; background: none!important;}
        .main .expand.contacts li > div {background: #fff;}
        .main .expand.contacts li > a .location{float:right;color: black;}
        .main .expand li > a:hover {text-decoration: none; background: #f2f2f2;}
        .main .expand li > div {display: none;}
        .main .expand .open > div {display: block; padding: 20px; border-top: 1px solid rgba(0,0,0,.1);}

    .main form {margin-bottom: 20px;}
      .main form .row {overflow: hidden; margin-bottom: 20px;}
      .main form .row:last-child {margin-bottom: 0;}
        .main form .col {margin-bottom: 20px;}
        .main form .col:last-child {margin-bottom: 0;}
          .main form label {display: block; margin-bottom: 10px;}
            .main form .req {color: red;}

          .main form select {padding: 10px; width: 577px; border: 1px solid rgba(0,0,0,.1);}
          .main form textarea {height: 100px; resize: none;}
          .main form textarea,
          .main form input[type="text"] {padding: 10px; width: 577px; border: 1px solid rgba(0,0,0,.1);}
          .main form select:hover,
          .main form textarea:hover,
          .main form input[type="text"]:hover {border-color: #1484d4;}

          .main form select:focus,
          .main form input:focus,
          .main form textarea:focus {border-color: #1484d4;}

          .main form input[type="file"] {padding: 10px; width: 577px; border: 1px solid rgba(0,0,0,.1);}

          .main form input[type="submit"] {padding: 10px; font-size: 2rem; color: #fff; text-align: center; text-transform: uppercase; background: #0f6bad;}
          .main form input[type="submit"]:hover {background: #1484d4;}

          .main form img {float: left; margin-right: 20px; padding: 8px 10px; border: 1px solid rgba(0,0,0,.1);}
          .main form img + input {width: 132px !important;}

/* footer */

  .footer {border-top: 1px solid rgba(0,0,0,.15);}
    .footer .row {background: #dcdddf;}
    .footer .row:last-child {display: block; background: rgba(0,0,0,.4);}
    .footer .site {padding: 20px; color: #fff;}
    // .footer .row:last-child {display: none;}
      .footer .contacts {padding: 20px; border-bottom: 1px solid #fff;}
        .footer .phones {margin-bottom: 20px; text-align: center;}
          .footer .phones p {margin-bottom: 20px;}
          .footer .phones p:last-child {margin-bottom: 0;}
            .footer .phones a {font-weight: bold; font-size: 2rem;}
        .footer .social {text-align: center;}
          .footer .social .label {display: none;}
          .footer .social ul {overflow: hidden; display: inline-block;}
            .footer .social li {float: left; margin-right: 20px;}
            .footer .social li:last-child {margin-right: 0;}
        .footer .nav .col {border-bottom: 1px solid #fff;}
          .footer .nav h3 {font-weight: bold; text-transform: uppercase; text-align: center;}
            .footer .nav h3 a {display: block; padding: 20px;}
          .footer .nav ul {display: none;}

.title_bsk {
  margin: 10px 0;
  padding: 10px 10px 0 55px;
  color: #0069aa;
  font-weight: bold;
  background: #fff;
  text-transform: uppercase;
}  
        
/* --------------------- 769 --------------------- */

@media only screen and (min-width: 320px) {
  .bx_order_make .bx_block{
    font-size: 140%;
  }
  .bx_order_make .bx_block.r3x1{
    width: 98%;
  }  
}
@media only screen and (min-width: 769px) {

  body {position: relative;}
  body, input, textarea {font-size: 1.2rem; line-height: 1.3;}

  .width {width: 960px;}
  
  .bx_order_make .bx_block{
    font-size: 100%;
  }

  .social a{width:32px;height:32px;}

.callback-mobile,.subscribe-mobile{display:none;}
.callback,.subscribe{font-size:10px;font-weight:bold;position:fixed;z-index:51;top:150px;right:0;left:auto;display:block!important;box-sizing:border-box;width:128px;height:75px;padding:13px 40px 0 10px;text-align:right;text-decoration:none;text-transform:uppercase;color:#fff;background:url('../images/callback.png') no-repeat;background-size:100%;}
.subscribe{top:250px;padding-top:19px;padding-right:50px;background-image:url('https://www.ruselprom.ru/bitrix/templates/ruselprom/images/callback.png');}
.callback:hover,.subscribe:hover{text-decoration:none;color:#fff;background-color:transparent;}
.callbace {
    font-size: 10px;
    font-weight: bold;
    position: fixed;
    z-index: 51;
    top: 150px;
    right: 0;
    left: auto;
    display: block!important;
    box-sizing: border-box;
    width: 128px;
    height: 75px;
    padding: 13px 40px 0 10px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background: url(https://www.ruselprom.ru/bitrix/templates/ruselprom/images/callback.png') no-repeat;
    background-size: 100%;
}

/* body */

  .body {overflow: hidden; padding-top: 20px;}

/* breadcrumbs */

  .breadcrumbs {overflow: hidden; display: block; margin: 0 10px 20px 10px;}
    .breadcrumbs span.pc {margin: 0 5px 0 5px; display: inline-block; width: 12px; height: 16px; vertical-align: text-bottom; background: url('../images/breadcrumbs.png') no-repeat 0 50%;}

/* title */

  .title {margin: 0 10px 0 10px; padding: 10px 10px 10px 35px;}
  .title_bsk {margin: 0; padding: 10px 10px 10px 35px;}

/* aside */

  .aside {float: left; margin-left: 10px; width: 300px;}

    .aside .nav header {display: block; margin-bottom: 15px;}
      .aside .nav header h3 {font-size: 1.4rem; font-weight: bold;}

    .aside .nav a {padding: 10px;}

    .aside .nav > ul > .general {border-bottom: 1px solid rgba(0,0,0,.1);}
    .aside .nav > ul > li:not(.general) {display: block;}

      .aside .nav > ul > li > a {background: url('../images/gears2.png') no-repeat 0 2px;}
      .aside .nav > ul > li > a:hover,
      .aside .nav > ul > .parent.open > a {background-position: 0 -68px;}
      .aside .nav > ul > li > ul > li > a {background: url('../images/aside-arrows.png') no-repeat 20px -67px;}
      .aside .nav > ul > li > ul > li > a:hover,
      .aside .nav > ul > li > ul > .parent.open > a {background-position: 20px 2px;}
      .aside .nav > ul > li > ul > li > ul> li > a {background: url('../images/aside-arrows2.png') no-repeat 40px -67px;}
      .aside .nav > ul > li > ul > li > ul> li > a:hover,
      .aside .nav > ul > li > ul > li > ul> .curr > a {background-position: 40px 2px;}

      .aside .nav li > a {margin-right: 35px !important; padding: 10px 0px 10px 35px !important}
      .aside .nav > ul > li > a {padding-left: 35px !important;}
      .aside .nav > ul > li > ul > li > a {padding-left: 55px !important;}
      .aside .nav > ul > li > ul > li > ul > li > a {padding-left: 75px !important;}

      .aside .nav .btn {top: 0; width: 35px; height: 35px; background: url('../images/aside-ctrl.png') no-repeat 0 0;}
      .aside .nav .parent.open > .btn {background-position: 0 -70px !important;}
      .aside .nav ul > li > a {background: url('../images/gears2.png') no-repeat 0 2px;}
      .aside .nav ul ul {border-top: 5px solid #EEF3F6 !important;}
      .aside .nav ul ul ul {border-top: 3px solid #EEF3F6 !important;}
      .aside .nav ul ul ul ul {border-top: 1px solid #EEF3F6 !important;}
      .aside .nav .open li {border-bottom: 5px solid #EEF3F6;}
      .aside .nav .open li:last-child {border: none !important;}
      .aside .nav .open li li {border-bottom: 3px solid #EEF3F6;}
      .aside .nav .open li li a {padding-left: 55px !important;background: url('../images/aside-arrows.png') no-repeat 20px -67px !important;}
      .aside .nav .open li li.open > a {background: url('../images/aside-arrows.png') no-repeat 20px 2px !important;}
      .aside .nav .open li li li {border-bottom: 1px solid #EEF3F6;}
      .aside .nav .open li li li a {padding-left: 75px !important;background: url('../images/aside-arrows2.png') no-repeat 40px -67px !important;}
      
/* main */

  .main {float: right; margin-right: 10px; padding: 0; width: 620px; margin-left: 10px !important;}
    .main h2 {font-size: 1.4rem; font-weight: bold;}
    .main h3 {font-size: 1.4rem; font-weight: bold;}

    .main .right {float: right; margin-left: 20px;}
    .main .left {float: left; margin-right: 20px;}

    .main .scroll-nav a {padding: 10px;}

    .main .prod-list .pic {float: left; padding: 20px 10px; width: 200px;}
    .main .prod-list .cont {float: right; padding: 20px 10px; width: 378px;}

    .main .expand li > a {padding: 10px;}
    .main .expand .open > div {padding: 10px;}

    .main form .row {margin-bottom: 10px;}
      .main form .col {float: left; margin-right: 20px; margin-bottom: 0;}
      .main form .col:last-child {margin-right: 0;}
      .main form label {margin-bottom: 5px;}

      .main form select {width: 278px;}
      .main form textarea,
      .main form input[type="text"] {padding: 10px; width: 278px;}

      .main form input[type="submit"] {font-size: 1.4rem;}

      .main form input[type="file"] {padding: 6px 10px; width: 278px;}

      .main form img {float: left; margin-right: 10px; padding: 0; border: 1px solid rgba(0,0,0,.1);}
      .main form img + input {float: left; width: 155px !important;}

    .main .news-list .pic {display: block; float: left; width: 150px;}
    .main .news-list .cont {float: right; width: 450px;}
      .main .news-list .more {padding: 2px 4px;}

    .main .pager li {margin-right: 10px;}
    .main .pager .curr {padding: 5px 10px;}
      .main .pager a {padding: 5px 10px;}
.main .pager li.points {padding: 16px 10px 0px 10px; }
    .main .file {padding-top: 5px;}
    .main .doc {background-position: 0 0;}

    .main .scroll-nav {overflow: hidden;}
      .main .scroll-nav li {float: left; width: 204px; border-bottom: none; border-right: 1px solid rgba(0,0,0,.1);}
      .main .scroll-nav li:last-child {width: 208px; border-right: none;}

/* header */

  /* show */
  .header .slogan,
  .header .row.a .order,
  .header .contact,
  .header .phones,
  .header .nav,
  .header .nav-ext,
  .header .search,
  .header .lang {display: block;}

  /* hide */
  .header .nav-btn,
  .header .row.b .order {display: none;}

  .header {border-bottom: none;}
    .header .row.a {padding: 15px 0;}
      .header .logo {float: left; margin: 0 20px; width: 239px; height: 43px; 
		}
        .header .logo {margin: 3px 20px 0 10px !important;}
        .header .logo a {display: block; width: 239px; height: 43px;}
      .header .slogan {margin-top: 10px;}
      .header .order {position: relative; z-index: 9;float: right; margin: 5px 0 0 30px; padding-left: 20px; cursor: pointer; background: url('../images/corn.png') no-repeat;}
      .header .order:hover {background-position: 0 -40px;}
        .header .order span {display: block; padding: 0 15px 0 10px; height: 40px; line-height: 40px; font-size: 1.2rem; font-weight: bold; color: #fff; text-transform: uppercase; background: #0f6bad;}
        .header .order:hover span {background: #1484d4;}
      .header .contact {float: right; margin-left: 30px; padding-top: 6px;}
        .header .contact div {margin-bottom: 2px; width: 24px; height: 24px; cursor: pointer; background: url('../images/contact.png') no-repeat;}
        .header .contact div:last-child {margin-bottom: 0;}
        .header .skype{background-position: -24px 0 !important;}
        .header .viber {background-position: -24px -24px !important;}
        /* .header .skype {background-position: 0 0 !important;}
        .header .skype:hover {background-position: -24px 0 !important;}
        .header .viber {background-position: 0 -24px !important;}
        .header .viber:hover {background-position: -24px -24px !important;} */
      .header .phones {float: right; margin-top: 5px; margin-left: 0;}
        .header .phones p {margin-bottom: 1px; text-align: right;}
        .header .phones p:last-child {margin-bottom: 0;}
          .header .phones a {font-size: 1.5rem; color: #555;}
          .header .phones a:hover {color: #1484d4;}

    .header .row.b {background: #dcdddf; border-top: 1px solid rgba(0,0,0,.15);}
      .header .nav {position: relative; float: left; margin-right: 10px;}
      .header .nav-ext {position: relative; float: left; margin-left: -10px;}
        .header .nav-main,
        .header .nav-ext ul {overflow: hidden; padding-left: 1px;}
          .header .nav-main li,
          .header .nav-ext li {float: left;}
            .header .nav-main a,
            .header .nav-ext a {display: block; padding: 0 10px; height: 48px; line-height: 48px; font-weight: bold; color: #414040; text-transform: uppercase; transition: .5s;}
            .header .nav-main a:hover,
            .header .nav-ext a:hover {color: #1484d4;}
            .header .nav-main.open a.active {color: #0f6bad; background: #fff;}
        .header .nav-sub {overflow: hidden; position: absolute; z-index: 52; top: 48px; left: 0; width: 958px; height: 0; background: #fff; border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15);}
          .header .nav-sub .bx-viewport > ul > li {padding: 20px 20px 0 20px;}
            .header .nav-sub-col {float: left; margin-right: 20px; width: 292px;}
            .header .nav-sub-col:last-child {margin-right: 0;}
              .header .nav-sub-col > ul > li {margin-bottom: 10px;}
              .header .nav-sub-col > ul > li:last-child {margin-bottom: 0;}
                .header .nav-sub-col > ul > li > a {color: #414040;}
                .header .nav-sub-col > ul > li > a:hover {text-decoration: underline;}
                .header .nav-sub-col .sale a {padding-left: 42px; background: url('../images/sale.png') no-repeat;}
              .header .nav-sub-col ul ul {margin-top: 10px;}
                .header .nav-sub-col ul ul li {position: relative; margin-bottom: 10px; margin-left: 20px;}
                .header .nav-sub-col ul ul li:last-child {margin-bottom: 0;}
                .header .nav-sub-col ul ul li::before {content: ''; position: absolute; top: 7px; left: -13px; display: block; width: 5px; height: 5px; background: #1682C5; border-radius: 15px;}
                  .header .nav-sub-col ul ul li a {color: #;}
                  .header .nav-sub-col ul ul li a:hover {color: #; text-decoration: underline;}
            .header .nav-sub .ctrl {margin-top: 20px; padding: 5px 0; text-align: center; background: rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.15); cursor: pointer;}
              .header .nav-sub .ctrl span {display: block; margin: 0 auto; width: 19px; height: 9px; background: url('../images/nav-ctrl.png') no-repeat 0 0;}
              .header .nav-sub .ctrl:hover span {background-position: 0 -9px;}
      .header .search {float: left; margin-top: 13px;}
        .header .search fieldset {overflow: hidden;}
          .header .search input {float: left;}
          .header .search input[type="search"] {margin-right: 0; padding: 0; width: 0; height: 22px; line-height: 22px; transition: .5s;}
          .header .search:hover input[type="search"] {margin-right: 4px; padding: 0 4px; width: 220px;}/*288*/
          .header .search input[type="submit"] {width: 20px; height: 22px; background: url('../images/search.png') no-repeat 0 50%;}
      .header .lang {float: right; margin-top: 15px; margin-right: 10px;}
        .header .lang ul {overflow: hidden;}
          .header .lang li {float: left; margin-bottom: 0; width: 27px; opacity: 1; transition: .5s;}
          .header .lang:hover li {opacity: 1 !important; margin-right: 5px; width: 27px !important;}
          .header .lang:hover li:last-child {margin-right: 0;}
          .header .lang li:not(.current),
          .header .search:hover + .lang li {width: 0; opacity: 0;}
            .header .lang a {display: block; width: 27px; height: 18px; background: url('../images/flags.png') no-repeat;}
            .header .russia {background-position: 0 0 !important;}
            .header .china {background-position: 0 -18px !important;}
            /*.header .usa {background-position: 0 -36px !important;}*/
            .header .usa {    background-position: 0 -4px !important;background-image: url('/../images/unitedkingdom3.png') !important;background-size: 27px !important;}
			.header .spain {background-position: 0 -1px !important;background-image: url('/../images/flag-es.png') !important;background-size: 27px !important;}
			.header .vietnam {background-position: 0 -1px !important;background-image: url('/../images/flag-vn.png') !important;background-size: 27px !important;}
            .header .germany {background-position: 0 -54px !important;}

    .header .banner {overflow: hidden; display: block; max-height: 298px; min-height: 150px; background: url('../images/banner.png') repeat-x 50% 50%; transition: background-position 1s;}
      .header .width {position: relative;}
        .header .banner .video{line-height:0;position:absolute;z-index:100;top:140px;left:40px;}
        .header .banner .video a{display:none;}
        .header .banner .video:hover a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;cursor:pointer;background:rgba(255,255,255,.3);}
        .header .banner .bx-wrapper {position: relative;}
          .header .banner .bx-viewport .inner {position: relative; height: 298px;}
            .header .banner .bx-viewport .inner img {position: absolute; top: 0; left: 0;}
            .header .banner .bx-viewport .inner h2 {position: absolute; z-index: 1; top: 20px; left: 40px; width: 350px; font-size: 2rem; color: #fff;}
            .header .banner .bx-viewport .inner p {position: absolute; z-index: 1; top: 150px; left: 40px; width: 250px; font-size: 1.4rem; color: #fff;}
          .header .banner .bx-controls-direction a {position: absolute; z-index: 51; top: calc(50% - 12px); display: block; width: 14px; height: 24px; background: url('../images/banner-ctrl.png') no-repeat;}
          .header .banner .bx-controls-direction .bx-prev {left: 10px; background-position: 0 0;}
          .header .banner .bx-controls-direction .bx-next {right: 10px; background-position: -14px 0;}
        .header .banner .banner-pager {overflow: hidden; position: absolute; z-index: 51; bottom: 20px; right: 60px;}
          .header .banner .banner-pager li {float: left; margin-right: 10px;}
          .header .banner .banner-pager li:last-child {margin-right: 0;}
            .header .banner .banner-pager a {display: block; padding: 1px;}
            .header .banner .banner-pager .active {padding: 0; border: 1px solid #fff;}
              .header .banner .banner-pager img {border: 1px solid #fff;}

/* extra */

  /* show */
  .extra {display: block;}

  .extra {margin: 10px 0;}
    .partner {float: left; margin-left: 10px;width: 780px;}
    .partner li{position:relative;height:40px;text-align:center;}
    .partner img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
    .extra .social {float: right; margin-right: 10px; padding: 4px 0;}
      .extra .social ul {overflow: hidden;}
        .extra .social li {float: left; margin-right: 5px;}
        .extra .social li:last-child {margin-right: 0;}


/* product */

  .product {margin-bottom: 10px;}
    .product header {margin-bottom: 10px; padding: 10px; border-top: none; border-bottom: 2px solid #1484d4;}
      .product header h3 {font-size: 1.4rem;}
        .product .row {margin-bottom: 10px;}
        .product .row:last-child {margin-bottom: 0;}
          .product .row a {float: left; margin-right: 10px; padding: 10px; width: 212.5px !important; color: #0f6bad; background: #fff; border-right: none !important; border-bottom: none;}
          .product .row a:last-child {margin-right: 0;}
          .product .row a:hover {color: #1484d4; background: #fff;}
            .product .row span {display: table-cell; width: 212.5px; vertical-align: middle;}

/* text */
  .text-block header {padding: 10px; border-top: none;}
    .text-block header h3 {font-size: 1.4rem;}
  .text-block .cont {padding: 10px;}

/* solutions */

  .solutions {margin-bottom: 10px;}
    .solutions header {margin-bottom: 10px; padding: 10px; border-top: none;}
      .solutions header h3 {font-size: 1.4rem;}
    .solutions .wrap {overflow: hidden;}
      .solutions .list {float: left; width: 470px;}
        .solutions .list li {margin-bottom: 10px; padding-right: 10px; border-bottom: none !important;}
        .solutions .list li:last-child {margin-bottom: 0;}
        .solutions .list .curr {background: #fff;}
          .solutions .list li a {padding: 10px 10px 10px 23px !important; color: #414040 !important;}
          .solutions .list li a:hover {color: #0f6bad !important; background: #fff !important;}
          .solutions .list > ul > li > a::before {left: 10px;}
          .solutions .list .curr a {color: #0f6bad !important;}
          .solutions .list .open a {color: #414040 !important; background: #fff !important;}
          .solutions .list .curr a::before {background-position: -8px 0;}
      .solutions .display {overflow: hidden; float: right; display: block; width: 490px;}
        .solutions .display article {overflow: hidden; position: relative; display: none; background: #fff;}
        .solutions .display article.curr {display: block;}
        .solutions .display article::after {content: ''; position: absolute; bottom: 0; left: 0; width: 240px; height: 100px; background: url('../images/opacity-line.png') repeat-x;}
          .solutions .display .desc {float: left; padding: 10px; width: 230px;}
          .solutions .display .pic {overflow: hidden; float: right; width: 240px;}
            .solutions .display .more {position: absolute; z-index: 1; bottom: 10px; left: 10px; padding: 2px 4px;}

/* news */

  .news {margin-bottom: 10px;}
    .news .width {overflow: hidden;}
      .news header{margin-bottom:10px;border-top:none;border-bottom:3px solid #1484d4;background:#fff;}
      .news .col {float: left; margin-right: 10px; width: 210px; background: #fff;}
        .news .link {font-size: 1.4rem; padding:10px; border-top: none; border-bottom: none;}
        .news .subscribe {display: block; width: 210px; height: 84px; background: url('../images/subscribe.png') no-repeat;}
      .news .wrap {overflow: hidden; float: right;}
        .news .wrap article {position: relative; float: left; margin-right: 10px; padding: 10px; width: 212px; height: 122px !important; border-bottom: none;}
        .news .wrap article::after {content: ''; position: absolute; bottom: 0; left: 0; width: 240px; height: 50px; background: url('../images/opacity-line.png') repeat-x;}
        .news .wrap article:last-child {margin-right: 0;}
          .news .wrap article div {padding: 5px 0; font-size: 1rem;}
            .news .wrap article div span {display: block; font-size: 2.4rem;}
            .news .wrap article div .full {display: block; font-size: 1rem;}
            .news .wrap article div .short {display: none;}
          .news .wrap article a {width: 140px;}

/* footer */


    .footer .contacts {overflow: hidden; margin-bottom: 20px; padding: 20px 10px;}
      .footer .phones {overflow: hidden; float: left; margin-bottom: 0; text-align: left;}
        .footer .phones p {float: left; margin-right: 20px; margin-bottom: 0;}
        .footer .phones p:last-child {margin-right: 0;}
          .footer .phones a {height: 32px; font-size: 1.4rem; line-height: 32px;}
      .footer .social {overflow: hidden; float: right; text-align: left;}
        .footer .social .label {display: block; float: left; margin-right: 20px; height: 32px; line-height: 32px; font-size: 1.4rem; font-weight: bold; color: #0f6bad;}
        .footer .social ul {float: right; display: block;}
          .footer .social li {margin-right: 10px;}
    .footer .nav {overflow: hidden; padding: 0 10px 20px 10px;}
      .footer .nav .col {overflow: hidden; float: left; margin-right: 50px; border-bottom: none;}
      .footer .nav .col:last-child {margin-right: 0;}
        .footer .nav h3 {margin-bottom: 10px; font-size: 1.2rem; text-align: left; text-transform: none;}
          .footer .nav h3 a {display: inline; padding: 0; color: #414040;}
          .footer .nav h3 a:hover {text-decoration: underline;}
        .footer .nav ul {float: left; display: block; margin-right: 20px; width: 150px;}
        .footer .nav ul:last-child {margin-right: 0;}
          .footer .nav li {position: relative; margin-bottom: 5px; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px solid rgba(0,0,0,.1);}
          .footer .nav li:last-child {margin-bottom: 0; border-bottom: none;}
          .footer .nav li::before {content: ''; position: absolute; top: 3px; left: 0; display: block; height: 12px; width: 12px; background: url('../images/footer-bullet.png') no-repeat;}
            .footer .nav a {color: #414040;}
            .footer .nav a:hover {text-decoration: underline;}

}

/* fancybox */

.fancybox-wrap.fancybox-type-iframe {width: 600px !important;}
  .fancybox-skin {background: #fff; border-radius: 0 !important;}
    .fancybox-type-iframe .fancybox-inner {width: 600px !important;}
    .fancybox-close {top: 15px; right: 25px; width: 22px; height: 22px; background: url('../images/close.png') no-repeat;}
.fancybox-type-ajax .fancybox-close {
  top: -25px;
  right: -25px;
}

.main img {
  margin: 10px;
}


.main .news-list img {
	margin-top: 0px;
}

.btn-add2basket{
  position: relative;
  z-index: 9;
  float: right;
  margin: 5px 0 0 30px;
  padding-left: 20px;
  cursor: pointer;
  background: url('../images/corn.png') no-repeat;
}
.btn-add2basket span {
  display: block;
  padding: 0 15px 0 10px;
  height: 40px;
  line-height: 40px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background: #0f6bad;
}
.btn-add2basket span:after{
  background: url("../images/i-basket.png") no-repeat;
  content: "";
  display: inline-block;
  width: 31px;
  height: 27px;
  position: relative;
  top: 6px;
  margin-left: 10px;
}
.btn-add2basket:hover {background-position: 0 -40px;}        
.btn-add2basket:hover span {background: #1484d4;}

.header-btn-add2basket{
  position: relative;
  z-index: 9;
  float: right;
  margin: 5px 0 0 30px;
  padding-left: 20px;
  cursor: pointer;
  background: url('../images/corn.png') no-repeat;
}
.header-btn-add2basket span {
  display: block;
  padding: 0 15px 0 10px;
  height: 40px;
  line-height: 40px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background: #0f6bad;
}
.header-btn-add2basket span:after{
  background: url("../images/i-basket.png") no-repeat;
  content: "";
  display: inline-block;
  width: 31px;
  height: 27px;
  position: relative;
  top: 6px;
  margin-left: 10px;
}
.header-btn-add2basket:hover {background-position: 0 -40px;}        
.header-btn-add2basket:hover span {background: #1484d4;}

.m20{margin-bottom: 20px;}
.popup-btn{
  text-align: center;
  margin-bottom: 10px;
}
.popup-btn a{
  display: inline-block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #0f6bad;
  height: 30px;
  width: 150px;
  box-sizing: border-box;
  padding-top: 7px;
}
.popup-btn a:hover{
  background: #1484d4; 
}
.ap-img{
  width: 150px;
  margin: 0 auto 16px auto;
}
.ap-img img{
  width: 100%;
}
.ap-header{
  text-align: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.ap-product{
  text-align: center;
  font-weight: bold;
  margin-bottom: 8px;
}
@media only screen and (max-width: 769px){
  .popup-btn a {
      height: auto;
  }
}


.news_new {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	    padding-top: 15px;
}
.news_new p {
	margin-bottom: 14px;
	line-height: 21px;
}
.news_new h3 {
	font-size: 16px;
	margin-top: 5px;
}

.news_new blockquote {
	border-left: 2px solid #207eb8;
    padding: 0 0 0 12px;
    margin: 15px 0px;
    font-style: italic;
    font-size: 18px;
    color: #0069aa;
}

.pagen_np_new {
    box-sizing: border-box;
    width: 100%;
    padding: 0px 0px 10px;
}

.pagen_np_new a {
    display: block;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana;
    color: #0069aa;
    border: 1px solid #0069aa;
    width: 165px;
    line-height: 22px;
    text-align: center;
	text-decoration: none;
}
.pagen_np_new a:hover {
	color: black;
	text-decoration: none;
}

.detail_news_list_last .news-last > header {
    border-bottom: 1px solid #1484d4;
    background: none;
}
.detail_news_list_last .news-last > header a {
    font-size: 1.6rem;
	color: #000;
}
@media only screen and (min-width: 769px){
.detail_news_list_last .news-last article:nth-child(4n+4) {
	*margin-right: 0px;
}
.detail_news_list_last .wrap {
	height: 250px;
    *overflow-x: scroll;
}
.detail_news_list_last .wrap_all {
	*width: 2904px;
}
}

#slider_news_img {
	margin-top: 30px;
	margin-bottom: 30px;
}
#slider_news_img img {
	margin: 25px auto 0px;
	width: 100%;
	    opacity: 0.5;
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
	
	-webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s; 
}
#slider_news_img .slick-current img {
	height: 163px;
    margin-top: 0px;
}
.main img {
    width: 100%;
}

#slider_news_img .center img {
        min-height: 115%;
    min-width: 115%;
    margin-left: -8%;
    position: relative;
    z-index: 20;
    margin-top: 7%;
	    opacity: 1;
}

.owl-theme .owl-controls .owl-nav [class*='owl-'] {
	*text-indent: -9999px;
}