
/***************/
/* Общие стили */
/***************/

* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}
body {
  font: 14px Arial, Helvetica, sans-serif;
  width: 100%;
  color: #000;
  background: #fff;
  height: 100%;
}

a {
  color: #116acc;
  outline: none;
}
a:hover {
  color: #d40602;
}

img {
  border: 0;
}

p {
  margin: 0 0 12px 0;
}

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-block;
}
.clear {
  display: block;
}
.clearboth {
  clear: both;
}

table {
  border-collapse: collapse;
}
table tr td {
  vertical-align: top;
}
ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {}
h1 {
  font-size: 22px;
  font-style: italic;
  margin-bottom: 18px;
  line-height: 26px;
}
h1 a {
  color: #004275;
}
h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
h4 {
  font-size: 14px;
  margin-bottom: 7px;
}

fieldset {
  border: 0;
}
input, textarea {
  outline: none;
  font: 12px Arial, Helvetica, sans-serif;
  background: #f5f5f5 url(../images/input.gif) 0 0 repeat-x;
  border: 1px solid #d9d9d9;
}
input.radio {
  border: 0;
  margin-top: 1px;
}
input.checkbox {
  border: inherit;
}
textarea {
  overflow: auto;
}
input.button {
  cursor: pointer;
}

input.error, textarea.error, select.error {
  border: 1px solid red !important;
}
ul.errors li {
  color: red;
}

div.page {
  position: relative;
  min-height: 100%;
  height: 100%;
}
html>body div.page {
  height: auto;
}

.privacy_policy {
  font-size: 12px;
  line-height: 16px;
  color: #4c4c4c;
}

.tip {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/ico_tip.png) 0 0 no-repeat;
}
.tip:hover:after {
  content: attr(data-name);
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px;
  width: 150px;
  background-color: gray;
  font-size: 10px;
  color: #fff;
}

div.form {
  font-size: 13px;
}
div.form label {
  display: block;
  width: 60px;
  float: left;
  line-height: 30px;
  clear: left;
}
div.form .inputbox {
  width: 248px;
  height: 20px;
  margin-bottom: 20px;
  padding: 4px;
  float: left;
  background: #f5f5f5 url(../images/input.gif) 0 0 repeat-x;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  color: #4c4c4c;
}
div.form .chbox {
  margin-bottom: 20px;
  padding: 4px;
  width: 20px;
  height: 30px;
  float: left;
  background: #f5f5f5 url(../images/input.gif) 0 0 repeat-x;
  border: 1px solid #d9d9d9;
  text-align: left;
  font-size: 13px;
  color: #4c4c4c;
}

div.ok {
  padding: 4px 10px 5px 10px;
  background: #e1fcde;
  border: 1px solid #4fd34f;
  color: #08ab08;
}

div.sum {
  margin-bottom: 20px;
  text-align: right;
  font-size: 12px;
  font-weight: 700;
}
div.sum span {
  padding-left: 6px;
  font-size: 16px;
  font-style: italic;
}

@media screen and (max-width: 960px) {
  .adaptive div.logomenuIn, .adaptive div.toplinks, .adaptive .header-block-cs-in , .adaptive div.body, .adaptive div.footerIn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .adaptive div.logomenuIn,
  .adaptive div.toplinks,
  .adaptive .header-block-cs-in,
  .adaptive div.body,
  .adaptive div.content,
  .adaptive div.content.content-2,
  .adaptive div.products,
  .adaptive .order #validation,
  .adaptive .order .step-title,
  .adaptive .order .step-content {
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  body, .adaptive h4 {
    font-size: 13px;
  }
  .adaptive h2 {
    font-size: 17px;
  }
  .adaptive h3 {
    font-size: 15px;
  }
  .adaptive div.content {
    line-height: 19px;
  }
  .adaptive div.logomenuIn, .adaptive div.toplinks, .adaptive div.body, .adaptive div.footerIn {
    padding-left: 9px;
    padding-right: 9px;
  }
  .adaptive div.form .inputbox {
    width: 70%;
  }
}
@media screen and (max-width: 640px) {
  body, .adaptive h4 {
    font-size: 12px !important;
  }
  .adaptive h1 {
    font-size: 20px;
  }
  .adaptive input, .adaptive textarea {
    font-size: 11px;
  }
  .adaptive div.content {
    line-height: 18px;
  }
  .adaptive div.content h1 {
    font-size: 28px;
  }
  .adaptive div.logomenuIn, .adaptive div.toplinks, .adaptive div.body, .adaptive div.footerIn {
    padding-left: 8px;
    padding-right: 8px;
  }
  .adaptive div.form .inputbox {
    width: 248px;
  }
}
@media screen and (max-width: 480px) {
  body, .adaptive h4 {
    font-size: 11px !important;
  }
  .adaptive h1 {
    font-size: 18px;
  }
  .adaptive h2 {
    font-size: 15px;
  }
  .adaptive h3 {
    font-size: 14px;
  }
  .adaptive div.content {
    line-height: 16px;
  }
  .adaptive div.content h1 {
    font-size: 26px;
    text-align: center;
  }
  .adaptive div.logomenuIn, .adaptive div.toplinks, .adaptive div.body,  .adaptive div.footerIn {
    padding-left: 7px;
    padding-right: 7px;
  }
  .adaptive div.form, .adaptive div.form .inputbox {
    font-size: 12px;
  }
  .adaptive div.form .inputbox {
    width: 70%;
  }
}
@media screen and (max-width: 320px) {
  body, .adaptive h4 {
    font-size: 10px !important;
  }
  .adaptive h1 {
    font-size: 16px;
  }
  .adaptive h2 {
    font-size: 13px;
  }
  .adaptive h3 {
    font-size: 12px;
  }
  .adaptive input, .adaptive textarea {
    font-size: 10px;
  }
  .adaptive div.content {
    line-height: 15px;
  }
  .adaptive div.content h1 {
    font-size: 24px;
  }
  .adaptive div.logomenuIn, .adaptive div.toplinks, .adaptive div.body, .adaptive div.footerIn {
    padding-left: 6px;
    padding-right: 6px;
  }
  .adaptive div.form, .adaptive div.form .inputbox {
    font-size: 11px;
  }
}
/* минимальная ширина 280px */


/**********/
/* Кнопки */
/**********/

.but_blue {
  height: 30px;
  padding: 0 30px;
  background: #116acc url(../images/but_blue.png) 0 0 repeat-x;
  border: 1px solid #0e498a;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.but_blue.bin {
  white-space: nowrap;
  background: #116acc url(../images/but_blue.png) 0 0 repeat-x !important;

}
.but_blue.bin:hover {
  box-shadow: 0 0 4px rgba(0,0,0,0.7);
}
.but_blue:hover {
  color: #fff;
}
.but_gray {
  height: 30px;
  padding: 0 20px;
  background: #e0e1e2 url(../images/but_gray.png) 0 0 repeat-x;
  border: 1px solid #bcbec0;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #434749;
}
.but_gray:hover {
  color: #434749;
}
.but_blue, .but_gray {
  outline: 0 !important;
}
a.but_blue, a.but_gray {
  line-height: 30px;
}
.but_blue:focus {
  border: 1px solid #0e498a !important;
}
.but_gray:focus {
  border: 1px solid #bcbec0 !important;
}
.but_gray:hover, .back:hover, #showDraftsYet:hover, #showVideoYet:hover {
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
}

/* Кнопки "Купить", "Узнать о поступлении" */
button.bin, button.btn-remember {
  display: block;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 0 14px;
  height: 25px;
  background-color: #db2626;
  background: linear-gradient(to top, #941815, red);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1.5;
  outline: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
button.bin:hover, button.btn-remember:hover {
  background: linear-gradient(to top, #9b2f2c, #f82a2a);
}

/* Кнопка "Показать ещё" */
p.readall {
  clear: both;
  margin: 0;
  text-align: center;
  font-weight: 700;
}
p.readall a {
  display: inline-block;
  padding: 0 20px;
  height: 28px;
  background: url(../images/but_readall.png) 0 0 repeat-x;
  border: 1px solid #d0d0d0;
  line-height: 28px;
  font-size: 13px;
  text-decoration: none;
  color: #4c4c4c;
}

@media screen and (max-width: 868px) {
  .adaptive .but_blue.bin {
    display: block;
    float: none;
    clear: both;
    margin: 0;
  }

}
@media screen and (max-width: 768px) {

  .adaptive .but_blue {
    padding: 0 23px;
    font-size: 13px;
  }
  .adaptive .but_gray {
    padding: 0 18px;
    font-size: 13px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive .but_blue, .adaptive .but_gray {
    padding: 0 16px;
    font-size: 12px;
  }
}


/*********************************/
/* Основное мобильное меню сайта */
/*********************************/

.MobileMainMenu-wrapper-1 {
  display: none;
  position: fixed;
  bottom: 0;
  height: 70px;
  width: 100%;
  background-color: #f4f4f4;
  z-index: 5000;
  box-shadow: 0 0.4px 4px rgba(0, 0, 0, 0.5);
}
.MobileMainMenu-wrapper-2 {
  position: relative;
  width: 408px;
  margin: 0 auto;
}
.MobileMainMenu-buttons {
  position: relative;
  float: left;
  text-align: center;
  margin: 9px 0px 0px 0px;
}
.MobileMainMenu-buttons-url {
  display: inline-block;
  width: 70px;
  height: 61px;
  margin-left: 16px;
  margin-right: 16px;
  font-weight: bold;
  color: #4f4f4f;
  text-decoration: none;
}
.MobileMainMenu-buttons-url:hover, .home.active .MobileMainMenu-buttons-url {
  color: #116acc;
}
.MobileMainMenu-icon {
  width: 70px;
  height: 21px;
  padding-top: 40px;
}
.MobileMainMenu-buttons.catalog a.hc-nav-trigger {
  position: static;
  top: 0;
  width: 70px;
}
#hc-nav-1 {
  z-index: 11000;
}
.level-title {
  color: #ffffff !important;
}
.MobileMainMenu-buttons.cart span {
  position: absolute;
  right: 30px;
  bottom: 30px;
  background: url(../i/top_bin_bg.png) no-repeat;
  width: 16px;
  height: 16px;
  color: #fff;
  padding-top: 0px;
}

.home .MobileMainMenu-icon {
  background: url(../i/MobileMainMenu-home-1.png) 17px 0 no-repeat;
}
.home .MobileMainMenu-icon:hover, .home.active .MobileMainMenu-icon {
  background: url(../i/MobileMainMenu-home-2.png) 17px 0 no-repeat;
}
.catalog .MobileMainMenu-icon {
  background: url(../i/MobileMainMenu-catalog-1.png) 17px 0 no-repeat;
}
.catalog .MobileMainMenu-icon:hover, .catalog.active.MobileMainMenu-icon {
  background: url(../i/MobileMainMenu-catalog-2.png) 17px 0 no-repeat;
}
.cart .MobileMainMenu-icon {
  background: url(../i/MobileMainMenu-cart-1.png) 17px 0 no-repeat;
}
.cart .MobileMainMenu-icon:hover, .cart.active.MobileMainMenu-icon {
  background: url(../i/MobileMainMenu-cart-2.png) 17px 0 no-repeat;
}
.profile .MobileMainMenu-icon {
  background: url(../i/MobileMainMenu-profile-1.png) 17px 0 no-repeat;
}
.profile .MobileMainMenu-icon:hover, .profile.active.MobileMainMenu-icon {
  background: url(../i/MobileMainMenu-profile-2.png) 17px 0 no-repeat;
}

@media screen and (max-width: 960px) {
  .adaptive .MobileMainMenu-wrapper-1 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .MobileMainMenu-buttons.cart span {
    padding-top: 1px;
  }
}
@media screen and (max-width: 640px) {
  .MobileMainMenu-wrapper-2 {
    width: 392px;
  }
  .MobileMainMenu-buttons-url {
    margin-left: 14px;
    margin-right: 14px;
  }
  .MobileMainMenu-buttons.cart span {
    padding-top: 2px;
    right: 28px;
  }
}
@media screen and (max-width: 480px) {
  .MobileMainMenu-wrapper-2 {
    width: 312px;
  }
  .MobileMainMenu-buttons-url {
    margin-left: 4px;
    margin-right: 4px;
  }
  .MobileMainMenu-buttons.cart span {
    right: 19px;
  }
}
@media screen and (max-width: 320px) {
  .MobileMainMenu-wrapper-2 {
    width: 280px;
  }
  .MobileMainMenu-buttons-url {
    margin-left: 0px;
    margin-right: 0px;
  }
  .MobileMainMenu-buttons.cart span {
    right: 15px;
  }
}


/***************/
/* Шапка сайта */
/***************/

div.toplinksWrapper {
  height: 50px;
}
div.toplinksWrapper.td, div.toplinksWrapper.dealer, div.toplinksWrapper.minimalism {
  height: 30px;
}

div.toplinksWrapper2.fixed {
  position: fixed;
  background: url(../i/toplinks_fixed.png) 0 0 repeat-x;
  z-index: 800;
  width: 100%;
  -moz-box-shadow: 0 1px 5px #aaa;
  -webkit-box-shadow: 0 1px 5px #aaa;
  box-shadow: 0 1px 5px #aaa;
}
div.toplinksWrapper2 p.smalllogo {
  display: none;
}
div.toplinksWrapper2.fixed p.smalllogo {
  float: left;
  display: block;
  margin: 0;
  line-height: 28px;
}
div.toplinksWrapper2.fixed p.smalllogo img {
  vertical-align: middle;
}
div.toplinksWrapper2 p.change_site_mode_top {
  float: left;
  display: block;
  margin: 0;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 500;
}
div.toplinksWrapper2 p.change_site_mode_top.description {
  padding-left: 10px;
}
div.toplinksWrapper2 p.change_site_mode_top a {
  height: 49px;
  background: #f6f6f6;
  box-shadow: 0 0.4px 4px rgba(0, 0, 0, 0.5);
}
div.toplinksWrapper2 p.change_site_mode_top a:hover {
  background: #f3f3f3;
  box-shadow: 0 0.4px 4px rgba(0, 0, 0, 0.8);
}
div.toplinksWrapper2 p.change_site_mode_top a span {
  display: none;
}
div.toplinksWrapper2.fixed p.change_site_mode_top {
  display: none;
}

div.toplinks {
  position: relative;
  height: 30px;
  width: 940px;
  margin: 0 auto;
  font-weight: 700;
  font-size: 11px;
  line-height: 30px;
}
div.toplinks a {
  float: right;
  display: block;
  color: #000;
}
div.toplinks a.auth.active {
  color: #666;
  text-decoration: none;
}
div.toplinks a:hover {
  color: #d40602;
  text-decoration: underline;
}
div.toplinks a.auth.blue {
  color: #116acc !important;
}
div.toplinks p.new_logined {
  display: block;
  float: right;
  margin: 0;
  font-size: 11px;
  font-family: Tahoma, Geneva, sans-serif;
  height: 30px;
  line-height: 30px;
  padding-top: 10px;
}
div.toplinks p.new_logined.td, div.toplinks p.new_logined.dealer, div.toplinks p.new_logined.minimalism {
  padding-top: 0px;
}
div.toplinks p.new_logined a, div.toplinks p.new_logined span {
  color: #4c4c4c;
}
div.toplinks p.new_logined .bin {
  margin-right: 20px;
  text-decoration: none;
  background: url('../images/ico_prod_bin_gray.png') left center no-repeat;
  padding-left: 20px;
}
div.toplinks p.new_logined .bin u {
  text-decoration: underline;
}
div.toplinks p.new_logined .bin:hover u, div.toplinks p.new_logined a:hover {
  text-decoration: none;
}
div.toplinks p.new_logined .bin span {
  background: url(../i/top_bin_bg.png) 50% 50% no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  color: #fff;
  height: 30px;
  margin-left: 2px;
}

div.logomenu {
  height: 60px;
  background: #0662b5;
}
div.logomenuIn {
  width: 940px;
  margin: 0 auto;
}
div.logo {
  float: left;
  width: 240px;
  padding-top: 0px;
}
.logomenu .logo a > img {
  padding: 20px 5px;
}
.logomenu .logo.td a > img {
  padding: 0;
}
.logomenu .logo a {
  display: inline-block;
  height: 60px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
.logomenu .logo a.td {
  display: inline;
  box-shadow: none;
}
.logomenu.minimalism {
  border-bottom: 1px solid #dfdfdf;
}

div.topmenu {
  float: right;
  text-align: right;
  position: relative;
  left: 11px;
  font: italic bold 17px/19px 'Roboto', sans-serif;
  padding-top: 19px;
  z-index: 6;
}
div.topmenu li {
  display: inline;
  display: inline-block;
  margin-left: 0px;
  padding-left: 8px;
}
div.topmenu li a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  height: 19px;
  padding: 1px 10px 3px 2px;
}
div.topmenu li a u {
  text-decoration: none;
}
div.topmenu li a:hover {
  color: #abd9ef;
}
div.topmenu li.active {
  background: url(../images/topmenu_a_l.png) 0 0 no-repeat;
}
div.topmenu li.active a {
  background: url(../images/topmenu_a_r.png) 100% 0 no-repeat;
  text-shadow: none;
  color: #0662b5;
}
div.topmenu li.active a u {
  background: none;
}

/* Шапка в режиме "Клуб" */
div.logo.td {
  padding-top: 5px;
}
div.logomenu.td {
  height: 59px;
  background: #f3f3f3;
  border-top: 1px solid #dfdfdf;
}
div.topmenu.td {
  font: normal 16px 'Roboto', sans-serif;
  border-left: 1px solid #dfdfdf;
  padding-top: 0px;
}
div.topmenu.td li {
  padding-left: 0px;
}
div.topmenu.td li a {
  color: rgb(67, 67, 67);
  display: block;
  border-right: 1px solid #dfdfdf;
  padding: 20px 12px;
}
div.topmenu.td li a:hover {
  color: rgb(67, 67, 67);
  background: #e5e5e5;
}
div.topmenu.td li.active a {
  background: #e5e5e5;
}

.header-block-cs {
  height: 36px;
  background: #dedede;
  border: 1px solid #c2c2c2;
}
.header-block-cs-in {
  position: relative;
  width: 940px;
  margin: 0 auto;
}
.header-block-cs-in #form_searchstring {
  position: absolute;
  top: 3px;
  left: 213px;
  z-index: 10;
}
.header-block-cs-in .search_input {
  height: 28px;
  width: 354px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 0px 31px 0px 14px;
  float: left;
  font-family: Verdana;
  font-size: 11px;
  color: #727272;
}
.header-block-cs-in .search_but {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background: url(../images/leftsearch_but.png) 50% 50% no-repeat;
  border: 0;
  cursor: pointer;
}
.header-block-cs-in .consultant {
  position: absolute;
  right: 0px;
  top: -1px;
  height: 38px;
  width: 268px;
}
.header-block-cs-in .consultant .lc {
  position: absolute;
  top: 10px;
  margin-right: 6px;
  float: left;
  color: #494949;
  font-size: 14px;
  font-weight: bold;
}
.header-block-cs-in .consultant .rc {
  position: relative;
  top: -1px;
  right: 130px;
  height: 38px;
  float: right;
  text-align: right;
}
.header-block-cs-in .consultant .rc a {
  position: absolute;
  top: 8px;
  width: 142px;
  right: -2px;
  font-size: 16px;
  font-weight: bold;
  color: #494949;
  text-decoration: none;
  line-height: 15px;
}
.header-block-cs-in .consultant .rc .small {
  position: absolute;
  bottom: 4px;
  right: 0px;
  width: 115px;
  font-size: 11px;
  font-weight: bold;
  color: #494949;
  line-height: 10px;
}
.small {
  font-size: 11px;
  font-weight: bold;
}
.messengers-header {
  position: absolute;
  top: 2px;
  right: 4px;
}
.messengers-header a {
  margin-left: 4px;
  margin-right: 4px;
}

.group_catalog {
  position: relative;
}
.group_catalog .but_open {
  position: relative;
  top: -1px;
  width: 198px;
  height: 36px;
  margin-bottom: 5px;
  background: url('../i/catalog_arrow_2.png') no-repeat 180px center #ffd140;
  border: 1px solid #f1b904;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  line-height: 36px;
  font-weight: bold;
  color: #333333;
}
.group_catalog .but_open .catalog_icon {
  position: absolute;
  top: 13px;
  left: 9px;
  width: 16px;
  height: 10px;
  display: block;
  background: url('../i/catalog_icon_2.png') no-repeat;
}
.group_catalog .container_group {
  display: none;
  position: absolute;
  top: 37px;
  width: 198px;
  height: 100%;
  z-index: 1000;
}
.group_catalog .container_group li {
  padding: 9px 0 9px 15px;
  width: 183px;
  background-color: #f6f6f6;
  border: 1px solid #b2b2b2;
  border-top: none;
  cursor: pointer;
}
.group_catalog .container_group li a {
  color: #4c4c4c;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}
.group_catalog .container_group li a:hover {
  color: #e52420;
}
.group_catalog .container_group li.all_catalog {
  background: #dedede;
}
.group_catalog .container_group li.all_catalog a {
  color: #0662b5;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
.group_catalog .container_group li.root {
  position: relative;
  background: url('../i/left_arrow_gray.png') no-repeat 185px center #f6f6f6;
}
.group_catalog .container_group li.root.hover {
  background: url('../i/left_arrow_red.png') no-repeat 185px center #fff;
  border-right: 1px solid #fff;
}
.group_catalog .container_group .parent_group {
  display: none;
  position: absolute;
  top: -1px;
  left: 199px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #fff;
  border: 1px solid #b2b2b2;
  border-left: none;
  z-index: 22;
}
.group_catalog .container_group .parent_group li {
  border: none;
  background: #fff;
}
.container_group .hide-point {
  display: none !important;
}
.container_group .show-point {
  display: block !important;
}
.hc-nav-trigger.hc-nav-1 {
  display: block !important;
}

/*  Вы вошли как Дилер */
#label_dealer {
  position: absolute;
  top: 5px;
  left: 275px;
  width: 180px;
}
#label_dealer img {
  float: left;
}
#label_dealer p {
  height: 22px;
  line-height: 22px;
  margin-left: 25px;
  font-size: 12px;
}

div.innerheader {
  margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
  .adaptive div.toplinksWrapper2 p.change_site_mode_top {
    font-size: 11px;
  }
  .adaptive div.toplinks p.new_logined .bin {
    margin-right: 10px;
  }
  .adaptive .logomenu .logo.td a > img {
    width: 200px;
    height: 40px;
    padding-top: 5px;
  }
  .adaptive div.logo {
    width: 200px;
  }
  .adaptive div.topmenu {
    padding-top: 17px;
    left: 0;
    font: bold 14px 'Roboto', sans-serif;
  }
  .adaptive div.topmenu li {
    padding-left: 7px;
  }
  .adaptive div.topmenu li a {
    padding: 6px 3px;
  }
  .adaptive div.topmenu.td {
    padding-top: 0px;
    font: 14px 'Roboto', sans-serif;
  }
  .adaptive div.topmenu.td li {
    padding-left: 0px;
  }
  .adaptive div.topmenu.td li a {
    padding: 20px 3px;
  }
  .adaptive .header-block-cs-in #form_searchstring {
    left: 223px;
  }
  .adaptive .header-block-cs-in .search_input {
    width: 230px;
  }
  .adaptive .group_catalog .but_open {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .adaptive div.toplinksWrapper2 p.change_site_mode_top {
    font-size: 14px;
  }
  .adaptive div.toplinks p.new_logined {
    display: none;
  }
  .adaptive div.topmenu {
    padding-top: 20px;
    font: bold 11px 'Roboto', sans-serif;
  }
  .adaptive div.topmenu.td {
    font-size: 13px;
  }
  .adaptive div.topmenu li {
    padding-left: 2px;
  }
  .adaptive div.topmenu li a {
    padding: 5px 2px;
  }
  .adaptive .header-block-cs-in .search_input {
    width: 130px;
  }
  .adaptive .header-block-cs-in .consultant .rc {
    right: 122px;
  }
  .adaptive .header-block-cs-in .consultant .rc a {
    width: 115px;
    font-size: 14px;
  }
  .adaptive .header-block-cs-in .consultant .rc .small {
    font-size: 10px;
  }
  .adaptive .messengers-header a {
    margin-left: 3px;
    margin-right: 3px;
  }
  .adaptive  #label_dealer {
    left: 10px;
  }
}
@media screen and (min-width: 641px) {
  .adaptive div.topmenu li.desktop-hide {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .adaptive div.toplinksWrapper2 p.change_site_mode_top {
    font-size: 11px;
  }
  .adaptive div.topmenu li.mobile-hide {
    display: none;
  }
  .adaptive .header-block-cs-in #form_searchstring {
    left: 57px;
  }
  .adaptive .header-block-cs-in .search_input {
    width: 215px;
  }
  .adaptive .header-block-cs-in .consultant {
    width: 242px;
  }
  .adaptive .group_catalog .but_open {
    width: 33px;
  }
  .adaptive .group_catalog .but_open p {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .adaptive .header-block-cs-in .search_input {
    width: 130px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.toplinksWrapper {
    margin-top: 30px;
  }
  .adaptive div.toplinksWrapper.td {
    margin-top: 10px;
  }
  .adaptive div.toplinksWrapper.dealer {
    margin-top: 0px;
    height: 62px;
  }
  .adaptive.minimalism div.toplinksWrapper, 
  .adaptive.minimalism div.toplinksWrapper.td, 
  .adaptive.minimalism div.toplinksWrapper.dealer {
    margin-top: 0px;
    height: 30px;
  }
  
  .adaptive div.toplinksWrapper2 p.change_site_mode_top img {
    display: none;
  }
  .adaptive div.toplinksWrapper2 p.change_site_mode_top a {
    height: 30px;
    line-height: 30px;
    margin: 10px;
    padding: 0px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
  }
  .adaptive div.toplinksWrapper2 p.change_site_mode_top a span {
    display: inline;
    color: red;
  }
  .adaptive div.toplinksWrapper2 p.change_site_mode_top a span > span {
    color: #0662b5;
  }
  .adaptive div.toplinksWrapper2 p.change_site_mode_top.description {
    padding-left: 0px;
    width: 135px;
    line-height: 11px;
    padding-top: 14px;
    height: 30px;
  }
  .adaptive div.toplinksWrapper2 div.change_site_mode_top {
    margin: 0 auto;
    width: 300px;
  }
  
  .adaptive div.toplinks, .adaptive .header-block-cs-in {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .adaptive div.topmenu {
    display: none;
  }
  .adaptive div.logo {
    margin: 0 auto;
    float: none;
  }
  .adaptive div.logomenu, .adaptive .logomenu .logo a {
    height: 50px;
  }
  .adaptive .logomenu .logo a > img {
    padding: 15px 5px;
  }
  .adaptive div.logo.td, .adaptive .logomenu .logo.td a > img {
    padding: 0;
  }
  .adaptive .logomenu .logo.td a > img {
    padding-top: 5px;
  }
  .adaptive .minimalism div.logo {
    width: 200px;
    margin: 0 auto;
    float: none;
  }
  .adaptive .minimalism div.logo.td {
    width: 243px;
  }
  .adaptive div.search {
    width: 86%;
    position: relative;
  }
  .adaptive .header-block-cs-in #form_searchstring {
    width: 100%;
    left: 47px;
  }
  .adaptive .header-block-cs-in .search_input {
    width: 86%;
    padding: 0px 10% 0px 2%;
  }
  .adaptive .header-block-cs-in .search_but {
    right: 3%;
  }
  .adaptive .header-block-cs-in .consultant {
    display: block;
    position: absolute;
    top: -132px;
    right: 54%;
  }
  .adaptive .header-block-cs-in .consultant .rc {
    position: unset;
  }
  .adaptive .header-block-cs-in .messengers-header {
    display: block;
    position: absolute;
    top: -127px;
    left: 48%;
  }
  .adaptive .td .header-block-cs-in .consultant, 
  .adaptive.dealer .header-block-cs-in  .consultant {
    top: -92px;
  }
  .adaptive .td .header-block-cs-in .messengers-header, 
  .adaptive.dealer .header-block-cs-in  .messengers-header {
    top: -87px;
  }
  .adaptive .group_catalog {
    float: left;
  }
  .adaptive .group_catalog .but_open {
    margin-bottom: 0;
    height: 35px;
  }
  .adaptive #label_dealer {
    position: relative;
    margin: 0 auto;
    height: 30px;
  }
}
@media screen and (max-width: 360px) {
  .adaptive div.toplinksWrapper2 div.change_site_mode_top {
    width: 265px;
  }
  .adaptive div.toplinksWrapper2 p.change_site_mode_top.description {
    width: 120px;
    font-size: 10px;
  }
  .adaptive div.search {
    width: 82%;
  }
  .adaptive .header-block-cs-in #form_searchstring {
    left: 44px;
  }
}
@media screen and (max-width: 320px) {
  .adaptive div.toplinks p.new_logined a {
    margin: 0 0 0 10px !important;
    font-size: 10px;
  }
}


