

/* Start:/bitrix/templates/hc2019/components/bitrix/catalog/template2/style.css?15621361146733*/
.services-list-content div.serv-a .fl-r {
float: right;
width: 120px;
text-align: right;
margin-right: -95px;
}
.services-list-content div.serv-a {
padding-right: 100px;
}

.services-list ul li {
background: none;
width: calc(100% - 30px);
box-sizing: padding-box;
margin: 5px 0 5px 30px;
padding: 0;
padding-left: 0 !important;
}

.services-list ul ul li {
width: 100%;
padding-left: 0 !important;
}

.services-list ul li:hover {

}

.services-list ul li:before {
content: "" !important;
}

.input {
    display: inline-block;
    height: 36px;
    padding: 0 10px;
    position: relative;
    margin-bottom: 12px;
    color: #4c4c4c;
    vertical-align: middle;
    border: solid 1px #b4b4b4;
    outline: none;
    background-color: #ffffff;
    -webkit-appearance: none;
    border-radius: 2px;
    box-shadow: inset 0 2px 1px rgba(0,0,0,.05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}


/* ==========================================================================
   ICONS */
/* ========================================================================== */
.icon {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  vertical-align: text-top;
  background: url('/bitrix/templates/hc2019/components/bitrix/catalog/template2/images/all-icons-darkblue.png') 0 0 no-repeat;
}
@media screen and (min-resolution: 192dpi) {
  .icon {
    background-image: url('/bitrix/templates/hc2019/components/bitrix/catalog/template2/images/all-icons-darkblue@2x.png');
    background-size: 80px 180px;
  }
}
.icon-record,
.icon-lk {
  background-position: 0 0;
  width: 30px;
  height: 30px;
  float: left;
}
.icon-lk {
  background-position: 0 -30px;
}
.icon-search {
  background-position: -40px -40px;
  vertical-align: baseline;
  display: block;
}
.icon-addcomment {
  background-position: 0 -60px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 10px;
}
.icon-dot {
  background-position: -60px -150px;
  width: 11px;
  height: 11px;
  vertical-align: baseline;
}
.icon-help {
  background-position: 0 -150px;
  cursor: pointer;
}
.icon-help:hover,
.icon-help:focus {
  background-position: -30px -150px;
}
.icon-search-reset {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAATUlEQVR42pWRAQoAIAgDfXiKD6u3VQKDQGY1iGTcBFXcfe7XhCsYDS4KQ6AC44dhMCgIpQABWWCUIHSA/QYq6cynTjMwkPowXvf8dcEF0ml9AAlSf/kAAAAASUVORK5CYII=') no-repeat 50% 50%;
  vertical-align: top;
  opacity: .6;
  position: relative;
  top: -1px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
button:hover .icon-search-reset,
button:focus .icon-search-reset {
  opacity: 1;
}


/* ==========================================================================
	   SEARCH-IN-PAGE */
/* ========================================================================== */
.search-in-page-wrapper {
  position: relative;
}
.search-in-page-input {
  margin: 3px 0;
  padding-left: 40px;
  box-shadow: 0 0 0 3px rgba(0,0,0,.05);
  width: 100%;
}
.search-in-page-input:focus {
  box-shadow: 0 0 0 3px rgba(54, 80, 219, 0.15);
}
.search-in-page-input.not-empty + .search-in-page-reset {
  opacity: 1;
}
.search-in-page-btn,
.search-in-page-reset {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  top: 50%;
  left: 15px;
  background: transparent;
  border: 0;
  padding: 0;
}
.search-in-page-reset {
  left: auto;
  right: 15px;
  opacity: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.search-in-page.noshadow .search-in-page-input {
  margin: 0;
  box-shadow: none;
}
.search-in-page-btn:focus .icon-search,
.search-in-page-input:focus + .search-in-page-btn .icon-search {
  background-position: -60px -40px;
}

/* ==========================================================================
	   SERVICES-LIST */
/* ========================================================================== */
.services-list-header {
  font-size: 19px;
  line-height: 30px;
  margin: 10px 0;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
}
.services-list-header:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  /*background: url('/bitrix/templates/hc2019/components/bitrix/catalog/template2/images/all-icons-darkblue.png') no-repeat 0 -90px;*/
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f138";
}
@media screen and (min-resolution: 192dpi) {
  .services-list-header:after {
    background-image: url('/bitrix/templates/hc2019/components/bitrix/catalog/template2/images/all-icons-darkblue@2x.png');
    background-size: 80px 180px;
  }
}
.services-list-header.active + .services-list-content,
.services-list-header.active + .services-list-content-small {
  display: block;
}
.services-list-header.active:after {
/*  background-position: 0 -120px;*/
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f13a";
}
.services-list-header-small {
  font-size: 15px;
  padding-left: 30px;
}
.services-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.services-list ul ul {
  border-top: solid 1px #e8e8e8;
  padding-left: 35px;
  margin-top: 8px;
}
.services-list ul ul li {
  border-bottom: solid 1px #e8e8e8;
  padding: 8px 0;
  margin: 0;
}
.services-list ul:last-child li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.services-list-content {
  display: none;
}
.services-list-content > ul > li + li {
  margin-top: 8px;
  padding-top: 8px;
  border-top: solid 1px #e8e8e8;
clear: both;
}
.services-list-content a {
  display: block;
}
.services-list-content a .fl-r {
  color: #4c4c4c;
}
.services-list-content-small {
  display: none;
}
.services-list-content.services-list-content a {
  color: #4c4c4c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
width: 93%;
}
.services-list-content.services-list-content a:hover,
.services-list-content.services-list-content a:focus {
  color: #3650db;
  text-decoration: none;
}
.services-list-small .services-list-content {
  padding-left: 30px;
  margin-top: 10px;
}
.services-list-small .services-list-content ul,
.services-list-small .services-list-content li {
  border: 0;
}
.services-list-small .services-list-content li {
  margin: 0 0 5px 0;
  padding: 0 0 0 20px;
  color: #808080;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAR0lEQVR42mNgAIKDBw+qAvFaIP4IxSC2KgNUUh2I3wPxfzQMElNngKr+jwOvZYAaiUvBZ6IUELQCvyORfAIy6RMUg9hqIDkAn8C5evfz+oMAAAAASUVORK5CYII=') no-repeat 0 7px;
}
.services-list-small .services-list-header {
  font-size: 15px;
  padding-left: 30px;
  margin: 0;
}
.services-list-small .services-list-header.active {
  font-weight: bold;
}
.services-list-small .services-list-item {
  padding: 10px 0;
  border-top: solid 1px #e8e8e8;
}
.services-list-small .services-list-item:first-child {
  border-top: 0;
}
/* End */
/* /bitrix/templates/hc2019/components/bitrix/catalog/template2/style.css?15621361146733 */
