/* Start:/local/templates/grandss/components/bitrix/catalog.section.list/assistant/style.css?15390713193365*/
.assistant {
  /*overflow: auto;*/
  margin: 0px -100px;
}
.assistant .assistant__container {
  position: relative;
  width: 1300px;
  padding-bottom: 170px;
  overflow: hidden;
}
.assistant .assistant__image {
  display: block;
}

.assistant-item {
  position: absolute;
  top: 0;
  left: 0;
}
.assistant-item.sukhie_stroitelnye_smeesi {
  top: 234px;
  left: 676px;
}
.assistant-item.armiruyushie-materialy-i-skotchi {
  top: 273px;
  left: 483px;
}
.assistant-item.pilomaterialy {
  top: 140px;
  left: 547px;
}
.assistant-item.stenovye-materialy {
  top: 300px;
  left: 367px;
}
.assistant-item.elektrika {
  top: 365px;
  left: 416px;
}
.assistant-item.teplo-i-zvukoizolyaciya {
  top: 243px;
  left: 196px;
}
.assistant-item.gidroizolyaciya-i-vetro-paroizolyaciya {
  top: 494px;
  left: 489px;
}
.assistant-item.geomaterialy {
  top: 596px;
  left: 228px;
}
.assistant-item.krovlya-i-vodostok {
  top: 113px;
  left: 340px;
}
.assistant-item.vodosnabzhenie-i-kanalizaciya {
  top: 406px;
  left: 852px;
}
.assistant-item.otdelochye-materialy {
  top: 443px;
  left: 703px;
}
.assistant-item.metizy-krepezh {
  top: 209px;
  left: 592px;
}
.assistant-item.stroitel-naya-himiya {
  top: 448px;
  left: 305px;
}
.assistant-item.stroitelnye_materialy {
  top: 334px;
  left: 364px;
}
.assistant-item .assistant-item__link {
  cursor: pointer;
  width: 48px;
  height: 48px;
  background-color: rgba(0,0,0,.8);
  border: 3px solid #fff;
  border-radius: 100%;
}
.assistant-item.assistant-item_open .assistant-item__window {
  opacity: 1;
  visibility: visible;
  display: block;
}
.assistant-item.assistant-item_open .window__list, .assistant-item.assistant-item_open .window__image {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.window {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 427px;
  z-index: 222;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.window .window__image {
  float: left;
  width: 127px;
  position: relative;
  z-index: 11;
  box-shadow: -2px -1px 3px 0px rgba(0, 0, 0, 0.4);
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.window .window__list {
  width: 318px;
  float: left;
  background: #fff;
  margin-left: -18px;
  padding-top: 10px;
  padding-left: 24px;
  padding-top: 18px;
  min-height: 127px;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.4);
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.window .window__toplink {
  color: #000000;
  text-decoration: none;
}
.window .window__subcat {
  list-style: none;
  margin-top: 20px;
}

.sub {
  margin-bottom: 13px;
}
.sub .sub__link {
  color: #000000;
  text-decoration: none;
}
.sub .sub__link:hover {
  text-decoration: underline;
}
.sub .sub__count {
  display: inline-block;
  color: #C0C0C0;
  margin-left: 5px;
}
@media screen and (max-width: 1330px) {
  .assistant {
    overflow: auto;
    margin: 0px;
    max-width: 100%;
  }
}
/* End */


/* Start:/local/templates/grandss/components/bitrix/search.title/catalog/style.css?15390639414272*/
.search {
  position: relative;
  max-width: 725px;
  margin: auto;
  padding: 0px 3px;
}
.search .search__field {
  padding-right: 40px;
}
.search .search__input {
  width: 100%;
  height: 27px;
  padding: 0px 10px;
}
.search .search__button {
  position: absolute;
  right: 0;
  top: 0;
}
.search .search__send {
  width: 40px;
  height: 27px;
  background-image: url("/local/templates/grandss/components/bitrix/search.title/catalog/images/icon_l.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  cursor: pointer;
}
@media only screen and (max-width: 880px) {
  .search {
    margin-bottom: 20px;
    padding: 0px;
  }
  .search .search__input, .search .search__send {
    height: 40px;
  }
  .search .search__send {
    background-color: #C0C0C0;
  }
}
.bx-searchtitle{margin:10px 0 0}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-right:0;border-radius:2px 0 0 2px;outline:0;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell}.bx-searchtitle .bx-input-group-btn button{position:relative;border:0;background:#95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:6px 12px;border-radius:0 2px 2px 0;color:#fff;font-size:16px;line-height:1.42857143;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background:#1484ce}div.title-search-result{border:1px solid #c6c6c6;/* display:none; */overflow:hidden;z-index:999;min-width:370px;margin-top:-3px;background-color:#FFF;}div.title-search-fader{display:none;background-image:url('/bitrix/components/bitrix/search.title/templates/visual/images/fader.png');background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_searche .bx_img_element{background:#fafafa;float:left;width:67px;padding:5px 10px;position:absolute;top:0;bottom:0}.bx_searche .bx_item_block{min-height:65px;position:relative}.bx_searche .bx_image{width:45px;height:45px;background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid #e8e8e8}.bx_searche .bx_item_element{padding-left:10px;margin-left:70px}.bx_searche .bx_item_element hr{margin:0;border:0;border-bottom:1px solid #e5e5e5}.bx_searche .bx_item_element a{margin-top:10px;display:inline-block;color:#4788cb;font-size:13px;text-decoration:none}.bx_searche .bx_item_element a b{color:#000;font-weight:normal}.bx_searche .bx_item_element a:hover,.bx_searche .bx_item_element a:hover b{text-decoration:underline}.bx_searche .bx_price{font-weight:bold;font-size:13px}.bx_searche .bx_price .old{font-weight:normal;text-decoration:line-through;color:#636363}.bx_item_block.all_result{min-height:0}.bx_item_block.others_result{min-height:0;padding:0 0 12px;line-height:12px}.bx_item_block.all_result .all_result_title{display:block;font-size:12px;color:#a7a7a7;padding-top:15px;padding-bottom:10px}.bx_item_block.all_result .all_result_title a{color:#a7a7a7}.bx_item_block.all_result .all_result_title a:hover{color:#4788cb}.bx_item_block.all_result a{margin-top:0}

/* End */
/* /local/templates/grandss/components/bitrix/catalog.section.list/assistant/style.css?15390713193365 */
/* /local/templates/grandss/components/bitrix/search.title/catalog/style.css?15390639414272 */