/************************/
/* Подписка на рассылку */
/************************/

.subscribe_wrapper1 {
  position: absolute;
  top: -70px;
  width: 100%;
  height: 68px;
  background-color: #dedede;
  border-top: 1px solid #c2c2c2;
}
.subscribe_wrapper2 {
  padding-top: 14px;
  text-align: center;
}
.subscribe_label {
  font-size: 16px;
  padding-right: 10px;
  font-weight: bold;
  color: #333333;
}
.subscribe_button, .quickbuy_button {
  display: inline-block;
  padding: 0 44px;
  height: 42px;
  background-color: #267ddb;
  background: linear-gradient(to top, #1c5fa8 , #5a9ce4);
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1.5;
  outline: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.subscribe_button:hover, .quickbuy_button:hover {
  background: linear-gradient(to top, #326fb0 , #649fe0);
}
@media screen and (max-width: 768px) {
  .adaptive .subscribe_wrapper2 {
    width: 400px;
    margin: auto;
  }
  .adaptive .subscribe_label {
    font-size: 15px;
    text-align: right;
    float: left;
    margin-top: 3px;
    width: 220px;
  }
  .adaptive .subscribe_button, .adaptive .quickbuy_button {
    font-size: 15px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive .subscribe_wrapper1 {
    top: -110px;
    height: 108px;
  }
  .adaptive .subscribe_wrapper2 {
    width: 100%;
  }
  .adaptive .subscribe_label {
    font-size: 14px;
    display: block;
    margin: auto;
    margin-bottom: 7px;
    text-align: center;
    float: unset;
  }
  .adaptive .subscribe_button, .adaptive .quickbuy_button {
    font-size: 14px;
    height: 36px;
  }
  button.quickbuy_button {
    height: 50px !important;
    font-size: 17px !important;
  } 
}


/****************/
/* Подвал сайта */
/****************/

div.body {
  padding-bottom: 350px;
}
div.body.subscribe_off {
  padding-bottom: 290px;
}
.dealer div.body.subscribe_off {
  padding-bottom: 240px;
}
div.body.subscribe_off.minimalism {
  padding-bottom: 237px;
}

div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 207px;
  clear: both;
  padding-top: 35px;
  background: url(../images/footer.jpg) 0 0 repeat-x,
  #3b3e43 url(../images/footer.jpg) 0 -10px;
}
.dealer div.footer {
  height: 157px;
}
div.footer.minimalism {
  height: 137px;
}
div.footerIn {
  width: 950px;
  margin: 0 auto;
  color: #fff;
}
div.footerContent {
  position: relative;
  margin-left: 250px;
}
.minimalism div.footerContent {
  margin-left: 0;
}

div.footer .change_site_mode {
  position: relative;
  margin-bottom: 20px;
}
.dealer div.footer .change_site_mode {
  display: none;
}
div.footer .change_site_mode button {
  cursor: pointer;
  padding: 5px 10px 5px 10px;
  font-weight: bold;
}
div.footer .change_site_mode > span {
  padding-left: 10px;
}

div.footer div.bottom-menu {
  position: relative;
  float: left;
  width: 510px;
  font-size: 13px;
}
div.footer div.bottom-menu li {
  display: inline;
  margin-right: 13px;
}
div.footer div.bottom-menu li a {
  color: #bcdcff;
}
div.footer div.bottom-menu li a:hover {
  color: #8dc0e0;
}
div.footer div.bottom-menu li.active a {
  color: #fff;
  text-decoration: none;
}

div.footer-menu {
  float: left;
}

div.footerContent div.social {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 15px;
}
div.footerContent div.social div {
  float: left;
}
div.footerContent div.social a {
  margin-left: 5px;
  margin-right: 5px;
  width: 32px;
  height: 32px;
}

div.bottom-contacts {
  position: relative;
  width: 490px;
  float: left;
  font-size: 23px;
  font-weight: 100;
  margin-top: 25px;
  margin-bottom: 15px;
}
div.footer.minimalism div.bottom-contacts {
  margin-top: 0px;
  padding-top: 20px;
  padding-left: 20px;
}
div.bottom-contacts .consultant-info {
  width: 190px;
  text-align: right;
}
.atel, .atel:hover {
  text-decoration: none;
  color: #fff;
}
.messengers-footer {
  position: absolute;
  top: 0px;
  left: 200px;
}
div.footer.minimalism .messengers-footer {
  top: 25px;
  left: 220px;
}
.messengers-footer a {
  margin-left: 10px;
  margin-right: 10px;
}
.messengers-footer a img {
  width: 63px;
  height: 63px;
}
div.footer.minimalism .messengers-footer img {
  width: 55px;
  height: 55px;
}

div.footer div.copy {
  position: absolute;
  top: 40px;
  float: left;
  width: 200px;
  font-size: 11px;
  margin-right: 45px;
  text-align: center;
}
div.footer div.copy div.logo_small {
  padding-bottom: 29px;
}

@media screen and (max-width: 970px) {
  .adaptive div.footerIn {
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 961px) {
  .adaptive div.footer div.bottom-menu li.desktop-hide {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .adaptive div.body {
    padding-bottom: 440px;
  }
  .adaptive div.body.subscribe_off {
    padding-bottom: 400px;
  }
  .adaptive.dealer div.body.subscribe_off, .adaptive div.body.minimalism {
    padding-bottom: 350px;
  }
  .adaptive div.body.subscribe_off.minimalism {
    padding-bottom: 240px;
  }
  
  .adaptive div.footer {
    height: 245px;
  }
  .adaptive.dealer div.footer {
    height: 195px;
  }
  .adaptive div.footer.minimalism {
    height: 137px;
  }
  .adaptive div.footer, .adaptive .b24-widget-button-wrapper {
    padding-bottom: 70px;
  }
  .adaptive div.footer.minimalism, .adaptive.minimalism .b24-widget-button-wrapper {
    padding-bottom: 0px;
  }
  .adaptive div.footerContent {
    margin-left: 230px;
  }
  .adaptive .minimalism div.footerContent {
    margin-left: 0;
  }
  
  .adaptive div.footer div.bottom-menu {
    width: 220px;
  }
  .adaptive div.footer div.bottom-menu li {
    display: block;
    margin: 0px 16px 8px 0px;
  }
  .adaptive div.footer-menu li {
    display: block;
  }
  .adaptive div.footerContent div.social {
    position: relative;
    width: 170px;
    float: left;
  }
  .adaptive div.bottom-contacts {
    margin-top: 10px;
    width: 100%;
  }
  .adaptive .b24-widget-button-position-bottom-right {
    right: 20px;
  }
  .adaptive div.footer div.bottom-menu li.mobile-hide {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .adaptive div.footer.minimalism {
    height: 137px;
  }
  .adaptive div.footerContent {
    margin-left: 20px;
    margin-right: 20px;
  }
  .adaptive .footer .but_gray {
    padding: 5px 10px 5px 10px;
  }
  .adaptive div.bottom-contacts {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .adaptive .footer.minimalism div.bottom-contacts {
    padding-left: 16px;
  }
  .adaptive div.footer div.copy {
    position: relative;
    float: none;
    top: 5px;
    height: 1px;
  }
  .adaptive div.footer div.copy .logo_small {
    display: none;
  }
  .adaptive .messengers-footer a img {
    width: 55px;
    height: 55px;
  }
  .adaptive .b24-widget-button-wrapper {
    padding-bottom: 80px;
  }
  .adaptive .footer.minimalism .b24-widget-button-wrapper {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 640px) {
  .adaptive div.bottom-contacts {
    width: 98%;
  }
}
@media screen and (max-width: 560px) {
  .adaptive div.body {
    padding-bottom: 525px;
  }
  .adaptive div.body.subscribe_off {
    padding-bottom: 485px;
  }
  .adaptive div.body.subscribe_off.minimalism {
    padding-bottom: 285px;
  }
  .adaptive.dealer div.body.subscribe_off {
    padding-bottom: 430px;
  }
  .adaptive.dealer div.body.subscribe_off.minimalism {
    padding-bottom: 290px;
  }
  
  .adaptive div.footer {
    height: 327px;
  }
  .adaptive.dealer div.footer {
    height: 275px;
  }
  .adaptive div.footer.minimalism {
    height: 192px;
  }
  
  .adaptive .footer.minimalism div.bottom-contacts {
    padding-top: 0px;
    padding-left: 14px;
  }
  .adaptive .messengers-footer, .adaptive div.footer.minimalism .messengers-footer {
    position: relative;
    top: 0;
    left: 0;
    padding-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.body {
    padding-bottom: 620px;
  }
  .adaptive div.body.subscribe_off {
    padding-bottom: 540px;
  }
  .adaptive div.body.minimalism {
    padding-bottom: 370px;
  }
  .adaptive.dealer div.body.subscribe_off {
    padding-bottom: 480px;
  }
  .adaptive.dealer div.body.subscribe_off.minimalism {
    padding-bottom: 290px;
  }
  
  .adaptive div.footer {
    height: 387px;
  }
  .adaptive.dealer div.footer {
    height: 325px;
  }
  .adaptive div.footer.minimalism {
    height: 192px;
  }
  
  .adaptive div.footer .change_site_mode {
    width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .adaptive .footer.td .change_site_mode {
    text-align: center;
    width: 100%;
  }
  .adaptive div.footer .change_site_mode > span {
    display: inline-block;
    width: 135px;
    vertical-align: middle;
    font-size: 11px;
  }
  
  .adaptive .bottom-menu {
    display: block;
    margin: 0 auto;
    width: 200px;
    float: none;
  }
  .adaptive div.footer div.bottom-menu {
    float: none;
  }
  
  .adaptive div.footerContent div.social {
    float: none;
    margin: 0 auto;
    margin-top: 105px;
    width: 220px;
  }
  .adaptive.dealer div.footerContent div.social {
    margin-top: 0;
  }
  .adaptive div.footerContent div.social a {
    margin-left: 10px;
    margin-right: 10px;
  }
  .adaptive.dealer div.social > div {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .adaptive div.bottom-contacts {
    width: 230px;
    margin: 0 auto;
    margin-top: 155px;
    margin-bottom: 5px;
    float: none;
  }
  .adaptive.dealer div.bottom-contacts {
    margin-top: 0;
  }
  .adaptive .messengers-footer a {
    margin-left: 7px;
    margin-right: 7px;
  }
  .adaptive .footer .privacy-policy {
    text-align: center;
  }
  .adaptive div.footer div.copy {
    width: 100%;
  }
}
@media screen and (max-width: 360px) {
  .adaptive div.body.subscribe_off {
    padding-bottom: 540px;
  }
  .adaptive div.footerContent {
    margin-left: 10px;
    margin-right: 10px;
  }
  .adaptive div.footer .change_site_mode {
    width: 260px;
  }
  .adaptive div.footer .change_site_mode > span {
    display: inline-block;
    width: 120px;
    font-size: 10px;
  }
  .adaptive .footer.minimalism div.bottom-contacts {
    padding-left: 10px;
  }
  .adaptive .messengers-footer a {
    margin-left: 0px;
    margin-right: 10px;
  }
  .adaptive .b24-widget-button-position-bottom-right {
    right: 15px;
  }
}
@media screen and (max-width: 300px) {
  .adaptive .messengers-footer a {
    margin-right: 6px;
  }
}


/******************************/
/* Навигация "Хлебные крошки" */
/******************************/

.way {
  color: #666666;
  font-size: 14px;
  padding: 5px 0 15px 0;
}
.way a, .way span {
  padding: 0px 3px;
}
@media screen and (max-width: 768px) {
  .adaptive .way {
    font-size: 13px;
  }
}
@media screen and (max-width: 640px) {
  .adaptive .way {
    font-size: 12px;
    padding-bottom: 10px;
  }
  .adaptive .way a, .way span {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .adaptive .way {
    text-align: center;
    padding: 0 0 7px 0;
  }
  .adaptive .way a {
    white-space: nowrap;
  }
}


/**************************/
/* Постраничная навигация */
/**************************/

div.nav {
  width: 100%;
  height: 30px;
  text-align: center;
}
div.content ul.nav {
  display: inline-block;
  margin: 0;
  clear: both;
  list-style: none;
  font-size: 12px;
  line-height: 20px;
}
.products div.nav {
  width: 650px;
  height: auto;
}
.products ul.nav {
  padding-top: 20px;
}
ul.nav li {
  float: left;
  margin: 0 14px;
}
ul.nav li:first-child {
  margin-left: 0;
  margin-right: 14px;
}
ul.nav li:last-child {
  margin-left: 14px;
  margin-right: 0;
}
ul.nav li a {
  display: block;
  width: 29px;
  height: 29px;
  background: url(../images/nav.png) 0 0 no-repeat;
  color: #000;
  text-align: center;
  text-decoration: none;
  line-height: 29px;
}
ul.nav li.cur a {
  background-image: url(../images/nav_cur.png);
}
@media screen and (max-width: 960px) {
  .adaptive .products div.nav {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .adaptive ul.nav li {
    margin: 0 12px;
  }
  .adaptive ul.nav li:first-child {
    margin-left: 0;
    margin-right: 12px;
  }
  .adaptive ul.nav li:last-child {
    margin-left: 12px;
    margin-right: 0;
  }
  .adaptive ul.nav li.tchka {
    margin: 0 6px;
  }
}
@media screen and (max-width: 560px) {
  .adaptive ul.nav li {
    margin: 0 8px;
  }
  .adaptive ul.nav li:first-child {
    margin-left: 0;
    margin-right: 8px;
  }
  .adaptive ul.nav li:last-child {
    margin-left: 8px;
    margin-right: 0;
  }
  .adaptive ul.nav li.tchka {
    margin: 0 4px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive ul.nav li {
    margin: 0 6px;
  }
  .adaptive ul.nav li:first-child {
    margin-left: 0;
    margin-right: 6px;
  }
  .adaptive ul.nav li:last-child {
    margin-left: 6px;
    margin-right: 0;
  }
}
@media screen and (max-width: 360px) {
  .adaptive ul.nav li {
    margin: 0 3px;
  }
  .adaptive ul.nav li:first-child {
    margin-left: 0;
    margin-right: 3px;
  }
  .adaptive ul.nav li:last-child {
    margin-left: 3px;
    margin-right: 0;
  }
}
@media screen and (max-width: 320px) {
  .adaptive ul.nav li {
    margin: 0 2px;
  }
  .adaptive ul.nav li:first-child,
  .adaptive ul.nav li:last-child, 
  .adaptive ul.nav li.tchka {
    margin: 0;
  }
}


/***********/
/* Content */
/***********/

div.body {
  width: 940px;
  margin: 0 auto;
}
div.content {
  float: right;
  width: 700px;
  line-height: 20px;
}
div.content.content-2 {
  float: none;
  width: 900px;
}

div.content ul {
  margin: 0 0 10px 16px;
  list-style: disc;
  line-height: 22px;
}
div.content ol {
  margin: 0 0 10px 18px;
  list-style: decimal;
  line-height: 22px;
}
div.content ul ul, div.content ol ul {
  list-style: circle;
}
div.content ul ul ul, div.content ol ol ul, div.content ul ol ul {
  list-style: square;
}
div.content li ul, div.content li ol {
  margin-bottom: 0;
}
div.content ul img, div.content ol img {
  margin: 5px 0;
}

div.content h1 {
  font: normal 30px "Roboto", sans-serif;
}
div.content strong {
  font-weight: bold;
}
div.content hr {
  margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
  .adaptive .body .content img {
    max-width: 100% !important;
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .adaptive .body .content iframe {
    max-width: calc(100vw - 115px) !important;
    aspect-ratio: 1.78;
    height: auto;
  }
}
@media screen and (max-width: 640px) {
  .adaptive div.content ul, div.content ol {
    line-height: 20px;
  }
  .adaptive .body .content iframe {
    max-width: calc(100vw - 75px) !important;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.content ul, div.content ol {
    line-height: 18px;
  }
  .adaptive .body .content iframe {
    max-width: calc(100vw - 15px) !important;
  }
}


/****************************/
/* Ярлыки свойств продукции */
/****************************/

.property {
  display: block;
  top: 0;
  left: 0;
  z-index: 10;
}
span.property {
  position: absolute;
  width: 51px;
  height: 20px;
}
span.prop_sportpro, span.prop_comfort, span.prop_business {
  width: 70px;
}
span.prop_safe {
  background: url(../images/ico_safe.png) 0 0 no-repeat;
}
span.prop_drive {
  background: url(../images/ico_drive.png) 0 0 no-repeat;
}
span.prop_sport {
  background: url(../images/ico_sport.png) 0 0 no-repeat;
}
span.prop_sportpro {
  background: url(../images/ico_sportpro.png) 0 0 no-repeat;
}
span.prop_comfort {
  background: url(../images/ico_comfort.png) 0 0 no-repeat;
}
span.prop_parts {
  width: 50px;
  background: url(../images/ico_parts.png) 0 0 no-repeat;
}
span.prop_business {
  background: url(../images/ico_business_2.png) 0 0 no-repeat;
}
span.kit {
  width: 43px;
  background: url(../images/icon_kit.png) 0 0 no-repeat;
}

.listBox span.property, .bin-position .property {
  position: relative;
  width: 62px;
  height: 18px;
}
.listBox span.prop_safe, .bin-position .prop_safe {
  background: url(../images/iconSafe.png) 0 0 no-repeat;
}
.listBox span.prop_drive, .bin-position .prop_drive {
  background: url(../images/iconDrive.png) 0 0 no-repeat;
}
.listBox span.prop_sport, .bin-position .prop_sport {
  background: url(../images/iconSport.png) 0 0 no-repeat;
}
.listBox span.prop_sportpro, .bin-position .prop_sportpro {
  background: url(../images/iconSportpro.png) 0 0 no-repeat;
}
.listBox span.prop_comfort, .bin-position .prop_comfort {
  background: url(../images/iconComfort.png) 0 0 no-repeat;
}
.listBox span.prop_parts, .bin-position .prop_parts {
  background: url(../images/iconParts.png) 0 0 no-repeat;
}
.listBox span.prop_business, .bin-position .prop_business {
  background: url(../images/iconBusiness.png) 0 0 no-repeat;
}
.listBox span.kit, .bin-position .kit {
  background: url(../images/iconKIT.png) 0 0 no-repeat;
}


/**************/
/* PopUp-окна */
/**************/

div.popupWrapper1 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10600;
  background: url(../images/popup_bg.png);
}
div.popupWrapper2 {
  position: relative;
  width: 460px;
  padding: 20px;
  margin: 0 auto;
}
div.popupIn {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 0 5px #666666;
  box-shadow: 0 0 5px #666666;
}
div.popupWrapper2 a.closePopup {
  display: block;
  position: absolute;
  top: 12px;
  right: 9px;
  width: 15px;
  height: 15px;
  background: url(../images/popup_close2.gif) 50% 50% no-repeat;
  cursor: pointer;
}
div.popupWrapper2 p.title {
  height: 31px;
  line-height: 31px;
  margin: 0;
  padding: 4px 28px;
  background: #f7eb14;
  border-bottom: 1px solid #e0d00b;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
div.popupWrapper2 form {
  padding: 37px 46px 45px 46px;
}
div.popupWrapper2 p.info {
  margin-bottom: 20px;
  font: italic 13px Trebuchet MS, Helvetica, sans-serif;
  color: #666;
}
div.popupWrapper2 label {
  float: left;
  width: 70px;
  line-height: 30px;
  color: #4c4c4c;
  font-size: 13px;
}
div.popupWrapper2 .inputbox {
  float: none;
  width: 248px;
  height: 20px;
  padding: 4px;
  font-size: 12px;
  color: #4c4c4c;
  margin-bottom: 5px;
}
div.popupWrapper2 .inputbox.error {
  border: 1px solid red;
}
div.popupWrapper2 .but_blue {
  display: block;
  margin: 0 auto;
  margin-top: 22px;
}
@media screen and (max-width: 560px) {
  .adaptive div.popupWrapper2 {
    padding: 10px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.popupWrapper2 {
    width: 93%;
  }
  .adaptive div.popupWrapper2 br {
    display: none;
  }
  .adaptive div.popupWrapper2 p.title {
    font-size: 16px;
  }
  .adaptive div.popupWrapper2 form {
    padding: 30px;
  }
  .adaptive div.popupWrapper2 p.info {
    margin-bottom: 16px;
    font-size: 12px;
  }
  .adaptive div.popupWrapper2 label {
    width: 65px;
    font-size: 12px;
  }
  .adaptive div.popupWrapper2 .inputbox {
    width: 70%;
  }
  .adaptive div.popupWrapper2 .but_blue {
    margin-top: 18px;
  }
  .adaptive div.popupWrapper2 .privacy_policy {
    font-size: 11px;
  }
}
@media screen and (max-width: 360px) {
  .adaptive div.popupWrapper2 p.title {
    font-size: 14px;
  }
  .adaptive div.popupWrapper2 form {
    padding: 20px;
  }
}
@media screen and (max-width: 320px) {
  .adaptive div.popupWrapper2 p.title {
    font-size: 13px;
  }
  .adaptive div.popupWrapper2 form {
    padding: 16px;
  }
  .adaptive div.popupWrapper2 p.info {
    margin-bottom: 10px;
  }
  .adaptive div.popupWrapper2 label {
    width: 56px;
  }
  .adaptive div.popupWrapper2 .but_blue {
    margin-top: 14px;
  }
}


/********************************/
/* Товар/KIT добавлен в корзину */
/********************************/

div.popup_added-to-bin, div.popup_quickbuy {
  display: none;
  position: fixed;
  background: url(../images/popup_bg.png);
  padding: 20px;
  z-index: 10150;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
div.popup_added-to-bin div.viewIn, div.popup_quickbuy div.viewIn{
  background: #fff;
  -webkit-box-shadow: 0 0 5px #666666;
  box-shadow: 0 0 5px #666666;
  position: relative;
  width: 480px;
  padding: 20px;
  height: 190px;
  
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.popup_quickbuy div.viewIn {
  width: 400px;
  height: auto;
}
div.popup_added-to-bin a.close, div.popup_quickbuy a.close {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 23px;
  height: 23px;
  background: url(../images/popup_close.gif) 50% 50% no-repeat;
  cursor: pointer;
  z-index: 1001;
}
div.popup_added-to-bin .h1, div.popup_quickbuy .h1 {
  margin-bottom: 0px !important;
  font: normal 30px "Roboto", sans-serif;
}
div.popup_quickbuy .h2 {
  font: normal 20px "Roboto", sans-serif;
  margin-bottom: 20px !important;
  display: block;
}
div.popup_added-to-bin .bin-position {
  height: 100px;
}
div.popup_added-to-bin .bin-position > div {
  float: left;
}
div.popup_added-to-bin div.pic img {
  vertical-align: middle;
}
div.popup_added-to-bin .desc {
  width: 250px;
  font-size: 12px;
  line-height: 16px;
  padding: 0 10px;
}
div.popup_added-to-bin .bin-position .desc > span {
  position: relative;
}
div.popup_added-to-bin .price {
  width: 125px;
  text-align: right;
  font-size: 32px;
}
div.popup_added-to-bin .actions {
  position: absolute;
  bottom: 24px;
}
div.popup_added-to-bin .actions .but_blue {
  margin-right: 20px;
}

.popup_quickbuy .inputbox {
  float: none;
  width: 90%;
  height: 20px;
  padding: 4px;
  font-size: 12px;
  color: #4c4c4c;
  margin-bottom: 20px;


}
div.popup_quickbuy .but_blue {
  display: block;
  margin: 0 auto 22px auto;
  
}

@media screen and (max-width: 960px) {
  .adaptive div.popup_added-to-bin, .adaptive  div.popup_quickbuy {
    box-sizing: border-box;
  }
  .adaptive div.popup_added-to-bin div.viewIn{
    top: 35%;
    left: 0;
    margin: auto;
  }
}
@media screen and (max-width: 640px) {
  .adaptive div.popup_added-to-bin div.viewIn, .adaptive  div.popup_quickbuy  div.viewIn {
    top: 29%;
  }
}
@media screen and (max-width: 560px) {
  .adaptive div.popup_added-to-bin, .adaptive  div.popup_quickbuy   {
    padding: 8px;
  }
  .adaptive div.popup_added-to-bin div.viewIn, .adaptive  div.popup_quickbuy  div.viewIn {
    width: 430px;
    padding: 16px;
  }
  .adaptive div.popup_added-to-bin .desc {
    width: 245px;
    padding: 0 6px;
  }
  .adaptive div.popup_added-to-bin .price {
    width: 90px;
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.popup_added-to-bin, .adaptive  div.popup_quickbuy  {
    padding: 7px;
  }
  .adaptive div.popup_added-to-bin div.viewIn, .adaptive  div.popup_quickbuy  div.viewIn {
    width: 92%;
    top: 26%;
    left:0;
    height: auto;
    padding: 14px 14px 112px 14px;
    transform: none;
  }
  .adaptive  div.popup_quickbuy  div.viewIn {
    padding-bottom: 14px;
  }
  .adaptive div.popup_added-to-bin .h1, .adaptive  div.popup_quickbuy  .h1 {
    font-size: 24px;
  }
  .adaptive div.popup_added-to-bin .bin-position {
    margin-top: 10px;
    height: auto;
  }
  .adaptive div.popup_added-to-bin .desc {
    width: calc(92% - 80px);
    padding: 0 10px 15px 10px;
  }
  .adaptive div.popup_added-to-bin .price {
    float: none;
    margin-left: 90px;
    width: 125px;
    font-size: 32px;
    text-align: left;
  }
  .adaptive div.popup_added-to-bin .actions {
    width: 100%;
    left: 0;
    bottom: 20px;
    text-align: center;
  }
  .adaptive div.popup_added-to-bin .actions input {
    width: 160px;
  }
  .adaptive div.popup_added-to-bin .actions .but_blue {
    margin: 12px 18%;
  }
  .adaptive div.popup_added-to-bin .actions .but_gray {
    margin: 0 18%;
  }
}
@media screen and (max-width: 360px) {
  .adaptive div.popup_added-to-bin .h1, .adaptive  div.popup_quickbuy  .h1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 320px) {
  .adaptive div.popup_added-to-bin, .adaptive  div.popup_quickbuy   {
    padding: 6px;
  }
  .adaptive div.popup_added-to-bin div.viewIn, .adaptive  div.popup_quickbuy  div.viewIn {
    top: 24%;
    width: 91%;
    padding: 12px 12px 110px 12px;
  }
  .adaptive div.popup_added-to-bin .h1, .adaptive  div.popup_quickbuy  .h1 {
    font-size: 18px;
  }
  .adaptive div.popup_added-to-bin .desc {
    width: calc(90% - 80px);
  }
  .adaptive div.popup_added-to-bin .actions {
    bottom: 18px;
  }
}


/************************/
/* Узнать о поступлении */
/************************/

.block_btn_rem {
  text-align: center;
}
#popupremember div.popupWrapper2 {
  top: 50%;
  margin-top: -200px;
}
#popupremember #sendte-error {
  margin-left: 70px;
  color: red;
}
#popupremember .privacy_policy {
  margin: 8px 0 0 0;
}
@media screen and (max-width: 480px) {
  .adaptive #popupremember #sendte-error {
    margin-left: 65px;
  }
}
@media screen and (max-width: 320px) {
  .adaptive #popupremember #sendte-error {
    margin-left: 56px;
  }
}


/***********/
/* Корзина */
/***********/

div.bin .bin-header {
  height: 20px;
  padding: 3px 0;
  background: #d7eeff !important;
  border: 1px solid #b8e0f4;
  font-weight: 700;
}
div.bin .bin-position {
  position: relative;
  float: none;
  height: 80px;
  padding: 15px 0;
  background: url(../images/dashed.gif) 0 100% repeat-x;
}
div.bin .bin-header, div.bin .bin-position {
  font-size: 12px;
  vertical-align: middle;
}
.bin-body {
  border-bottom: 2px solid #b8e0f4;
}
div.bin .bin-header > div, div.bin .bin-position > div {
  float: left;
}
.bin-position > div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
div.bin .bin-position small {
  font-size: 11px;
  color: #4c4c4c;
  width: 170px;
  line-height: 14px;
  display: block;
}
div.bin div.bin-body > :last-child {
  background: none !important;
}

div.bin div.pic {
  width: 90px;
}
.bin-header .pic {
  height: 10px;
}
.bin-position div.pic {
  height: 80px;
  width: 80px;
  line-height: 78px;
  border: 1px solid #d9d9d9;
  text-align: center;
}
div.bin .bin-position div.pic img {
  vertical-align: middle;
}

div.bin div.desc {
  width: 320px;
  line-height: 16px;
}
.bin-header .desc {
  height: 10px;
}
.bin-header div.desc, .bin-position div.desc {
  padding: 5px;
}

div.bin div.for {
  width: 200px;
  min-height: 20px;
}
div.bin div.price {
  width: 60px;
}

div.bin div.num {
  width: 75px;
}
div.bin input.num {
  width: 15px;
  height: 15px;
  padding: 2px 4px;
  text-align: center;
}
div.bin div.num_val {
  float: left;
}
div.bin .bt_minus, div.bin .bt_plus {
  text-align: center;
  border: solid 1px #999999;
  width: 12px;
  height: 19px;
  float: left;
}
div.bin .bt_minus:hover, div.bin .bt_plus:hover {
  cursor: pointer;
}

div.bin div.price-summ {
  width: 70px;
}

div.bin div.del {
  width: 70px;
}
.bin-position div.del {
  position: absolute;
  right: 0;
}
div.bin .bin-position a.del {
  display: inline-block;
  float: right;
  padding-right: 18px;
  background: url(../images/ico_del.gif) 98% 3px no-repeat;
  color: #b2b2b2;
  font-size: 10px;
}
div.bin .bin-position a.del:hover {
  text-decoration: none;
}

div.bin div.sum {
  padding-top: 10px;
}

div.bin .but_blue {
  float: right;
  clear: right;
  margin-bottom: 20px;
}
.but_blue:hover, a.ask2:hover, a.ask:hover {
  box-shadow: 0 0 10px rgba(0,0,0,0.7);
}

.binbtns {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  
}

div.bin .calc {
  padding: 0 30px;
  height: 28px;
  border: 1px solid #bcbec0;
  background: #e0e1e2 url(../images/but_gray.png) 0 0 repeat-x;
  cursor: pointer;
  font-size: 14px;
  margin-right: 20px;
  font-weight: 700;
  color: #434749;
  margin-left: 80px;
  float: right;
}
div.bin .calc:hover {
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

@media screen and (max-width: 960px) {
  div.bin div.for {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  div.bin div.desc {
    width: 42%;
  }
}
@media screen and (max-width: 640px) {
  div.bin .bin-position {
    height: auto;
    min-height: 90px;
    padding: 10px 0;
  }
  div.bin div.pic, div.bin div.price, div.bin div.num, div.bin div.price-summ {
    position: absolute;
  }
  div.bin div.price, div.bin div.num, div.price-summ {
    text-align: center;
  }
  div.bin div.desc {
    margin-left: 95px;
  }
  div.bin .bin-position div.desc {
    transform: none;
    float: none;
  }
  div.bin div.price {
    left: 61%;
    width: 55px;
  }
  div.bin div.num {
    left: 72%;
    width: 60px;
  }
  div.bin div.price-summ {
    left: 83%;
  }
  div.bin .bin-header div.price {
    left: 60%;
  }
  div.bin .bin-header div.num {
    left: 71%;
  }
  div.bin .bin-header div.price-summ {
    left: 82%;
  }
  div.bin div.del {
    width: 15px;
  }
  div.bin .bin-position a.del {
    font-size: 0;
    background: url(../images/ico_del.gif) no-repeat;
  }
}
@media screen and (max-width: 560px) {
  div.bin div.desc {
    width: 45%;
  }
  div.bin div.price {
    display: none;
  }
  div.bin div.num {
    left: 68%;
  }
  div.bin div.price-summ {
    left: 79%;
  }
  div.bin .bin-header div.num {
    left: 66%;
  }
  div.bin .bin-header div.price-summ {
    left: 78%;
  }
}
@media screen and (max-width: 480px) {
  div.bin .bin-header {
    display: none;
  }
  .bin-body {
    border-top: 2px solid #b8e0f4;
  }
  .bin-position > div {
    top: 0;
    transform: none;
  }
  div.bin .bin-position {
    padding: 10px 0 38px 0;
  }
  div.bin .bin-position div.pic {
    top: 15px;
  }
  div.bin div.desc {
    width: 65%;
  }
  div.bin div.num {
    width: 80px;
    left: 6px;
  }
  div.bin input.num {
    width: 20px;
  }
  div.bin .bin-position div.num {
    top: auto;
    bottom: 12px;
  }
  div.bin .bt_minus, div.bin .bt_plus {
    width: 23px;
  }
  div.bin div.price-summ {
    left: 100px;
    font-weight: bold;
    text-align: left;
  }
  div.bin .bin-position div.price-summ {
    top: auto;
    bottom: 14px;
  }
  div.bin div.del {
    top: 15px;
  }
  div.bin div.sum {
    text-align: center;
    padding-top: 20px;
  }
  div.bin .but_blue {
    float: none;
    display: block;
  }
  
  .binbtns {
    justify-content: center;
    
  }
}
@media screen and (max-width: 320px) {
  div.bin div.desc {
    width: 60%;
  }
}
/* Мобильная корзина для дилеров */
@media screen and (max-width: 480px) {
  .bin.dealer .bin-position div.pic, .bin.dealer .bin-position .property {
    display: none;
  }
  .bin.dealer .bin-position {
    padding: 7px 0;
    min-height: 50px;
  }
  .bin.dealer .bin-position div.desc {
    margin-left: 0;
    width: 66%;
  }
  .bin.dealer .bin-position div.num {
    top: 20%;
    left: 69%;
  }
  .bin.dealer .bin-position div.price-summ {
    top: 60%;
    left: 70%;
    text-align: center;
  }
  .bin.dealer .bin-position div.del {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 360px) {
  .bin.dealer .bin-position div.desc {
    width: 61%;
    font-size: 11px;
  }
  .bin.dealer .bin-position div.num {
    left: 65%;
  }
  .bin.dealer .bin-position div.price-summ {
    left: 67%;
  }
}
@media screen and (max-width: 320px) {
  .bin.dealer .bin-position div.desc {
    width: 57%;
  }
  .bin.dealer .bin-position div.num {
    left: 61%;
  }
  .bin.dealer .bin-position div.price-summ {
    left: 62%;
  }
}


/***************************/
/* Форма оформления заказа */
/***************************/

div.form #delivery-content label, div.form #payment-content label {
  clear: none;
}
div.order #delivery-content label.radio, div.order #payment-content label.radio {
  white-space: normal;
  width: calc(100% - 30px);
}
#delivery-content, #payment-content, #order-final, .country-name, .region-name, .city-name, .payment-5, .inn , .delivery-methods, #sum-comment {
  display: none;
}

.order {
  position: relative;
}

div.order form p {
  margin-bottom: 6px;
  clear: both;
  display: block;
}
div.order form p:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.order input.radio {
  float: left;
  clear: left;
}
div.order label.radio {
  float: left;
  font-size: 14px;
  line-height: 16px;
  padding-left: 5px;
  white-space: pre;
}
div.order .but_blue {
  display: block;
  float: left;
}
div.order .but_gray {
  margin-right: 20px;
  clear: both;
  float: left;
}
div.order div.level {
  padding-left: 15px;
  display: none;
}
div.order div.form label {
  color: #4c4c4c;
  width: 80px;
}
div.order div.form div.together {
  position: absolute;
  top: 20px;
  left: 360px;
  width: 110px;
  height: 120px;
  background: url(../images/together-2.png) 0 0 no-repeat;
  padding: 23px 0 0 25px;
}
div.order div.form div.together input.checkbox {
  float: left;
  margin-top: 7px;
}
div.order div.form div.together label {
  line-height: 14px !important;
  clear: none;
  padding-left: 5px;
  width: 70px;
  color: #808080;
  font: italic 13px Trebuchet MS, Helvetica, sans-serif;
}
div.order div.form div.org {
  display: inline-block;
  margin-bottom: 10px;
}
div.order div.form div.org label {
  width: 80px;
  text-align: left;
}
div.order a.but_gray {
  float: none;
  display: block;
  width: 145px;
  text-align: center;
}

.order #validation {
  display: none;
  width: 470px;
  margin-bottom: 10px;
  padding: 20px;
  border: 1px solid #999999;
  background: #f9f9f9;
}
.order .step-title {
  width: 470px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 20px;
  background: #f0f0f0;
  border: 1px solid #999999;
}
.order .step-content {
  position: relative;
  width: 470px;
  margin-bottom: 10px;
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #999999;
  border-top: 0px;
}
.order .step-change {
  height: 30px;
  padding-top: 10px;
}

#order-info {
  position: absolute;
  top: 0;
  left: 525px;
  width: 370px;
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #999999;
}
#order-info p {
  display: none;
}
#order-info .sum {
  text-align: left;
  margin-bottom: 0;
}
#order-info #sum-comment {
  color: #858585;
}

#contacts-title {
  margin-top: 0px;
}
#contacts-content .org span {
  margin-left: 15px;
}
#delivery-title, #payment-title {
  color: #858585;
}
.country-name, .region-name, .city-name {
  font-weight: bold;
}
.order .comment {
  margin-bottom: 25px;
}
.order .comment textarea {
  width: 100%;
}
.order div.form .inputbox {
  height: 25px;
  margin-top:15px;
}

div.order .region-name {
  color: darkred;
}
div.order .city-name {
  color: orangered;
}
div.order fieldset.payment {
  margin-bottom: 15px;
}
.ykassa_pay_ordernum {
  font-size: 22px;
}
.ykassa_pay_label {
  width: 300px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: brown;
}

div.order div.ok {
  margin-bottom: 25px;
}

@media screen and (max-width: 960px) {
  .adaptive #order-form {
    position: relative;
    box-sizing: border-box;
    width: 56%;
  }
  .adaptive #order-info {
    box-sizing: border-box;
    left: auto;
    right: 0;
    width: 42%;
  }
  .adaptive #order-info #city, .adaptive #order-info #delivery, .adaptive #order-info #sum-comment {
    font-size: 12px;
    line-height: 16px;
  }
  .adaptive div.order .delivery .cities div div {
    width: 100% !important;
  }
  .adaptive div.order div.form div.together {
    position: relative;
    top: 0;
    left: 0;
    width: 235px;
    height: 40px;
    background: none;
    padding: 0;
  }
  .adaptive div.order div.form div.together label {
    width: 210px;
    padding-left: 7px;
  }
}
@media screen and (max-width: 768px) {
  .adaptive div.order .but_gray {
    margin-right: 18px;
  }
  .adaptive .order #validation, .adaptive .order .step-title, .adaptive .order .step-content, .adaptive #order-info {
    padding: 16px;
  }
  .adaptive #order-info #city, .adaptive #order-info #delivery, .adaptive #order-info #sum-comment {
    font-size: 10px;
    line-height: 14px;
  }
  .adaptive .order .privacy_policy {
    font-size: 10px;
    line-height: 14px;
  }
  .adaptive .order .privacy_policy, .adaptive #payment-content .step-change div {
    margin-left: 100px !important;
  }
  .adaptive div.order #delivery-content label.radio {
    white-space: normal;
    width: 90%;
  }
}
@media screen and (max-width: 640px) {
  .adaptive div.order .delivery .cities div div {
    font-size: 12px !important;
  }
  .adaptive #order-form {
    width: 100%;
  }
  .adaptive #order-info {
    position: relative;
    width: 100%;
    top: 10px;
  }
  .adaptive #order-info #city, .adaptive #order-info #delivery, .adaptive #order-info #sum-comment {
    font-size: 12px;
    line-height: 16px;
  }
  .adaptive div.order fieldset.payment {
    margin-bottom: 5px;
  }
  .adaptive .order .comment {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.order .delivery .cities div div {
    font-size: 11px !important;
  }
  .adaptive div.order .but_gray {
    margin-right: 16px;
  }
  div.order a.but_gray {
    margin: 0 auto !important;
  }
  .adaptive #contacts-content .org span {
    margin-left: 11px;
  }
  .adaptive div.order div.form label {
    width: 73px;
  }
  .adaptive .order #validation, .adaptive .order .step-title, .adaptive .order .step-content, .adaptive #order-info {
    padding: 14px;
  }
  .adaptive div.order div.form div.org {
    margin-bottom: 0;
  }
  .adaptive .order p.ok {
    text-align: center;
  }
  .adaptive .order p.ok a.but_blue, .adaptive .order p.ok a.but_gray {
    margin: 10px 0 0 0;
    display: inline-block;
    float: unset;
  }
  .adaptive .order .comment textarea {
    height: 70px;
  }
  .adaptive .order .privacy_policy {
    width: 160px;
  }
  .adaptive .order .privacy_policy br {
    display: none;
  }
  .adaptive .ykassa_pay_ordernum {
    text-align: center;
  }
  .adaptive .ykassa_pay_label {
    width: 250px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    margin: auto;
  }
  .adaptive .step-change div {
    margin-left: 0px !important;
  }
  .adaptive .order .privacy_policy, .adaptive #payment-content .step-change div {
    margin-left: 85px !important;
  }
  .adaptive div.order .cities div p label {
    font-size: 12px !important;
  }
  .adaptive .delivery .level div:first-child, .adaptive .payments div p {
    font-size: 12px !important;
    line-height: 16px;
  }
  .adaptive div.order div.ok {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 320px) {
  .adaptive div.order .delivery .cities div div {
    font-size: 10px !important;
  }
  .adaptive #contacts-content .org span {
    margin-left: 6px;
  }
  .adaptive div.order div.form label {
    width: 65px;
  }
  .adaptive .order #validation, .adaptive .order .step-title, .adaptive .order .step-content, .adaptive #order-info {
    padding: 12px;
  }
  .adaptive #order-info #city, .adaptive #order-info #delivery, .adaptive #order-info #sum-comment {
    font-size: 10px;
    line-height: 14px;
  }
  .adaptive div.order .label {
    font-size: 12px;
  }
  .adaptive div.order label.radio {
    font-size: 13px !important;
  }
  .adaptive #payment-content label.radio {
    font-size: 12px;
  }
  .adaptive .order .privacy_policy {
    width: auto;
  }
}


/**********************/
/* Locality Selection */
/**********************/

@media screen and (max-width: 768px) {
  .adaptive #locality_selection {
    width: 80%;
  }
  .adaptive .locality_selection_field_select, .adaptive .locality_selection_field_input {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .adaptive #locality_selection {
    width: 330px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive #locality_selection {
    width: 100%;
  }
  .adaptive .locality_selection_field_select {
    font-size: 12px;
  }
}
@media screen and (max-width: 320px) {
  .adaptive .locality_selection_field_select {
    font-size: 11px;
  }
}


/*********************/
/* Каталог продукции */
/*********************/

.label.hit {
  background: #ed1c24;
}
.label.new {
  background: #ed1c24;
}
.label.promo {
  background: #ed1c24;
}
.label.anons {
  background: gray;
}

div.podbor {
  position: relative;
}
div.leftCol .h3, div.podbor .h3 {
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
}
.podbor .jqTransformSelectWrapper {
  width: 200px !important;
  margin-bottom: 5px;
}
.podbor_auto .jqTransformSelectWrapper {
  width: 200px !important;
  z-index: 13 !important;
}
#id_model_hidden {
  display: none;
}
#wrapperModelPublic .jqTransformSelectWrapper {
  z-index: 12 !important;
}
.podbor_kit .jqTransformSelectWrapper {
  z-index: 11 !important;
}
div.podbor > form > .jqTransformSelectWrapper {
  margin-bottom: 25px;
}
.podbor_auto {
  width: 200px;
}
.podbor_kit {
  position: absolute;
  top: 0;
  left: 220px;
  width: 200px;
}

div.leftCol {
  width: 200px;
  float: left;
  padding-top: 3px;
  font-size: 12px;
}
#moving.leftCol {
  padding-top: 0px;
}
div.leftCol#moving {
  position: static;
}
div.leftCol.fixed#moving {
  position: fixed;
  top: 50px;
  z-index: 21;
}

div.leftCol div.properties {
  margin-bottom: 18px;
}
div.leftCol div.properties a {
  height: 30px;
  text-align: right;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  position: relative;
  margin-bottom: 5px;
  line-height: 30px;
  padding-right: 16px;
  width: 190px;
}
div.leftCol div.properties a b {
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
  height: 30px;
  padding: 0 15px 0 8px;
  line-height: 30px;
  display: inline-block;
  float: left;
}
div.leftCol div.properties a.green {
  background: url(../images/prop_green.png) 0 0 no-repeat;
}
div.leftCol div.properties a.blue {
  background: url(../images/prop_blue.png) 0 0 no-repeat;
}
div.leftCol div.properties a.orange {
  background: url(../images/prop_orange.png) 0 0 no-repeat;
}
div.leftCol div.properties a.gray {
  background: url(../images/prop_gray.png) 0 0 no-repeat;
}
div.leftCol div.properties a.red {
  background: url(../images/prop_red.png) 0 0 no-repeat;
}
div.leftCol div.properties a.yellow {
  color: #000;
  background: url(../images/prop_yellow.png) 0 0 no-repeat;
}
div.leftCol div.properties a.business {
  color: white;
  background: url(../i/prop_business.png) 0 0 no-repeat;
}
div.leftCol div.properties a.kit {
  color: white;
  background: url(../i/prop_KIT.png) 0 0 no-repeat;
}
div.leftCol div.properties.kit-all {
  margin-top: 0px;
  margin-bottom: 0px;
}
div.leftCol div.properties a.active {
  background-position: 0 100%;
}
div.leftCol div.properties a.active span {
  display: block;
  width: 10px;
  height: 8px;
  background: url(../images/prop_arr.png) 0 0 no-repeat;
  position: absolute;
  right: 9px;
  top: 8px;
}
div.leftCol.fixed.bottom#moving {
  position: relative !important;
}

.buttom_check {
  margin-bottom: 30px;
}
.buttom_check a {
  color: #116acc;
  font-size: 14px;
  text-decoration: none;
  line-height: 28px;
}
.buttom_check div {
  display: inline-block;
  width: 130px;
  height: 30px;
  border: 1px solid #b8e0f4;
  text-align: center;
  cursor: pointer;
}
.buttom_check div.active {
  background: #d7eeff;
}
.buttom_check div.active a {
  color: #000;
  font-size: 14px;
  text-decoration: none;
  line-height: 28px;
  font-weight: bold;
}

.switchBox {
  position: relative;
  top: -17px;
  left: 450px;
  width: 240px;
  height: 30px;
}
.switchBox .switch {
  border: none;
  background: left no-repeat;
  width: 250px;
  height: 46px;
  padding: 0;
  margin: 0;
}
.switchBox .photo {
  display: inline-block;
  width: 120px;
  height: 40px;
  cursor: pointer;
}
.switchBox .photo_list {
  display: none;
}

.list {
  display: inline-block;
  width: 120px;
  height: 40px;
  cursor: pointer;
}

.item_group {
  display: inline-block;
  width: 200px;
  height: 200px;
  background: #fff;
  margin-right: 30px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0 1px 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow:         0 1px 6px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  text-align: center;
}
.item_group:hover {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0 4px 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow:         0 4px 20px 0 rgba(0, 0, 0, 0.3);
}
.link_group:hover .title {
  color: #d40602;
}
.item_group .image {
  margin-top: 10px;
}
.item_group .title {
  display: table-cell;
  width: 200px;
  height: 45px;
  padding: 0 5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: #004275;
}
.item_group .title a {
  text-decoration: none;
}

div.products {
  width: 700px;
  position: relative;
  font-size: 12px;
  line-height: normal;
}
div.products div.item {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 100%;
  margin-right: 50px;
  margin-bottom: 20px;
  vertical-align: top;
}
div.products div.item div.pic {
  width: 178px;
  height: 178px;
  line-height: 174px;
  border: 1px solid #d9d9d9;
  text-align: center;
  margin-bottom: 3px;
  position: relative;
}
div.products div.item div.pic img {
  vertical-align: middle;
}
div.products div.item div.pic a {
  text-decoration: none;
}
div.products div.item p.code {
  color: #434749;
  font-size: 11px;
  margin-bottom: 2px;
}
div.products div.item p.title {
  margin-bottom: 6px;
}
div.products div.item p.price {
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  float: left;
  margin: 4px 5px 2px 0;
}
div.products div.item p.price.price_old {
  color: #d20e0e;
  font-weight: 500;
  text-decoration: line-through;
  margin-right: 5px;
}
div.products div.item p.price small {
  font-size: 12px;
}


.products .close-status {
  color: red;
  font-weight: bold;
}
.products .photoBox .item .close-status {
  text-align: right;
  padding-top: 10px;
}

.listBox p {
  margin: 0;
}
.listBox .position {
  position: relative;
  width: 100%;
  float: none;
  border-bottom: 1px solid silver;
  height: 50px;
}
.listBox > div:first-child {
  border-top: 1px solid silver;
}
.listBox .position > div {
  top: 50%;
  transform: translateY(-50%);
}
.listBox .title {
  position: relative;
  padding: 4px;
  width: 48%;
}
.listBox .code {
  position: absolute;
  right: 245px;
  width: 100px;
  padding: 4px;
  font-size: 11px;
}
.listBox div.property {
  position: absolute;
  left: auto;
  right: 170px;
  width: 65px;
}
.listBox .price {
  position: absolute;
  right: 90px;
  width: 70px;
  font-size: 16px;
  font-weight: 700;
}
.listBox .actions {
  position: absolute;
  right: 0;
  width: 90px;
}
.listBox .actions a.bin:hover {
  color: #d40602;
}

div.products .desc_group {
  margin-top: 15px;
  font-size: 14px;
}

.catalog-bottom-mobile {
  display: none;
  margin: auto;
  margin-top: 20px;
}

p.links {
  margin: 0 0 20px 0;
}
p.links a {
  display: block;
  line-height: 24px;
  padding: 0 0 0 28px;
  margin: 0 0 8px 0;
  color: #4c4c4c;
}
p.links a.pdf {
  background: url(../images/ico_pdf2.png) 0 50% no-repeat;
}
p.links a:hover {
  color: #d40602;
}

p.certlink {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 700;
}
p.certlink a {
  color: #004275;
}
p.certlink a:hover {
  color: #d40602;
}

@media screen and (max-width: 960px) {
  .adaptive div.leftCol {
    display: none;
  }
  .adaptive div.products h1 {
    font-size: 28px;
    margin-bottom: 14px;
  }
  .adaptive .buttom_check {
    display: none;
    margin-bottom: 20px;
  }
  .adaptive .switchBox {
    left: 68%;
  }
  .adaptive .item_group {
    width: 22%;
    height: auto;
    margin-right: 3%;
    margin-bottom: 20px;
  }
  .adaptive .item_group .image img {
    width: 83%;
  }
  .adaptive .item_group .title {
    height: 60px;
    padding: 0 15px;
    font-size: 13px;
  }
  .adaptive div.products div.item {
    width: 19%;
    margin-right: 5%;
  }
  .adaptive div.products div.item div.pic {
    width: 100%;
    height: 100%;
    line-height: 99%;
  }
  .adaptive div.products div.item div.pic a, 
  .adaptive div.products div.item div.pic img {
    width: 100%;
  }
  .adaptive .listBox .title {
    width: 52%;
  }
  .adaptive .catalog-bottom-mobile {
    display: block;
    width: 620px;
  }
  .adaptive .catalog-bottom-mobile p, .adaptive .catalog-bottom-mobile a {
    display: inline-block;
  }
  .adaptive .catalog-bottom-mobile p.links a {
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .adaptive div.products h1 {
    font-size: 26px;
    margin-bottom: 12px;
  }
  .adaptive .switchBox {
    top: -10px;
    left: 60%;
    height: 40px;
  }
  .adaptive .item_group {
    width: 23%;
    margin-right: 2%;
  }
  .adaptive .item_group .image img {
    width: 90%;
  }
  .adaptive .item_group .title {
    height: 55px;
    padding: 0 7px;
    font-size: 12px;
  }
  .adaptive div.products div.item {
    width: 22%;
    margin-right: 2%;
  }
  .adaptive .listBox div.property {
    display: none;
  }
  .adaptive .listBox .code {
    right: 180px;
  }
  .adaptive .catalog-bottom-mobile {
    width: 590px;
  }
}
@media screen and (max-width: 640px) {
  .adaptive div.products h1 {
    font-size: 22px;
  }
  .adaptive .switchBox {
    left: 55%;
  }
  .adaptive .item_group {
    width: 30%;
    margin-right: 3%;
  }
  .adaptive div.products div.item {
    width: 29%;
    margin-right: 3%;
  }
  .adaptive .listBox .position {
    height: auto;
    min-height: 20px;
    padding-bottom: 16px;
  }
  .adaptive .listBox .title, .adaptive .listBox .code {
    transform: none;
    width: 68%;
  }
  .adaptive .listBox .code {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
  }
  .adaptive .listBox .actions button.bin {
    margin: 0 auto;
  }
  .adaptive .catalog-bottom-mobile {
    width: 200px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .adaptive .catalog-bottom-mobile p.links {
    margin-bottom: 10px;
  }
  .adaptive .catalog-bottom-mobile p.links a {
    padding-right: 0;
  }
}
@media screen and (max-width: 560px) {
  .adaptive .switchBox {
    left: 48%;
  }
  .adaptive .listBox .title, .adaptive .listBox .code {
    width: 62%;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.products h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .adaptive .buttom_check {
    width: 270px;
    margin: auto;
    margin-bottom: 15px;
  }
  .adaptive .podbor_auto, .podbor_kit {
    margin: auto;
  }
  .adaptive .podbor_kit {
    position: relative;
    left: auto;
    height: 56px;
  }
  .adaptive .podbor_kit .jqTransformSelectWrapper {
    height: 50px;
  }
  .adaptive .switchBox {
    left: 0;
    margin: 0 auto;
  }
  .adaptive .item_group {
    width: 45%;
    margin-right: 5%;
    margin-bottom: 15px;
  }
  .adaptive .item_group .image img {
    width: 82%;
  }
  .adaptive .item_group .title {
    padding: 0 15px;
  }
  .adaptive div.products div.item {
    width: 39%;
    margin-right: 10%;
    margin-bottom: 15px;
  }
  .adaptive .listBox .title, .adaptive .listBox .code {
    width: 54%;
  }
  .adaptive .listBox .price {
    width: 60px;
    font-size: 14px;
  }
  .adaptive div.products .desc_group {
    font-size: 13px;
  }
  .adaptive .catalog-bottom-mobile {
    width: 185px;
  }
  .adaptive .catalog-bottom-mobile p.links {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 360px) {
  .adaptive .item_group {
    width: 46%;
    margin-right: 4%;
  }
  .adaptive .item_group .image img {
    width: 90%;
  }
  .adaptive .item_group .title {
    padding: 0 7px;
  }
  .adaptive div.products div.item {
    width: 45%;
    margin-right: 4%;
  }
  .adaptive div.products div.item p.price {
    font-size: 15px;
  }
  .adaptive .listBox .position {
    min-height: 36px;
  }
  .adaptive .listBox .title, .adaptive .listBox .code {
    width: 65%;
  }
  .adaptive .listBox .price {
    top: calc(50% - 14px);
    right: 0;
    width: 90px;
    font-size: 13px;
    text-align: center;
  }
  .adaptive .listBox .actions {
    top: calc(50% + 8px);
    text-align: center;
  }
  .adaptive div.products .desc_group {
    font-size: 12px;
  }
}
@media screen and (max-width: 320px) {
  .adaptive div.products h1 {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .adaptive .item_group {
    width: 47%;
    margin-right: 3%;
    margin-bottom: 12px;
  }
  .adaptive .item_group .title {
    height: 50px;
    padding: 0 4px;
    font-size: 11px;
  }
  .adaptive div.products div.item p.code {
    font-size: 10px;
  }
  .adaptive div.products div.item p.price {
    font-size: 14px;
  }
  .adaptive .listBox .title, .adaptive .listBox .code {
    width: 62%;
  }
  .adaptive .catalog-bottom-mobile {
    width: 170px;
  }
  .adaptive .catalog-bottom-mobile p.certlink {
    font-size: 13px;
  }
}


/*******************************************/
/* Карточка товара, карточка Кит-комплекта */
/*******************************************/

.content-2 .product-card.page_content .products {
  width: 940px;
}
.product-card .way {
  padding-bottom: 10px;
}
.product-card .products h1 {
  font-size: 24px;
  margin-bottom: 14px;
}
.product {
  line-height: normal;
  position: relative;
}
.product p.title {
  clear: both;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}

.product-main__wrapper {
  display: flex;
}

.product-main__left-block {
  border: 1px solid #d9d9d9;
  width: 555px;
}
.product-main__left-block div.pic {
  position: relative;
  width: 555px;
  height: 440px;
  padding-top: 50px;
  margin-bottom: 15px;
  text-align: center;
}
.product-main__left-block div.pic .labels {
  position: absolute;
  top: 8px;
  right: 50px;
  margin: 4px;
}
.product-main__left-block div.pic .label {
  display: inline-block;
  margin: 2px;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 600;
  color: #fff;
  cursor: default;
}
div.zoom {
  position: absolute;
  background: url('../images/zoom.png');
  width: 25px;
  height: 25px;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.fancybox-overlay {
  z-index: 11100 !important;
}
.product-main__left-block div.pic a {
  display: inline-block;
  overflow: hidden;
  width: 438px;
  margin-right: 2px;
}
.product-main__left-block div.pic img {
  vertical-align: middle;
  width: 440px;
}
.adaptive .product-main__left-block div.pic img {
  max-width: 101% !important;
}
.product .slider__indicators {
  display: none;
}
.product-main__left-block div.pic span {
  top: -1px;
  left: -1px;
}
.product-main__left-block .slider ol {
  list-style-type: none;
  margin: 0;
}
div.all_image {
  width: 482px;
  height: 95px;
  margin: 0 auto;
}
div.all_image img {
  border: 1px solid #d9d9d9;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}
div.all_image img:hover, div.all_image img.active {
  border: 1px solid #ec2420;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}

.jcarousel {
  position: relative;
  overflow: hidden;
  float: left;
  height: 83px;
  width: 450px;
  margin-left: 4px;
  margin-bottom: 12px;
}
.jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 83px;
}
div .content .jcarousel ul {
  list-style: none;
  margin: 0px;
}
div .content .jcarousel ul img {
  margin: 0px 5px 0px 5px;
}
.jcarousel li {
  float: left;
}
.jcarousel-prev {
  float: left;
  height: 80px;
  width: 12px;
  background: url('../images/prev_act_but.png') no-repeat;
  cursor: pointer;
  background-position-y: center;
}
.jcarousel-prev.inactive {
  background: url('../images/prev_noact_but.png') no-repeat;
  background-position-y: center;
}
.jcarousel-next {
  float: right;
  height: 80px;
  width: 12px;
  background: url('../images/next_act_but.png') no-repeat;
  cursor: pointer;
  background-position-y: center;
}
.jcarousel-next.inactive {
  background: url('../images/next_noact_but.png') no-repeat;
  background-position-y: center;
}
.jcarousel-next.default {
  background: url(../images/next_act_but.png) no-repeat;
  background-position-y: center;
}

.product-main__right-block {
  width: 325px;
  border: 1px solid #d9d9d9;
  padding: 20px;
  margin-left: 15px;
}
.product .code {
  text-align: center;
}
.product .code > p {
  display: inline-block;
  margin-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  background: url(../images/prod_code_l.png) left 0 no-repeat,url(../images/prod_code_right.png) right 0 no-repeat;
  color: #3e7fba;
  font-size: 14px;
}
.product .code > p > b {
  background: url(../images/prod_code_r_new.png) 100% 0;
  padding: 2px 5px 0 5px;
  height: 18px;
  display: block;
  font-weight: 500;
}
.product h2.title {
  clear: both;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #000;
  text-align: center;
}
.product .price {
  font-size: 32px;
  color: #000;
  text-align: center;
}
.product .price span {
  padding: 5px;
}
.product .price-promo {
  color: #d20e0e;
  font-weight: 600;
}
.product .price-old {
  position: relative;
  display: inline-block;
  color: #000;
  font-size: 22px;
}
.product .price-old:after {
  height: 2px;
  background-color: #d20e0e;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: calc(50% - 1px);
  transform: rotate(-12deg);
  width: 100%;
  z-index: -1;
}
.product .closespan {
  text-align: center;
  font-size: 14px;
  color: red;
}
.product button.bin {
  height: 50px;
  padding: 0 44px;
  font-size: 22px;
}
.product button.btn-remember {
  height: 50px;
  padding: 0 20px;
  font-size: 17px;
}
.product div.soc {
  padding: 5px;
  width: 110px;
  height: 20px;
  margin: auto;
}
.product div.for {
  padding: 12px 12px 0 12px;
}
.product div.for p.title {
  font-size: 14px;
  margin-bottom: 10px;
}
.product div.for p.car {
  height: 100%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 9px;
  color: #808080;
  text-align: center;
  width: 70px;
  margin-right: 2px;
  margin-bottom: 10px;
}
.product div.for p.car span {
  position: relative;
  width: 100%;
  display: block;
  bottom: 0;
  left: 0;
  text-align: center;
}
.product div.delivery p {
  font-size: 14px;
  padding: 4px 0 0 12px;
  margin-bottom: 0;
}

.product .info-memu-wrapper {
  overflow: hidden;
}
.product .info-memu {
  display: flex;
  position: relative;
  margin-top: 15px;
  height: 49px;
  border-bottom: 5px solid #e1e1e1;
}
.product .info-memu > span {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 5px 30px;
  background: #f8f8f8;
  border: 1px solid #d2d2d2;
  border-bottom: 5px solid #e1e1e1;
  font-size: 20px;
  cursor: pointer;
  white-space: nowrap;
}
.product .info-memu > span.active {
  border-bottom: 5px solid #ff0000;
}
.product .info-memu > span:hover {
  background: #e9e9e9;
}
#info-memu-bottom-line {
  position: absolute;
  top: 49px;
  width: 100%;
  height: 5px;
  z-index: -1;
  background: #e1e1e1;
}

.mobile-tab-mask {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .25) 25px, #000 50px, #000 calc(100% - 50px), rgba(0, 0, 0, .25) calc(100% - 25px), transparent);
  mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .25) 25px, #000 50px, #000 calc(100% - 50px), rgba(0, 0, 0, .25) calc(100% - 25px), transparent);
}
.mobile-tab-mask-right {
  -webkit-mask-image: linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .25) 25px, #000 50px);
  mask-image: linear-gradient(270deg,  transparent 0, rgba(0, 0, 0, .25) 25px, #000 50px);
}
.mobile-tab-mask-left {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .25) 15px, #000 50px);
  mask-image: linear-gradient(90deg,  transparent 0, rgba(0, 0, 0, .25) 25px, #000 50px);
}

.product div.info {
  width: 900px;
  margin: 20px;
}
.product .info .info-item {
  display: none;
}
.product .info .info-item.active {
  display: block;
}

.product div.links {
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.product div.links a {
  display: block;
  padding: 3px 0 3px 28px;
  margin-bottom: 5px;
}
.product div.links a.pdf {
  background: url(../images/ico_pdf.gif) 0 0 no-repeat;
}
.product div.links a.instr {
  background: url(../images/ico_instr.png) 0 0 no-repeat;
}
.product div.linkVideo {
  width: 560px;
  height: 440px;
  margin-bottom: 15px;
}
.product div.desc {
  line-height: 18px;
  font-family: Verdana;
  font-size: 13px;
  width: 700px;
}
.product div.desc ul {
  margin: 0px 0px 10px 17px;
}
.product div.desc ol {
  margin: 0px 0px 10px 19px;
}
.product div.desc li ul, .product div.desc li ol {
  margin-bottom: 0px;
}
.product div.desc table {
  margin-bottom: 7px;
}
.product div.desc table td {
  border: 1px solid #444444;
  padding: 7px;
}
.product div.desc hr {
  margin: 5px 0px 5px 0px;
}
.product div.desc p {
  margin-bottom: 10px;
}

.product .info-item-params__row {
  font-size: 16px;
  margin-bottom: 15px;
  float: left;
}
.product .info-item-params__column_name {
  width: 150px;
  float: left;
}
.product .info-item-params__column_value {
  width: 500px;
  padding-left: 170px;
}

.product .qa-list {
  width: 100%;
}
.product .qa div.item {
  width: 100% !important;
  margin-right: 0 !important;
}

.product .photoBox div.item {
  margin-right: 41px;
  margin-bottom: 15px;
}
.product .photoBox .code {
  text-align: left;
}
.product .photoBox p.title {
  font-size: 12px;
  font-weight: normal;
}

p.price-item-kit {
  display: inline-block;
  top: 16px !important;
  margin-bottom: 4px;
  float: left;
}
p.price-item-kit .price_old {
  margin-right: 5px;
  text-decoration: line-through;
  font-weight: 500;
  color: #d20e0e;
}
p.price-item-kit b {
  font: italic bold 14px Arial, Helvetica, sans-serif;
  color: #000;
}

@media screen and (max-width: 960px) {
  .adaptive .content-2 .product-card.page_content .products, 
  .adaptive .product div.info {
    width: 100%;
  }
  .adaptive .content-2 .product-card.page_content .products, 
  .adaptive .product div.info, 
  .adaptive .product-main__left-block, 
  .adaptive .product-main__right-block {
    box-sizing: border-box;
  }
  .adaptive .product-card .products h1 {
    font-size: 22px;
  }
  
  .adaptive .product-main__left-block {
    width: 56%;
  }
  .adaptive .product-main__left-block div.pic {
    width: 100%;
    height: 370px;
  }
  .adaptive .product-main__left-block div.pic a {
    width: 368px;
  }
  .adaptive .product-main__left-block div.pic img {
    width: 370px;
  }
  .adaptive div.all_image {
    width: 302px;
  }
  .adaptive .jcarousel {
    width: 270px;
  }
  
  .adaptive .product-main__right-block {
    width: 43%;
    padding: 15px;
  }
  .adaptive .product .code > p {
    margin-bottom: 7px;
  }
  .adaptive .product div.for p.title {
    font-size: 13px;
    margin-bottom: 7px;
  }
  .adaptive .product div.for {
    padding: 8px 8px 0 8px;
  }
  .adaptive .product div.for p.car {
    width: 23%;
    margin-bottom: 3px;
  }
  .adaptive .product div.delivery p {
    font-size: 13px;
    padding-left: 8px;
  }
  .adaptive .product .tip:hover:after {
    width: 120px;
  }
  
  .adaptive .product .info-memu {
    height: 47px;
  }
  .adaptive .product .info-memu > span {
    height: 36px;
    line-height: 36px;
    padding: 5px 20px;
    font-size: 18px;
  }
  .adaptive #info-memu-bottom-line {
    top: 47px;
  }
  .adaptive .product div.info {
    margin: 0px;
    padding: 15px;
  }
  .adaptive .product .photoBox div.item {
    margin-right: 5%;
    margin-bottom: 2%;
  }
  .adaptive p.price-item-kit {
    float: none;
  }
}
@media screen and (max-width: 768px) {
  .adaptive .product-card .products h1 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  
  .adaptive .product-main__left-block div.pic {
    height: 310px;
  }
  .adaptive .product-main__left-block div.pic a {
    width: 308px;
  }
  .adaptive .product-main__left-block div.pic img {
    width: 310px;
  }
  
  .adaptive .product div.for {
    padding: 4px 0 0 0;
  }
  .adaptive .product div.delivery p {
    padding-left: 0;
  }
  .adaptive .product .tip:hover:after {
    width: 90px;
  }
  
  .adaptive .product .info-memu {
    height: 52px;
    overflow-x: scroll;
    padding-bottom: 20px;
    margin-bottom: -20px;
    border-bottom: none;
  }
  .adaptive .product .info-memu > span {
    border-right: none;
    padding: 5px 18px;
  }
  .adaptive .product .info-memu > span:last-child {
    border-right: 1px solid #d2d2d2;
  }
  .adaptive .product div.desc {
    width: 100%;
  }
  .adaptive .product .info-item-params__row {
    font-size: 15px;
    width: 100%;
  }
  .adaptive .product .info-item-params__column_name {
    width: 30%;
  }
  .adaptive .product .info-item-params__column_value {
    padding-left: 32%;
    width: 68%;
  }
  .adaptive .product .photoBox div.item {
    margin-right: 2%;
  }
}
@media screen and (max-width: 640px) {
  .adaptive .product-card .way {
    padding-bottom: 8px;
  }
  .adaptive .product-card .products h1 {
    font-size: 18px;
  }
  
  .adaptive .product-main__wrapper {
    display: block;
  }
  
  .adaptive .product-main__left-block {
    width: 100%;
  }
  .adaptive .product-main__left-block div.pic {
    height: 250px;
  }
  .adaptive .product-main__left-block div.pic a {
    width: 248px;
  }
  .adaptive .product-main__left-block div.pic img {
    width: 250px;
  }
  .adaptive div.all_image {
    width: 482px;
  }
  .adaptive .jcarousel {
    width: 450px;
  }
  
  .adaptive .product-main__right-block {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    padding: 20px;
  }
  .adaptive .product .code > p, 
  .adaptive .product div.for p.title  {
    margin-bottom: 10px;
  }
  .adaptive .product div.for {
    padding: 12px 12px 0 12px;
  }
  .adaptive .product div.for p.car {
    width: 15%;
    margin-bottom: 10px;
  }
  .adaptive .product div.delivery p {
    padding-left: 12px;
  }
  .adaptive .product .tip:hover:after {
    width: 150px;
  }
  
  .adaptive .product .info-memu {
    margin-top: 10px;
  }
  .adaptive .product .info-memu > span {
    padding: 5px 16px;
  }
  .adaptive .product div.info {
    padding: 10px;
  }
  .adaptive .product div.linkVideo {
    width: 100%;
    height: 0px;
    padding-bottom: 56.2%;
    position: relative;
    margin-bottom: 10px;
  }
  .adaptive .product div.linkVideo iframe {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .adaptive .product .info-item-params__row {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .adaptive .product .photoBox div.item {
    margin-right: 3%;
    margin-bottom: 3%;
  }
}
@media screen and (max-width: 560px) {
  .adaptive div.all_image {
    width: 392px;
  }
  .adaptive .jcarousel {
    width: 360px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive .product-card .way {
    padding-bottom: 6px;
  }
  .adaptive .product-card .products h1 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  
  .adaptive div.all_image {
    display: none;
  }
  .adaptive .product-main__left-block div.pic {
    height: auto;
  }
  .adaptive .product .slider {
    height: 270px;
  }
  .adaptive .product .slider__indicators {
    display: flex;
    position: absolute;
    bottom: -8px;
  }
  
  .adaptive .product-main__right-block {
    padding: 15px;
  }
  .adaptive .product .code > p, 
  .adaptive .product div.for p.title {
    margin-bottom: 7px;
  }
  .adaptive .product div.for {
    padding: 8px 8px 0 8px;
  }
  .adaptive .product div.for p.car {
    width: 23%;
    margin-bottom: 3px;
  }
  .adaptive .product div.delivery p {
    padding-left: 8px;
  }
  
  .adaptive .product .info-memu {
    height: 48px;
  }
  .adaptive .product .info-memu > span {
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    padding: 4px 12px;
  }
  .adaptive #info-memu-bottom-line {
    top: 43px;
  }
  .adaptive .product div.desc {
    font-size: 12px;
  }
  .adaptive .product div.desc p {
    margin-bottom: 5px;
  }
  .adaptive .product .info-item-params__row {
    font-size: 13px;
  }
  .adaptive .product .info-item-params__column_name {
    width: 40%;
  }
  .adaptive .product .info-item-params__column_value {
    padding-left: 42%;
    width: 58%;
  }
  .adaptive .product .photoBox div.item {
    margin-right: 10%;
  }
}
@media screen and (max-width: 360px) {
  .adaptive .product .photoBox div.item {
    margin-right: 4%;
    margin-bottom: 5%;
  }
  .adaptive .product .tip:hover:after {
    width: 120px;
  }
}
@media screen and (max-width: 320px) {
  .adaptive .product-card .products h1 {
    margin-bottom: 8px;
  }
  
  .adaptive .product-main__left-block div.pic a {
    width: 249px;
  }
  
  .adaptive .product div.for {
    padding: 4px 0 0 0;
  }
  .adaptive .product div.for p.car {
    width: 31%;
  }
  .adaptive .product div.delivery p {
    padding-left: 0;
  }
  .adaptive .product .tip:hover:after {
    width: 90px;
  }
  
  .adaptive .product .info-memu {
    height: 42px;
  }
  .adaptive .product .info-memu > span {
    height: 32px;
    line-height: 32px;
    padding: 2px 12px;
    font-size: 14px;
  }
  .adaptive #info-memu-bottom-line {
    top: 37px;
  }
  .adaptive .product .info-item-params__row {
    font-size: 12px;
  }
  .adaptive .product .photoBox p.title {
    font-size: 11px;
  }
}


/***********/
/* Главная */
/***********/

div.header {
  position: relative;
  height: 315px;
  margin: 20px 0;
}
div.headerIn {
  width: 938px;
  height: 313px;
  margin: 0 auto;
  border: 1px solid gray;
}
div.header .slider__item_photo, div.headerIn2 > img {
  width: 100%;
}
div.header .slider__item_photo.mobile, div.headerIn2 > img.mobile {
  display: none;
}
div.headerIn2 {
  position: relative;
}

div.slogan {
  position: absolute;
  top: 80px;
  left: calc(50% - 280px);
  width: 560px;
  padding: 16px 0;
  background: url(../i/head_sloganbg.png);
  font: 500 30px/38px 'Roboto', sans-serif;
  color: #fff;
}
div.slogan a {
  display: block;
  color: #fff;
  text-decoration: none;
  background: url(../i/index_slogan_play.png) 30px 50% no-repeat;
  padding-left: 130px;
}

div.auto {
  position: absolute;
  top: calc(50% - 100px);
  right: 0;
  line-height: 34px;
}
div.auto:hover span {
  display: inline-block;
}
div.auto a {
  display: block;
  background: url(../images/autologo_bg.png);
  margin-bottom: 4px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}
div.auto a:hover {
  background: url(../images/autologo_bg_h.png);
}
div.auto a i {
  display: inline-block;
  width: 50px;
  height: 34px;
  line-height: 30px;
  text-align: center;
}
div.auto a i img {
  vertical-align: middle;
}
div.auto a span {
  width: 80px;
  display: none;
}

div.headbuts {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 56px;
}
div.headbuts div.videopopup {
  top: calc(50% - 200px);
  left: calc(50% - 300px);
  width: 600px;
  height: 400px;
}
div.headbuts div.showcat {
  width: 230px;
  margin: 0 auto;
  position: relative;
  z-index: 700;
}
div.headbuts div.showcat a.showcatbut {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font: 500 16px/40px 'Roboto', sans-serif;
  background: url(../images/head_but_prod.png) 0 0 no-repeat;
  cursor: pointer;
}
div.headbuts div.showcat a.showcatbut:hover, div.headbuts div.showcat.active a.showcatbut {
  background-position: 0 100%;
}

div.specialmenu {
  width: 940px;
  margin: 0 auto 13px auto;
}
div.specialmenu div.item {
  float: left;
  text-align: center;
}
div.specialmenu a {
  display: block;
  text-decoration: none;
}
div.specialmenu .ico {
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  line-height: 66px;
  background: #267ddb;
}
div.specialmenu .ico img {
  vertical-align: middle;
}
div.specialmenu .bg {
  display: block;
  width: 230px;
  padding-left: 70px;
}
div.specialmenu .shadow {
  display: block;
  height: 70px;
  background: url(../i/specialmenu_sh.png);
  font: 500 20px/70px 'Roboto', sans-serif;
  color: #fff;
}
div.specialmenu a:hover .shadow {
  background: url(../i/specialmenu_sh_h.png) !important;
}
div.specialmenu .sm1 {
  margin-right: 20px;
}
div.specialmenu .sm1 span.bg {
  background: url(../i/specialmenu1.jpg) 100% 0 no-repeat;
}
div.specialmenu .sm2 {
  float: right !important;
}
div.specialmenu .sm2 span.bg {
  background: url(../i/specialmenu2.jpg) 100% 0 no-repeat;
}
div.specialmenu .sm3 span.ico {
  background: #e9403d;
}
div.specialmenu .sm3 span.bg {
  background: url(../i/specialmenu3_new.png) 100% 0 no-repeat;
}
div.specialmenu .sm3 .shadow {
  line-height: 29px;
  padding-top: 5px;
  height: 65px;
}
div.specialmenu .sm3 .border-white {
  border-bottom: 1px solid #fff;
  width: 140px;
  margin: 0 auto;
}

.index {
  position: relative;
  margin-top: 7px;
  line-height: normal;
}

.index div.products div.item {
  width: 224px;
  margin-right: 7px;
  border: none;
}
.index div.products div.item div.pic {
  overflow: hidden;
  width: 221px;
  height: 222px;
}
.index div.products div.item .labels {
  position: absolute;
  top: 0;
  left: 0;
  margin: 4px;
}
.index div.products div.item .label {
  display: inline-block;
  margin: 2px;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.index .label_section {
  position: absolute;
  left: -1px;
  top: -1px;
  line-height: 30px;
  height: 30px;
  display: block;
  color: #fff;
  background: url(../images/indexlabel.png) 100% 0 no-repeat;
  border-left: 1px solid #105197;
  padding: 0 20px 0 10px;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
}
.index div.lcol {
  width: 340px;
  float: left;
}
.index div.rcol {
  width: 340px;
  float: right;
}
.index div.lcol .pic img, 
.index div.rcol .pic img {
  width: 100%;
  height: auto;
}
.index div.item {
  position: relative;
  border: 1px solid #c5c5c5;
  margin-bottom: 20px;
}
.index div.item a.title {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
  line-height: 42px;
  padding: 8px 20px;
  background: url(../images/index_item_shad.png);
  vertical-align: middle;
  color: #bcdcff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.index div.item a.title:hover {
  background-image: url(../images/index_item_shad_h.png);
}
.index div.item a.title p {
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
  margin: 0;
}

.index div.item.projects {
  clear: both;
  border: 0;
}
.index div.item.projects .label_section {
  left: 0;
  top: 0;
  background: url(../i/indexlabel_projects.png) 100% 0 no-repeat;
  border-left: 1px solid #168b2a;
}
.index div.item.projects .label_section a {
  color: #fff;
}
.index div.item.projects .label_section a:hover {
  text-decoration: none;
}
.index div.item.projects div.pic {
  float: left;
}
.index div.item.projects div.pic img {
  display: block;
}
.index div.item.projects .title {
  display: block;
  position: static;
  padding: 0;
  float: right;
  width: 232px;
  height: 240px;
  line-height: 240px;
  vertical-align: middle;
}
.index div.item.projects .title .wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 120px;
  margin-left: 60px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700 !important;
  color: #fff;
}
.index div.item.projects .title .wrapper .date {
  color: #bcdcff;
  font-size: 14px;
  display: block;
  font-weight: 700 !important;
  line-height: 19px;
}

@media screen and (max-width: 960px) {
  .adaptive div.specialmenu {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .adaptive div.specialmenu div.item {
    position: relative;
    width: 32%;
    margin-right: 1.3%;
  }
  .adaptive div.specialmenu .ico {
    width: 23%;
  }
  .adaptive div.specialmenu .bg {
    width: 77%;
    padding-left: 23%;
  }
  .adaptive div.specialmenu .shadow {
    font-size: 18px;
  }
  .adaptive div.specialmenu .sm2 {
    float: left !important;
  }
  .adaptive div.specialmenu .sm3 .border-white {
    width: 65%;
  }
  
  .adaptive .index .podbor {
    width: 420px;
    margin: 0 auto;
  }
  .adaptive .index div.products div.item {
    width: 23.6%;
    margin-right: 1%;
  }
  .adaptive .index div.products div.item div.pic {
    width: 101%;
    height: auto;
  }
  
  .adaptive .index div.lcol, .adaptive .index div.rcol {
    width: 49%;
    margin-right: 1%;
  }
  
  .adaptive .index div.item.projects {
    display: flex;
    margin-bottom: 30px;
  }
  .adaptive .index div.item.projects div.pic {
    width: 49.5%;
    height: auto;
  }
  .adaptive .index div.item.projects div.pic img {
    width: 100%;
    height: auto;
  }
  .adaptive .index div.item.projects .title {
    width: 49.5%;
    height: auto;
    line-height: normal;
  }
  .adaptive .index div.item.projects .title .wrapper {
    position: relative;
    width: 75%;
    margin-left: 15%;
    top: calc(50% - 35px);
    font-size: 20px;
    line-height: 22px;
  }
  .adaptive .index div.item.projects .title .wrapper .date {
    font-size: 26px;
    line-height: 28px;
  }
}
@media screen and (max-width: 940px) {
  .adaptive div.header {
    height: auto;
    margin: 0 auto;
  }
  .adaptive div.headerIn {
    width: 100%;
    height: auto;
    border: none;
    box-sizing: border-box;
  }
  .adaptive div.header .slider {
    padding-bottom: 40px;
  }
  .adaptive div.header .slider__control {
    display: none;
  }
  .adaptive div.header .slider__item_photo {
    border-bottom: 1px solid silver;
  }
  .adaptive div.headerIn2 {
    margin-bottom: 15px;
  }
  
  .adaptive div.slogan {
    top: 25%;
    left: calc(50% - 230px);
    width: 460px;
    padding: 12px 0;
    font-size: 26px;
    line-height: 34px;
  }
  .adaptive div.headbuts {
    bottom: 18%;
  }
  .adaptive div.headbuts div.showcat {
    width: 210px;
  }
  .adaptive div.headbuts div.showcat a.showcatbut {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .adaptive div.slogan {
    top: 20%;
    left: calc(50% - 180px);
    width: 360px;
    padding: 10px 0;
    font-size: 22px;
    line-height: 32px;
  }
  .adaptive div.slogan a {
    background: url(../i/index_slogan_play.png) 15px 50% no-repeat;
    padding-left: 105px;
  }
  .adaptive div.headbuts {
    bottom: 15%;
  }
  .adaptive div.specialmenu .shadow {
    font-size: 16px;
  }
  
  .adaptive .index div.item.projects .title .wrapper {
    top: calc(50% - 27px);
    font-size: 18px;
    line-height: 20px;
  }
  .adaptive .index div.item.projects .title .wrapper .date {
    font-size: 18px;
    line-height: 20px;
  }
}
@media screen and (max-width: 640px) {
  .adaptive div.slogan {
    top: 14%;
  }
  .adaptive div.auto {
    display: none;
  }
  .adaptive div.headbuts div.videopopup {
    top: 24%;
    left: 2%;
    width: 96%;
    height: 0;
  }
  .adaptive div.specialmenu .shadow {
    font-size: 14px;
  }
  
  .adaptive .index div.products div.item {
    width: 31.8%;
  }
  
  .adaptive .index div.lcol, .adaptive .index div.rcol {
    width: 49.5%;
    margin-right: 0;
  }
  .adaptive .index div.item a.title {
    padding: 5px 15px;
    font-size: 14px;
    min-height: 39px;
    line-height: 37px;
  }
  .adaptive .index div.item a.title p {
    line-height: 16px;
  }
  
  .adaptive .index div.item.projects div.pic {
    width: 67%;
  }
  .adaptive .index div.item.projects .title {
    width: 33%;
  }
  .adaptive .index div.item.projects .title .wrapper {
    top: calc(50% - 22px);
    font-size: 12px;
    line-height: 14px;
    margin-left: 12%;
  }
  .adaptive .index div.item.projects .title .wrapper .date {
    font-size: 16px;
    line-height: 18px;
  }
}
@media screen and (max-width: 560px) {
  .adaptive div.header .slider__item_img a, 
  .adaptive div.headerIn2 {
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
  .adaptive div.header .slider__item_photo, 
  .adaptive div.headerIn2 > img {
    display: none;
    border: none;
    width: 560px;
  }
  .adaptive div.header .slider__item_photo.mobile, 
  .adaptive div.headerIn2 > img.mobile {
    display: block;
  }
  .adaptive div.header .slider__wrapper {
    border-bottom: 1px solid silver;
  }
  
  .adaptive div.slogan {
    top: 18%;
  }
  .adaptive div.headbuts {
    bottom: 13%;
  }
  .adaptive div.specialmenu div.item {
    width: 49%;
    margin-right: 0;
  }
  .adaptive div.specialmenu .shadow {
    font-size: 18px;
  }
  .adaptive div.specialmenu .sm2 {
    display: none;
  }
  .adaptive div.specialmenu .sm3 {
    float: right;
  }
  
  .adaptive .index div.item a.title {
    font-size: 13px;
    min-height: 34px;
    line-height: 32px;
  }
  .adaptive .index div.item a.title p {
    line-height: 14px;
  }
  
  .adaptive .index div.item.projects .title .wrapper {
    top: calc(45% - 18px);
  }
  .adaptive .index div.item.projects .title .wrapper .date {
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.slogan {
    left: calc(50% - 170px);
    width: 340px;
    font-size: 20px;
    line-height: 30px;
  }
  .adaptive div.specialmenu .ico {
    width: 30%;
  }
  .adaptive div.specialmenu .bg {
    width: 70%;
    padding-left: 30%;
  }
  .adaptive div.specialmenu .shadow {
    font-size: 16px;
  }
  .adaptive div.specialmenu .sm1 .shadow {
    height: 56px;
    line-height: 22px;
    padding-top: 14px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .adaptive div.specialmenu .sm3 .border-white {
    width: 80%;
  }
  
  .adaptive .index .podbor {
    width: auto;
  }
  .adaptive .index div.products div.item {
    width: 47%;
    margin-left: 1%;
    margin-right: 1%;
  }
  
  .adaptive .index div.item {
    margin-bottom: 15px;
  }
  .adaptive .index div.lcol, .adaptive .index div.rcol {
    width:100%;
  }
  .adaptive .index div.item a.title {
    padding: 8px 20px;
    font-size: 16px;
    min-height: 44px;
    line-height: 42px;
  }
  .adaptive .index div.item a.title p {
    line-height: 18px;
  }
  
  .adaptive .index div.item.projects {
    display: block;
  }
  .adaptive .index div.item.projects div.pic, 
  .adaptive .index div.item.projects .title {
    width: 100%;
  }
  .adaptive .index div.item.projects .title .wrapper {
    width: 100%;
    top: auto;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
  }
}
@media screen and (max-width: 360px) {
  .adaptive div.slogan {
    top: 22%;
    left: 5%;
    width: 90%;
    font-size: 16px;
    line-height: 26px;
  }
  .adaptive div.slogan a {
    background: url(../i/index_slogan_play.png) 10px 50% no-repeat;
    padding-left: 100px;
  }
  .adaptive div.headbuts {
    bottom: 16%;
  }
  .adaptive div.headbuts div.videopopup {
    top: 30%;
  }
  .adaptive div.specialmenu .shadow {
    font-size: 14px;
  }
  
  .adaptive .index div.item a.title {
    padding: 5px 15px;
    font-size: 14px;
    min-height: 39px;
    line-height: 37px;
  }
  .adaptive .index div.item a.title p {
    line-height: 16px;
  }
  
  .adaptive .index div.item.projects .title .wrapper {
    padding: 5px 20px;
  }
  .adaptive .index div.item.projects .title .wrapper .date {
    font-size: 12px;
    line-height: 14px;
  }
}
@media screen and (max-width: 320px) {
  .adaptive div.slogan {
    top: 24%;
    font-size: 14px;
    line-height: 20px;
  }
  .adaptive div.headbuts {
    bottom: 20%;
  }
  .adaptive div.headbuts div.showcat {
    width: 180px;
  }
  .adaptive div.headbuts div.showcat a.showcatbut {
    font-size: 13px;
  }
  .adaptive div.specialmenu div.item {
    width: 100%;
  }
  .adaptive div.specialmenu .ico {
    width: 24%;
  }
  .adaptive div.specialmenu .bg {
    width: 76%;
    padding-left: 24%;
  }
  .adaptive div.specialmenu .shadow {
    font-size: 18px;
  }
  .adaptive div.specialmenu .sm1 .shadow {
    padding-left: 20%;
    padding-right: 20%;
  }
  .adaptive div.specialmenu .sm3 {
    margin-top: 15px;
  }
  .adaptive div.specialmenu .sm3 .border-white {
    width: 60%;
  }
  
  .adaptive .index div.item a.title {
    font-size: 13px;
    min-height: 34px;
    line-height: 32px;
  }
  .adaptive .index div.item a.title p {
    line-height: 14px;
  }
}


/*************************************/
/* YouTube-видео во всплывающем окне */
/*************************************/

.videopopupWrapper {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/popupvideobg.png);
  z-index: 10200;
}
div.videopopup {
  position: relative;
  background: #333;
  float: left;
  text-align: center;
}
div.videopopup a.closepopup {
  display: block;
  position: absolute !important;
  right: 6px !important;
  top: 8px !important;
  background: #333 url(../i/popupvideoclose.png) 50% 50% no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer !important;
  z-index: 600;
}
div.videopopup p.title {
  position: relative;
  max-width: 1000px;
  margin: 0;
  padding: 0 33px 0 15px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  color: #b2b2b2;
}
div.videopopup iframe {
  display: block;
  margin: 0;
}
@media screen and (max-width: 640px) {
  .adaptive div.videopopup {
    padding-bottom: 56.2%;
  }
  .adaptive div.videopopup iframe {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}


/*************************/
/* Сертификаты и патенты */
/*************************/

div.certs {
  text-align: center;
}
div.certs div.item {
  position: relative;
  float: left;
  margin: 0 10px 25px 10px;
}
div.certs div.item img {
  background: #fff;
  padding: 5px;
  vertical-align: bottom;
  -webkit-box-shadow: 0 1px 5px #aaa;
  box-shadow: 0 1px 5px #aaa;
}
@media screen and (max-width: 960px) {
  .adaptive div.certs div.item {
    width: 17%;
  }
  .adaptive div.certs div.item img {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .adaptive div.certs div.item {
    width: 21%;
  }
}
@media screen and (max-width: 640px) {
  .adaptive div.certs div.item {
    width: 26%;
  }
}
@media screen and (max-width: 560px) {
  .adaptive div.certs div.item {
    width: 29%;
    margin: 0 7px 20px 7px;
  }
}
@media screen and (max-width: 376px) {
  .adaptive div.certs div.item {
    width: 44%;
  }
}


/******************/
/* Обратная связь */
/******************/

.feedback {
  position: relative;
  width: 440px;
  margin: auto;
}
.feedback label {
  width: 90px !important;
}
.feedback .selectSub {
  min-height: 30px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px dashed #ccc;
  font-weight: bold;
}
.feedback .jqTransformSelectWrapper {
  position: relative;
  width: 257px !important;
  height: 30px;
  background: url(../js/jqtransform/img/select_l_podbor2.png) no-repeat top left;
  float: left;
}
.feedback .jqTransformSelectWrapper div span {
  position: absolute;
  height: 25px;
  float: none;
  line-height: 15px;
  padding: 8px 0 0 7px;
  overflow: hidden;
  border-right: none;
  font-size: 13px;
  color: #4c4c4c;
  cursor: pointer;
  white-space: nowrap;
}
.feedback a.jqTransformSelectOpen {
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  width: 30px !important;
  height: 30px !important;
  background: url(../js/jqtransform/img/select_r_podbor.png) no-repeat 100% 0 !important;
  color: #4c4c4c !important;
}
.feedback-form-description div {
  padding-bottom: 25px;
  margin-bottom: 12px;
  border-bottom: 1px dashed #ccc;
  text-align: center;
  font-weight: bold;
}
.feedback #validation {
  padding-left: 100px;
  margin-bottom: 15px;
}
.feedback div.up_c {
  position: relative;
  padding-left: 95px;
}
.feedback .file-item {
  margin-bottom: 7px;
}
.feedback .file-item img.del_file {
  vertical-align: bottom;
  cursor: pointer;
}
.feedback .load-gif {
  display: none;
}
.feedback .uploadBut {
  padding-left: 25px;
  background: url(../i/up_file.png) no-repeat left center;
  color: #116acc;
  cursor: pointer;
}
.feedback .info_for_user {
  position: relative;
  margin-top: 10px;
  padding-left: 95px;
  color: rgb(76, 76, 76);
}
.feedback .info_for_user p {
  margin: 0;
}
.feedback .qt_container {
  height: 45px;
  margin-top: 25px;
  margin-left: 95px;
}
.feedback .QapTcha {
  width: 100%;
}
.feedback .QapTcha .bgSlider {
  width: 145px;
}
.feedback .QapTcha .TxtStatus {
  width: 135px;
  color: #d5484c;
}
.feedback .but_blue {
  padding: 0 30px;
  height: 30px;
  margin-left: 95px !important;
  margin-bottom: 5px;
}
.feedback .but_blue:disabled {
  background: #ccc;
  border: 1px solid #666;
  cursor: default;
}
.feedback .srok {
  position: absolute;
  left: 255px;
  bottom: 55px;
  color: rgb(236, 36, 32);
}
.feedback .privacy_policy {
  margin: 5px 0 5px 95px;
}
.feedback div.order a.back.ok {
  margin: 30px 0 20px 120px;
}
@media screen and (max-width: 960px) {
  .adaptive .feedback {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive .feedback {
    width: 260px;
  }
  .adaptive .feedback label {
     width: 100% !important;
     text-align: left;
  }
  .adaptive .feedback .selectSub {
    padding-bottom: 20px;
    margin-bottom: 15px;
  }
  .adaptive .feedback .selectSub label {
     width: 80px !important;
     text-align: right;
  }
  .adaptive .feedback .inputbox {
    margin-bottom: 10px;
  }
  .adaptive .feedback textarea {
    margin-bottom: 20px;
  }
  .adaptive .feedback .jqTransformSelectWrapper {
    width: 127px !important;
  }
  .adaptive .feedback .jqTransformSelectWrapper > div > span {
    width: 108px !important;
  }
  .adaptive .feedback .jqTransformSelectWrapper > ul {
    width: 126px !important;
  }
  .adaptive .feedback-form-description div {
    padding-bottom: 15px;
    margin-bottom: 6px;
  }
  .adaptive .feedback #validation {
    padding-left: 0;
    margin: 5px;
    text-align: center;
  }
  .adaptive .feedback div.up_c, 
  .adaptive .feedback .info_for_user {
    padding-left: 30px;
  }
  .adaptive .feedback .qt_container {
    margin-top: 15px;
    margin-left: 55px;
  }
  .adaptive .feedback .QapTcha {
    margin-bottom: 10px;
  }
  .adaptive .feedback .QapTcha .TxtStatus {
    width: 130px;
    font-size: 13px;
    text-align: center;
  }
  .adaptive .feedback .but_blue {
    display: block;
    margin: 5px auto !important;
  }
  .adaptive .feedback .srok {
    position: relative;
    left: 0;
    bottom: 0;
    text-align: center;
  }
  .adaptive .feedback .privacy_policy {
    margin: 10px 45px;
    font-size: 10px;
    line-height: 12px;
  }
  .adaptive .feedback .privacy_policy br {
    display: none;
  }
}


/**************************/
/* Заявка на поиск товара */
/**************************/

.product_search {
  width: 92%;
}
.product_search_mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .adaptive .product_search {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .adaptive .product_search {
    display: none;
  }
  .adaptive .product_search_mobile {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
}


/******************/
/* Личный кабинет */
/******************/

div.login {
  width: 400px;
  margin: 0 auto;
}

.form.auth {
  margin-bottom: 30px;
}
.form.auth .forgot {
  position: relative;
  top: -15px;
  width: 320px;
  margin: 0 0 -7px 0;
  text-align: right;
  clear: both;
}
.form.auth .but_blue {
  margin-left: 60px;
}

.lostpassword {
  text-align: center;
}
.lostpassword .form {
  width: 260px;
  margin: 0 auto;
}
.lostpassword .form.auth .inputbox {
  width: 248px;
}
.lostpassword .form.auth .but_blue {
  margin-left: 0;
}

div.sep {
  margin-bottom: 25px;
  height: 1px;
  background: url(../images/dashed.gif) 0 0 repeat-x;
}

.form.reg label {
  width: 140px;
}
.form.reg #regemail {
  float: none;
}
.form.reg #erm {
  display: none;
  position: relative;
  top: -5px;
  left: 140px;
  width: 248px;
  color: red;
}
.form.reg label.password, 
.cabinet .form.auth label.password {
  padding-top: 20px;
}
.password-desc {
  font-size: 12px;
  font-weight: bold;
}
.form.reg .mailer-desc {
  margin-left: 15px;
}
.form.reg .but_blue {
  margin-top: 10px;
  margin-left: 140px;
}
.form.reg .privacy_policy {
  margin: 5px 0 5px 140px;
}

.cabinet .head {
  margin-bottom: 20px;
}
.cabinet .head a {
  display: block;
  position: relative;
  height: 23px;
  margin-right: 10px;
  padding: 5px 20px 0 20px;
  float: left;
  background: #fff;
  border: 1px solid #b8e0f4;
  font-size: 13px;
  color: #116acc;
}
.cabinet .head a.active, .cabinet .head a:hover {
  font-weight: 700;
  color: #000;
  background: #d7eeff;
  text-decoration: none;
}
.cabinet .head a.active span, .cabinet .head a:hover span {
  position: absolute;
  display: block;
  width: 9px;
  height: 5px;
  background: url(../images/cab_tab_a.gif) 0 0 no-repeat;
  bottom: -5px;
  left: 50%;
  margin-left: -4px;
}
.cabinet h2 {
  margin-bottom: 18px;
}
.cabinet h2 a {
  font-size: 12px;
  margin-left: 5px;
  color: #4c4c4c;
  background: url(../images/dotted.gif) 0 100% repeat-x;
  text-decoration: none;
  font-weight: 500;
}
.cabinet dl {
  margin-bottom: 15px;
  font-size: 13px;
}
.cabinet dt {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 6px;
}
.cabinet dd p {
  margin-bottom: 3px;
}
.cabinet .logout {
  font-size: 14px;
  font-weight: bold;
}

.cabinet .form.auth label {
  width: 120px;
}
.cabinet .form.auth .inputbox {
  width: 248px;
}
.cabinet .form.auth .password-desc {
  width: 260px;
  padding-left: 120px;
}
.cabinet .form.auth .mailer-desc {
  width: 180px;
}

.myorder {
  font-size: 13px;
}
.myorder div.rest, 
.myorder p.main br {
  display: none;
}
.myorder p.main {
  color: #4c4c4c;
}
.myorder p.main b {
  color: #000;
}
.myorder p.main a {
  margin-right: 7px;
  text-decoration: none;
  padding-left: 12px;
  background: url(../images/cab_plus.gif) 0 3px no-repeat;
}
.myorder p.main a u {
  text-decoration: none;
  background: url(../images/dotted_blue.gif) 0 100% repeat-x;
  cursor: pointer;
}
.myorder p.main a:hover {
  color: #116acc;
}
.myorder p.main a:hover u {
  background: none;
}
.myorder p.main a.active {
  background-image: url(../images/cab_minus.gif);
}

.myorder table {
  width: 100%;
  border-bottom: 2px solid #b8e0f4;
  margin-bottom: 12px;
}
.myorder tbody tr:first-child td {
  border-top: 2px solid #b8e0f4;
}
.myorder table tbody td {
  background: url(../images/dashed.gif) 0 100% repeat-x;
}
.myorder table tbody tr:last-child td, 
.myorder tr.kit > td, 
.myorder tr.kit_rest > td {
  background: none;
}
.myorder table thead td {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  padding: 3px 8px 10px 0;
}
.myorder table td {
  font-size: 12px;
  padding: 13px 8px 15px 0;
  vertical-align: middle;
}
.myorder table .title {
  width: 450px;
}
.myorder table .for {
  width: 110px;
}
.myorder table tbody .for {
  font-size: 11px;
  line-height: 14px;
  color: #4c4c4c;
}
.myorder table .price {
  width: 55px;
}
.myorder table .num {
  width: 45px;
  text-align: center;
}
.myorder table .sum {
  text-align: right;
}
.myorder tr.kit a {
  cursor: pointer;
}
.myorder tr.kit_rest {
  display: none;
}
.myorder tr.kit_rest > td {
  padding: 0 26px;
}
.myorder tr.kit_rest table {
  width: 805px;
  background-color: #f6f6f6;
}
.myorder tr.kit_rest table tr td {
  padding: 15px;
  border-color: #dedede;
}
.myorder tr.kit_rest .title {
  width: 635px;
}
.myorder tr.kit_rest .num {
  text-align: left;
}

.pay {
  margin-top: 5px;
}
.but_blue.payButton {
  padding: 6px 20px;
  line-height: 28px;
}
.but_blue.payButton:hover {
  color: white;
}

@media screen and (max-width: 960px) {
  .adaptive .lostpassword .form {
    padding-bottom: 20px;
  }
  .adaptive .form.reg .privacy_policy {
    margin: 5px 0 20px 140px;
  }
  
  .adaptive .myorder table .cat {
    display: none;
  }
  .adaptive .myorder table .title {
    width: 410px;
  }
  .adaptive .myorder tr.kit_rest table {
    width: 690px;
  }
  .adaptive .myorder tr.kit_rest .title {
    width: 530px;
  }
  .adaptive .myorder div.sum {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .adaptive .login .form .inputbox {
    width: 248px;
  }
  
  .adaptive .myorder table .title {
    width: 66%;
  }
  .adaptive .myorder table .for {
    display: none;
  }
  .adaptive .myorder tr.kit_rest table {
    width: 95%;
  }
  .adaptive .myorder tr.kit_rest > td {
    padding: 0 20px;
  }
  .adaptive .myorder tr.kit_rest .title {
    width: 72%;
  }
}
@media screen and (max-width: 640px) {
  .adaptive .myorder table .n {
    display: none;
  }
  .adaptive .myorder tr.kit_rest table {
    width: 100%;
  }
  .adaptive .myorder tr.kit_rest > td {
    padding: 0;
  }
  .adaptive .myorder tr.kit_rest .title {
    width: 66%;
  }
}
@media screen and (max-width: 560px) {
  .adaptive .myorder table .title, 
  .adaptive .myorder tr.kit_rest .title {
    width: 57%;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.login, 
  .adaptive .form.auth .forgot {
    width: 260px;
  }
  .adaptive .login .form .inputbox, 
  .adaptive .cabinet .form .inputbox {
    margin-bottom: 10px !important;
  }
  .adaptive div.login p {
    margin-bottom: 8px;
  }
  .adaptive .form.auth .forgot {
    top: -5px;
    margin: 0 0 5px 0;
  }
  .adaptive .form.reg #erm {
    left: 0;
  }
  .adaptive .form.reg label.password, 
  .adaptive .cabinet .form.auth label.password {
    float: none;
    padding-top: 0;
  }
  .adaptive .password-desc {
    font-size: 11px;
  }
  .adaptive .form.reg .mailer-desc {
    margin-left: 7px;
  }
  .adaptive .form.reg .but_blue {
    margin-top: 16px;
  }
  .adaptive .form.auth .but_blue, 
  .adaptive .form.reg .but_blue {
    margin-left: 0;
  }
  .adaptive .form.reg .privacy_policy {
    margin: 5px 0 20px 0px;
  }
  .adaptive .form.confirm {
    width: 260px;
    margin: auto;
    text-align: center;
  }
  
  .adaptive .cabinet {
    padding-bottom: 15px;
  }
  .adaptive .cabinet .head a {
    box-sizing: border-box;
    width: 33.3%;
    height: 44px;
    margin-right: 0;
    padding: 5px 15% 5px 7px;
  }
  .adaptive .cabinet h2 {
    text-align: center;
  }
  .adaptive .cabinet .logout {
    display: block;
    font-size: 13px;
    text-align: center;
  }
  
  .adaptive .cabinet .form.auth {
    width: 260px;
    margin: 0 auto;
  }
  .adaptive .cabinet .form.auth .password-desc {
    padding-left: 0;
  }
  
  .adaptive .myorder table .price {
    display: none;
  }
  .adaptive .myorder tr.kit_rest .price {
    display: table-cell;
  }
  .adaptive .myorder table .title, 
  .adaptive .myorder tr.kit_rest .title {
    width: 63%;
  }
  .adaptive .myorder tr.kit_rest table tr td {
    padding: 10px;
  }
  .adaptive .myorder div.sum {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 360px) {
  .adaptive .myorder p.main {
    line-height: 18px;
  }
  .adaptive .myorder p.main br {
    display: inline-block;
    padding-top: 5px;
  }
  .adaptive .myorder table thead {
    display: none;
  }
  .adaptive .myorder table .title, 
  .adaptive .myorder tr.kit_rest .title {
    width: 66%;
  }
  .adaptive .myorder table .num {
    width: 12%;
  }
  .adaptive .myorder table .sum {
    width: 22%;
  }
}
@media screen and (max-width: 320px) {
  .adaptive .myorder tr.kit_rest .num {
    display: none;
  }
}


/**************/
/* Ошибка 404 */
/**************/

.error-404 {
  width: 500px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .adaptive .error-404 {
    width: 100%;
  }
}


/**********************/
/* Рассрочка Тинькофф */
/**********************/

.modal-root--3RoMz {
  z-index: 10500 !important;
}
#tinkoff-modal {
  z-index: 11100;
}
.tinkoff_installment {
  margin-bottom: 35px;
}
@media screen and (max-width: 640px) {
  .adaptive .tinkoff_installment p {
    font-size: 13px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive .tinkoff_installment {
    text-align: center;
  }
  .adaptive .tinkoff_installment p {
    font-size: 12px;
  }
  .adaptive .order .TINKOFF_BTN_YELLOW {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 320px) {
  .adaptive .tinkoff_installment button.M {
    padding-right: 25px;
  }
}


/**************/
/* Sbelka.biz */
/**************/

.jconfirm-box {
  width: 425px !important;
}
.sdelka_promocode_form_input {
  height: 30px !important;
  font-size: 12px !important;
}
@media screen and (max-width: 480px) {
  .adaptive .jconfirm-box {
    width: 88% !important;
  }
  .adaptive .sdelka_promocode_form_column {
    margin: 0 10px !important;
  }
  .adaptive .sdelka_promocode_form_label {
    display: block !important;
  }
  .adaptive .sdelka_promocode_form_input {
    margin: 5px 0 !important;
    padding: 0 15px !important;
  }
}
@media screen and (max-width: 360px) {
  .adaptive .jconfirm-box {
    width: 85% !important;
  }
}


/*****************/
/* Виджет amoCRM */
/*****************/

/* исправление ошибки виджета: блокировка прокрутки страницы */
body {
  overflow: visible !important;
}
p.amo-brand__link-holder {
  display: none !important;
}

.amo-button-holder {
  right: 48px !important;
  bottom: 48px !important;
}
@media screen and (max-width: 960px) {
  .amo-button-holder {
    right: 2% !important;
    bottom: 118px !important;
  }
  .adaptive.minimalism .amo-button-holder {
    right: 3% !important;
    bottom: 48px !important;
  }
}
@media screen and (max-width: 768px) {
  .amo-button-holder {
    right: 3% !important;
    bottom: 128px !important;
  }
  .adaptive.minimalism .amo-button-holder {
    bottom: 48px !important;
  }
}
@media screen and (max-width: 320px) {
  .amo-button-holder {
    right: 2% !important;
  }
}


/******************************************/
/* Разделы "Где купить", "Где установить" */
/******************************************/

div.shops {
  margin-bottom: 30px;
  padding-bottom: 3px;
  box-shadow: 0 1px 5px #999;
  -webkit-box-shadow: 0 1px 5px 999;
  background: #fff;
  line-height: normal;
}
div.shops p.title {
  margin: 0;
  padding: 6px 13px 3px 13px;
  background: #f7eb14;
  border: 1px solid #e0d00b;
  color: #000;
  font-weight: 700;
  font-size: 16px;
}
div.shops dl {
  padding: 11px 10px 13px 10px;
  background: url(../images/dashed.gif) 0 100% repeat-x;
  font-size: 14px;
}
div.shops dl:last-child {
  background: none;
}
div.shops dt {
  margin-right: 20px;
  padding-left: 30px;
  min-height: 20px;
  background: url(../images/ico_marker.png) 8px 2px no-repeat;
}
div.shops dd {
  display: none;
}


/******************/
/* Раздел "Видео" */
/******************/

div.videos {
  position: relative;
  width: 900px;
}
div.videos div.videosHead {
  margin-bottom: 20px;
}
div.videos div.videosHead h1 {
  margin: 0;
  float: left;
}
div.videos div.videosHead div.filter {
  position: relative;
  left: -20px;
  float: right;
  line-height: 35px;
}
div.videos div.videosHead div.filter a {
  display: inline-block;
  margin-left: 20px;
  background: url(../images/dotted.gif) 0 18px repeat-x;
  color: #4c4c4c;
  vertical-align: bottom;
  line-height: 22px;
  text-decoration: none;
  cursor: pointer;
}
div.videos div.videosHead div.filter a.active {
  background: none;
  font-weight: 700;
  color: #000;
}
div.videos div.item {
  display: inline-block;
  position: relative;
  width: 425px;
  margin: 0 20px 20px 0;
  vertical-align: top;
}
div.videos div.item span.title {
  font-size: 14px;
  font-weight: 700;
}
div.videos div.item iframe {
  margin-top: 7px;
  margin-bottom: 3px;
}
div.videos div.item p {
  font-size: small;
}

@media screen and (max-width: 960px) {
  .adaptive div.videos {
    width: auto;
  }
  .adaptive div.videos div.item {
    width: calc(49% - 5px);
  }
  .adaptive div.videos div.item:nth-child(2n) {
    margin-right: 0;
  }
  .adaptive div.videos div.item span.title {
    font-size: 12px;
  }
  .adaptive div.videos div.item iframe {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .adaptive div.videos div.item {
    width: calc(49%);
    margin: 0 8px 20px 0;
  }
}
@media screen and (max-width: 640px) {
  .adaptive  div.videos div.item {
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.videos div.item {
    width: 100%;
    margin-right: 0;
  }
  .adaptive div.videos div.videosHead h1 {
    float: none;
  }
  .adaptive div.videos div.videosHead div.filter { 
    width: 100%;
    left: 0;
    text-align: center;
  }
  .adaptive div.videos div.videosHead div.filter a {
    margin-left: 10px;
    margin-right: 10px;
  }
}


/*************************/
/* Модуль "Вопрос-Ответ" */
/*************************/

div.qa {
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
  line-height: normal;
}
div.qa div.head a.ask {
  display: block;
  height: 23px;
  padding: 0 20px;
  float: left;
  border: 1px solid #1f5ba1;
  background: url(../images/but_blue.png) 0 0 repeat-x;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  line-height: 23px;
}
div.qa div.head form {
  margin-bottom: 20px;
  float: right;
}
div.qa div.head .qsearch_input {
  width: 310px;
  height: 13px;
  padding: 5px 0 5px 5px;
  background: url(../images/input.gif) 0 0 repeat-x;
  border: 1px solid #d9d9d9;
  border-right: 0;
  float: left;
  font-size: 12px;
  color: #4c4c4c;
  line-height: 12px;
}
div.qa div.head .qsearch_but {
  width: 25px;
  height: 25px;
  float: left;
  background: url(../images/q_search.png) 0 0 no-repeat;
  border: 0;
}
div.qa p.no-results {
  padding-bottom: 7px;
  font-size: 16px;
}
div.qa div.item {
  box-shadow: 0 1px 5px #999;
  -webkit-box-shadow: 0 1px 5px 999;
  margin-bottom: 30px;
  background: #fff;
}
div.qa div.item p.info {
  margin: 0;
  padding: 6px 13px 5px 13px;
  background: #d7eeff;
  border: 1px solid #b8e0f4;
  color: #4c4c4c;
  font-size: 12px;
}
div.qa div.item p.info i {
  font-size: 11px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}
div.qa div.item div.q {
  background: url(../images/dashed.gif) 0 100% repeat-x;
}
div.qa div.item div.q2 {
  padding: 10px 20px 13px 40px;
  background: url(../images/ico_q.png) 15px 13px no-repeat;
  font-size: 14px;
  font-weight: 700;
  color: #004275;
}
div.qa div.item div.a {
  padding: 11px 20px 16px 40px;
  background: url(../images/ico_arr.png) 15px 13px no-repeat;
  font: italic 14px Trebuchet MS, Helvetica, sans-serif;
}

div.ask {
  margin-top: 25px;
  margin-bottom: 20px;
  padding: 20px 15px;
  box-shadow: 0 1px 5px #999;
  -webkit-box-shadow: 0 1px 5px 999;
  background-color: #e5e5e5;
  line-height: normal;
}
div.ask .h3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
}
div.ask p.cta {
  font-size: 14px;
}
.qa-list div.ask fieldset {
  width: 665px;
}
div.ask label {
  width: 60px;
  margin-bottom: 20px;
  float: left;
  clear: both;
  line-height: 30px;
  font-size: 13px;
  color: #000000;
}
div.ask .inputbox {
  width: 248px;
  height: 20px;
  margin-bottom: 20px;
  padding: 4px;
  float: left;
  background: #ffffff url(../images/input2.jpg) 0 0 repeat-x;
  color: #4c4c4c;
  font-size: 13px;
}
div.ask input, textarea {
  border: 1px solid #bec1c5;
}
div.ask div.right {
  float: right;
}
div.ask div.captcha {
  padding-bottom: 10px;
}
div.ask div.captcha label {
  line-height: 14px;
  width: 110px;
}
div.ask div.captcha img {
  margin: 0 10px 0 20px;
  float: left;
}
div.ask div.captcha .inputbox {
  width: 78px;
}
div.ask div.bottom {
  clear: both;
}
div.ask div.question label {
  display: block;
  position: absolute;
  width: 60px;
}
div.ask div.question textarea {
  width: 599px;
  height: 80px;
  margin-left: 60px;
  margin-bottom: 20px;
  padding: 6px 4px 6px 4px;
  background: #ffffff url(../images/input2.jpg) 0 0 repeat-x;
  font-size: 13px;
  color: #4c4c4c;
}

.ask .bottom .but_blue:disabled {
  cursor: default;
  background: #ccc;
  border: 1px solid #666;
}
.ask .QapTcha {
  margin-bottom: 23px;
}

div.status_ok {
  display: block;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 13px 15px 0 15px;
  background-color: #dfd;
  border: 1px solid #beb;
}
div.status_ok p {
  font: 14px Arial, Helvetica, sans-serif;
  color: green;
}

@media screen and (max-width: 960px) {
  .adaptive div.qa div.item div.q2, 
  .adaptive div.qa div.item div.a {
    word-wrap: break-word;
  }
  .adaptive div.ask .h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .adaptive div.qa p.no-results {
    font-size: 15px;
  }
  .adaptive div.ask div.right {
    float: none;
  }
  .adaptive .qa-list div.ask fieldset, 
  .adaptive .ask .QapTcha {
    width: 100%;
  }
  .adaptive div.ask div.question textarea {
    width: 85%;
  }
}
@media screen and (max-width: 640px) {
  .adaptive div.qa div.head .qsearch_input {
    width: calc(100vw - 180px);
  }
  .adaptive div.qa p.no-results {
    padding-bottom: 0;
  }
  .adaptive div.qa div.item {
    margin-bottom: 20px;
  }
  .adaptive div.ask {
    margin-top: 20px;
  }
}
@media screen and (max-width: 560px) {
  .adaptive div.ask div.question textarea {
    width: 80%;
    height: 100px;
  }
  .adaptive .ask .QapTcha {
    margin-bottom: 8px;
  }
  .adaptive .ask .QapTcha .TxtStatus {
    float: none;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.qa {
    margin-bottom: 15px;
  }
  .adaptive div.qa div.head {
    text-align: center;
  }
  .adaptive div.qa div.head a.ask {
    display: inline-block;
    float: unset;
    margin-bottom: 20px;
  }
  .adaptive div.qa div.head form {
    float: unset;
  }
  .adaptive div.qa div.head .qsearch_input {
    width: calc(99% - 20px);
  }
  .adaptive div.qa div.head .qsearch_but {
    margin-left: -10px;
  }
  .adaptive div.qa p.no-results {
    font-size: 14px;
  }
  .adaptive div.qa div.item p.info {
    font-size: 11px;
    padding: 5px 10px;
  }
  .adaptive div.qa div.item p.info i {
    font-size: 10px;
  }

  .adaptive div.qa div.item {
    margin-bottom: 15px;
  }
  .adaptive div.qa div.item div.q2, 
  .adaptive div.qa div.item div.a, 
  .adaptive div.ask p.cta {
    font-size: 13px;
  }
  .adaptive div.qa div.item div.q2, 
  .adaptive div.qa div.item div.a {
    padding: 10px;
    padding-left: 32px;
    background-position-x: 8px;
  }
  
  .adaptive div.ask {
    margin-top: 10px;
    padding: 18px 14px;
  }
  .adaptive div.ask .h3 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .adaptive div.ask p.cta {
     margin-bottom: 6px;
  }
  .adaptive div.ask label, 
  .adaptive div.ask .inputbox, 
  .adaptive div.ask div.question textarea {
    font-size: 12px;
  }
  .adaptive div.ask div.question label {
    position: relative;
  }
  .adaptive div.ask label {
    margin-bottom: 0;
  }
  .adaptive div.ask div.question textarea {
    margin-left: 0;
    width: 97%;
    height: 120px;
  }
  .adaptive div.ask .inputbox {
    float: right;
    width: 75%;
  }
  .adaptive div.ask .privacy_policy {
    width: 220px;
    font-size: 10px;
    line-height: 14px;
  }
  .adaptive div.ask .privacy_policy br {
    display: none;
  }
}
@media screen and (max-width: 360px) {
  .adaptive div.qa p.no-results {
    font-size: 13px;
  }
  .adaptive div.ask .inputbox {
    width: 70%;
  }
}
@media screen and (max-width: 320px) {
  .adaptive div.qa p.no-results {
    font-size: 12px;
  }
  .adaptive div.ask {
    padding: 15px 12px;
  }
  .adaptive div.ask .h3 {
    font-size: 14px;
  }
  .adaptive div.ask p.cta {
    font-size: 12px;
  }
  .adaptive div.ask label, 
  .adaptive div.ask .inputbox, 
  .adaptive div.ask div.question textarea {
    font-size: 11px;
  }
  .adaptive div.ask div.question textarea {
    width: 95%;
  }
  .adaptive div.ask .inputbox {
    width: 65%;
  }
}


/**************************************************/
/* Статические страницы, Новости, Статьи, Проекты */
/**************************************************/

p.lead {
  font-weight: 700;
  font-style: italic;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}


/********************/
/* Раздел "Проекты" */
/********************/

div.projects_list {
  padding-top: 3px;
  margin-right: -20px;
}
div.projects_list div.item {
  position: relative;
  float: left;
  width: calc(33.33% - 20px);
  margin: 0 20px 20px 0;
}
div.projects_list div.item img {
  display: block;
  max-width: 100%;
}
div.projects_list div.item a.title {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 3px 0;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: url(../i/index_item_shad.png);
  vertical-align: middle;
  color: #bcdcff;
  font-size: 14px;
  font-weight: 700;
}
div.projects_list div.item a.title span {
  display: inline-block;
  padding: 0 20px;
  line-height: 24px;
}
div.projects_list div.item a.title:hover {
  background: url(../i/index_item_shad_h.png);
}

div.projects_artice {
  padding-top: 8px;
  font: 300 16px/20px 'Roboto', sans-serif;
}
div.projects_artice div.lead {
  position: relative;
  margin-bottom: 10px;
}
div.projects_artice div.lead h1 {
  position: absolute;
  top: 20px;
  left: 30px;
  font: 500 30px/40px 'Roboto', sans-serif;
  text-shadow: 1px 1px 1px #000;
  color: #fff;
}
div.projects_artice ul {
  margin: 0px 0px 10px 18px;
}
div.projects_artice ol {
  margin: 0px 0px 10px 20px;
}
div.projects_artice ol li {
  margin-bottom: 10px;
}
div.projects_artice table {
  margin-bottom: 7px;
}
div.projects_artice table td {
  padding: 7px;
  border: 1px solid #444444;
}
div.projects_artice blockquote {
  margin-left: 120px;
  margin-bottom: 27px;
  padding-left: 17px;
  border-left: 3px solid #30ae49;
  line-height: 15px;
  font-size: 14px;
  color: #6b6b6b;
}

@media screen and (max-width: 960px) {
  .adaptive div.projects_list div.item a.title span {
    padding: 0 10px;
  }
}
@media screen and (max-width: 720px) {
  .adaptive div.projects_list {
    margin-right: 0;
  }
  .adaptive div.projects_list div.item {
    width: calc(50% - 15px);
  }
  .adaptive div.projects_list div.item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .adaptive div.projects_list {
    padding-left: 13px;
    padding-right: 13px;
  }
  .adaptive div.projects_list div.item {
    width: auto;
    max-width: 340px;
    float: none;
    margin-left: auto;
    margin-right: auto !important;
  }
  .adaptive div.projects_list div.item a.title span {
    padding: 0 20px;
  }
  .adaptive  div.projects_artice div.lead h1 {
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
  }
}

/**************************************************/
/* Список информационных постов: Статьи / Новости */
/**************************************************/

.info-list {
  display: flex;
  flex-wrap: wrap;
}
.info-list .item {
  height: 100%;
  width: calc(49% - 15px);
  margin-right: 20px;
  margin-bottom: 20px;
}
.info-list .item p {
  font-size: 12px;
  margin-bottom: 6px;
}
.info-list .item .info {
  font-size: 14px;
}
.info-list .item .description {
  min-height: 10px;
}
.info-list .item .description:empty {
  display: none;
}
.info-list .item .date i {
  display: block;
}
@media screen and (max-width: 699px) {
  .adaptive .info-list  {
    margin-right: 0;
  }
}
@media screen and (max-width: 550px) {
  .adaptive .info-list .item {
    width: calc(50% - 10px);
  }
  .adaptive .info-list .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .adaptive .info-list {
    display: block;
  }
  .adaptive .info-list .item {
    width: auto;
    margin-bottom: 25px;
  }
}


/****************************************************/
/* Карточка информационного поста: Статья / Новость */
/****************************************************/

.info-view-img img {
  display: block;
  margin: 0 auto;
  padding-bottom: 5px;
}
.info-view .likes {
  position: relative;
}
.info-view .likes table {
  width: 260px !important;
  margin: auto;
  text-align: center;
}

@media screen and (max-width: 550px) {
  .adaptive .info-view img {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  .adaptive .news-view table p {
    padding-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  .adaptive .info-view table {
    width: 100%;
    font-size: 10px;
  }
  .adaptive .info-view table th, .adaptive .news-view table td {
    padding: 8px 4px;
  }
  .adaptive .news-view table p {
    padding-top: 15px;
  }
  .adaptive .info-view table #vk_like {
    max-width: calc(100vw - 60px) !important;
  }
  .adaptive .info-view table #vk_like iframe {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 320px) {
  .adaptive .info-view table th, .adaptive .news-view table td {
    padding: 8px 2px;
  }
  .adaptive .news-view table p {
    padding-top: 0;
  }
}


/********************/
/* Карточка новости */
/********************/

.news-view {
  padding: 30px;
  padding-bottom: 50px;
  text-align: center;
}
.news-view table {
  width: 100%;
  margin: auto;
}
.news-view table th {
  background-color: #dedede;
}
.news-view table th, .news-view table td {
  padding: 10px;
}
.news-view table p {
  padding-top: 30px;
}
.news-view ul {
  text-align: left;
}
.news-view-text {
  padding-left: 70px;
  padding-right: 70px;
}

@media screen and (max-width: 960px) {
  .news-view {
    padding: 30px;
    padding-bottom: 50px;
  }
  .adaptive .news-view-text {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .adaptive .news-view-text {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .adaptive .news-view {
    padding: 15px 0 30px 0;
  }
}

/*
!!! НИЖЕ НЕ АДАПТИРОВАНО
*/

/**********************/
/* Режим сайта "Клуб" */
/**********************/

.page_alert {
  text-align: center;
  padding: 20px;
  display: none;
}
.page_alert p {
  font-weight: bold;
}
.page_alert button {
  cursor: pointer;
  padding: 5px 10px 5px 10px;
  font-weight: bold;
}

.go_to_td, .go_to_ap {
  font-size: 13px;
}
.go_to_td {
  color: #0662b5;
}
.go_to_td span {
  color: red;
}
.go_to_td:hover {
  box-shadow: 0 0 10px rgba(0,0,0,0.7);
}


/****************************/
/* Модуль "СпецПредложения" */
/****************************/

.popup_offers {
  display: none;
  position: fixed;
  background: url(../images/popup_bg.png);
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.popup_offers div.viewIn {
  line-height: 18px;
  font-family: Verdana;
  background: #fff;
  -webkit-box-shadow: 0 0 5px #666666;
  box-shadow: 0 0 5px #666666;
  position: relative;
  width: 480px;
  padding: 20px;
  margin-left: -240px;
  left: 50%;
}
.popup_offers a.close {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 23px;
  height: 23px;
  background: url(../images/popup_close.gif) 50% 50% no-repeat;
  cursor: pointer;
  z-index: 1001;
}
.popup_offers .h1 {
  margin-bottom: 0px !important;
  font: normal 30px "Roboto", sans-serif !important;
}
.popup_offers .h2 {
  margin-bottom: 0px !important;
  font: normal 18px "Roboto", sans-serif !important;
}
.popup_offers .text {
  padding-top: 5px;
  padding-bottom: 12px;
  font-size: small;
}
.popup_offers .text p {
  margin: 2px 0px 2px 0px;
}
.popup_offers .text ul {
  list-style: disc;
  margin: 2px 0px 2px 16px;
}
.popup_offers .text ol {
  list-style: decimal;
  margin: 2px 0px 2px 18px;
}
.popup_offers .text ul img, .popup_offers .text ol img {
  margin: 2px 0px 2px 0px;
}
.popup_offers .text ul ul, .popup_offers .text ol ul {
  list-style: circle;
}
.popup_offers .text ul ul ul, .popup_offers .text ol ol ul, .popup_offers .text ul ol ul {
  list-style: square;
}
.popup_offers .text img {
  margin: 7px 0px 7px 0px;
}
.popup_offers .text hr {
  margin: 5px 0px 5px 0px;
}
.popup_offers .text table {
  margin: 5px 0px 10px 0px;
  border: 1px solid #444444;
}
.popup_offers .text table td {
  background: none;
  border: 1px solid #444444;
  padding: 7px;
}
.popup_offers .but-cont {
  height: 30px;
  text-align: center;
}


/****************/
/* Форма заявки */
/****************/

div.request label {
  width: 200px;
  padding-top: 5px;
  margin-right: 20px;
  clear: left;
  float: left;
  text-align: right;
  line-height: 18px;
  font-size: 13px;
  color: #4c4c4c;
}
div.request .inputbox {
  width: 238px;
  height: 20px;
  padding: 4px 10px;
  margin-bottom: 20px;
  float: left;
  font-size: 13px;
  color: #4c4c4c;
}
div.request textarea {
  width: 238px;
  height: 100px;
  padding: 4px 10px;
  margin-bottom: 30px;
  float: left;
  line-height: 18px;
  font-size: 13px;
  color: #4c4c4c;
}
div.request .but_blue {
  margin-left: 220px;
}
div.request.sent {
  text-align: center;
}
div.request .ok {
  width: 240px;
  margin: auto;
}
div.request .but_gray {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
}


/****************************************************/
/* ЮKassa - Страница с информацией об оплате заказа */
/****************************************************/

.pay-status {
  margin-bottom: 20px;
}
.pay-status .ok {
  width: 90%;
  max-width: 440px;
  min-width: 240px;
  margin: auto;
}
.pay-status .but_gray {
  margin: 0 auto !important;
}
@media screen and (max-width: 480px) {
  .pay-status .ok br {
    display: none;
  }
}


/****************************************/
/* Форма подписки на рассылку Unisender */
/****************************************/

.container-module_container__PQouW, .main-module_close__0BnEN, .backdrop-module_backdrop__4QJug {
  display: none;
}
.container-module_container__PQouW {
  min-width: 280px !important;
  z-index: 10499 !important;
}
.backdrop-module_backdrop__4QJug {
  z-index: 10498 !important;
}
#unisender-subscribe-form .container>table>tbody>tr>td>table {
  max-width: 280px !important;
}
#unisender-subscribe-form .container>table>tbody>tr>td>table>tbody>tr>td {
  max-width: 280px !important;
  padding: 0 !important;
}
#unisender-subscribe-form .container>table>tbody>tr>td>table>tbody>tr>td>table:nth-child(2) div>label,
#unisender-subscribe-form .container>table>tbody>tr>td>table>tbody>tr>td>table:nth-child(2) div>div {
  width: 100% !important;
}
#unisender-subscribe-form td:has(>button) {
  background: linear-gradient(to top, #1c5fa8 , #5a9ce4);
  cursor: pointer;
}
#unisender-subscribe-form td>button {
  background: none !important;
  cursor: pointer;
}

button.quickbuy_button {
  height: 50px;
  margin: 0 auto 10px auto;
  display: block;
  width: 198px;
  padding: 0;
}

.delivery-p,  fieldset.payment .payments p {
  margin-bottom: 15px !important;
}
.delivery-p label, fieldset.payment .payments label {
  position: relative;
  padding-left: 100px !important;
  box-sizing: border-box;
  min-height: 50px;

}
.delivery-p  input.radio {
  margin-top:20px;
}
fieldset.payment .payments input.radio {
  margin-top:14px;
}
fieldset.payment .payments label {
  padding-left: 70px !important;

}
.delivery-p .delivery__pic, fieldset.payment .payments  .payment__pic {
  position: absolute;
  left: 10px;
  top:0;
  mix-blend-mode: multiply;
  display: flex;
  justify-content: center;
  width: 76px;
}
fieldset.payment .payments  .payment__pic {
  width: 50px;
}
fieldset.payment .payments  .payment__pic img {
  max-width: 40px;
  max-height: 40px;
}
.delivery-p .delivery__info,  fieldset.payment .payments .payment__info {
  display: block;
  padding-top: 3px;
  font-weight: 400;
  font-size: 80%;
  line-height: 110%;
}

.order div.form .inputbox.gorod {
  margin-top: 0
}

.delivery-p label[for=delivery-1] {
  padding-top: 10px;
}

@media screen and (max-width: 400px) {
  
  .delivery-p label[for=delivery-1] {
    padding-top: 4px;
  }
}
.delivery-p label[for=delivery-2] {
  padding-top: 10px;
}

@media screen and (max-width: 400px) {
  
  .delivery-p label[for=delivery-2] {
    padding-top: 4px;
  }
}


.roistat-multiwidget-pulsator-holder {
  bottom: 35px !important;
}
@media screen and (max-width: 960px) {
  .roistat-multiwidget-pulsator-holder {
    bottom: 115px !important;
  }
  .minimalism .roistat-multiwidget-pulsator-holder {
    bottom: 50px !important;
  }
}


.using_cookies{
  position:fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #dedede;
  border: 1px solid #c2c2c2;
  padding: 15px;
  z-index: 20000;
  box-sizing: border-box;
}
.using_cookies .uc_wrap{
  width: 100%;
  height: auto;
  max-width: 938px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.using_cookies .uc_wrap p{
  font-size: 16px;
  padding-right: 30px;
  font-weight: bold;
  color: #333333;
  line-height: 22px;
}
.using_cookies .uc_wrap .uco_block{
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 300px;
}
.using_cookies .uc_wrap .uco_block .using_cookies_ok{
  display: inline-block;
    padding: 0 16px;
    height: 42px;
    background-color: #267ddb;
    background: linear-gradient(to top, #1c5fa8, #5a9ce4);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    outline: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .using_cookies .uc_wrap p{
    font-size: 14px;
    line-height: 20px;
  }
  .using_cookies .uc_wrap .uco_block .using_cookies_ok{
    font-size: 14px;
  }
}
@media screen and (max-width: 680px) {
  .using_cookies .uc_wrap {
    flex-direction: column;
  }
  .using_cookies .uc_wrap p{
    padding-right: 0px;
  }
}



label.fullwidth {
  width: 100% !important;
  display: block;
  float: none;
  line-height: 1.1 !important;
}

label.fullwidth:has(input.error) {
  color: red !important
}

.popup_quickbuy .form label, .ask .org label {
  position: relative;
}
.popup_quickbuy .form label input, .ask .org label input {
  position: absolute;
}
.popup_quickbuy .form label span, .ask .org label span {
padding-left: 25px;
display: block;
}


div.org.leftSpace {
  margin-left: 220px;
  max-width: 260px;
  clear: both;
  margin-bottom: 20px;
  float: left;
  position: relative;
}
div.org.leftSpace--small {
  margin-left: 98px;

}

@media (max-width: 480px) {
  
div.org.leftSpace--small {
  margin-left: 0;
}
}
div.org.leftSpace input {
  margin-right: 20px;
  position: absolute;
  left: 0;
}
div.org.leftSpace label {
  text-align: left;
  clear: both;
  float: none;
  padding-right: 0;margin-right: 0;
  padding-left: 30px;
  width: auto !important;
}

.srok--wrap {
  clear: both;
  position: relative;
  
}
.srok--wrap .srok {
  bottom: 0;
}