/* Start:/ustanovka_gbo/style.css?178367672212080*/
#filtermydiler {
    background: #F6F6F6 !important;
    border: 1px solid #E5E5E5;
    padding: 20px;
    margin-bottom: 20px;
}

#filtermydiler select {
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    outline: none;
    padding: 5px;
    background-size: 0;
    background-repeat: no-repeat;
    background-position: right center;
}
.dilers-top-menu .link-add {
    margin-left: 20px;
}
.dilers-top-menu {
    display: flex;
    align-items: center;
    /*background: #3594e7;*/
    /*height: 50px;*/
    /*color: #fff;*/
    /*font-family: 'Ubuntu';*/
    /*font-size: 13px;*/
}

.dilers-top-menu > div {
    display: flex;
    align-items: center;
}

.dilers-top-menu a {
    color: #fff;
    /*font-family: 'Ubuntu';*/
    /*font-size: 13px;*/
}
.dilers-top-menu-link {
    line-height: 1.7em;
}
.dilers-top-menu-link.active {
    font-weight: bold;
    background: rgba(255, 255, 255, 0.15);
    /*text-decoration: underline;*/
}
.dilers-top-menu-link a:hover{
    text-decoration: none;
}
.dilers-top-menu-link:hover{
    background: rgba(255, 255, 255, 0.1);
}
.dilers-top-menu .link-list {
    /*float: left;*/
    /*margin-left: 35px;*/
    /*padding-top: 17px;*/
}

.dilers-top-menu .link-map {
    /*float: left;*/
    margin-left: 20px;
    /*padding-top: 17px;*/
}

.dilers-top-menu .diler-country {
    /*float: right;*/
    /*padding-top: 12px;*/
    /*margin-right: 50px;*/
}

.dilers-top-menu .diler-city {
    /*float: right;*/
    /*margin-right: 35px;*/
    /*padding-top: 12px;*/
}

.dilers-top-menu .diler-country label,
.dilers-top-menu .diler-country select,
.dilers-top-menu .diler-city label,
.dilers-top-menu .diler-city select {
    display: inline-block;
}

.dilers-top-menu .diler-country select,
.dilers-top-menu .diler-city select {
    background: #2886d7;
    padding: 5px;
    width: 50%;
}

.dilers-top-menu select option {
    padding: 5px 0;
}

.dilers-list {
    /*background: #fff;*/
    /*margin: 20px 0;*/

}

.dilers-list .dilers-list-container {
    padding: 20px 5px;
}

.dilers-list .dilers-table {
    width: 100%;
    position: relative;
}

.dilers-list .dilers-table tr td {
    vertical-align: top;
    padding: 30px 0;
    color: #394048;

}

.dilers-list .dilers-table tr td:not(:first-child) {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.dilers-list .dilers-table tr th {
    /*font-family: 'Ubuntu';*/
    font-size: 12px;
    text-transform: uppercase;
    color: #248fc6;
    width: auto;
}

.dilers-list .dilers-table thead tr th:first-child,
.dilers-list .dilers-table tbody tr td:first-child {
    width: 20%;
    padding: 5px;
    text-align: left;
}

.dilers-list .dilers-table thead tr th:not(:first-child) {
    /*width: 13.333%;*/
    text-align: center;
}

.dilers-list .dilers-table tbody tr td:not(:first-child) {
    /*width: 13.333%;*/
    text-align: center;
}

.dilers-list .dilers-table tbody tr td {
    width: 50px;
    vertical-align: middle;
    text-align: center;
}

.dilers-list .dilers-table tr td p {
    padding: 0;
    margin: 0 0 0px 0;
}

.dilers-list .dilers-table .name {
    font-family: 'Arial';
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.dilers-list .dilers-table .address {
    font-family: 'Arial';
    font-size: 13px;
}

.dilers-list .dilers-table .phone,
.dilers-list .dilers-table .site a {
    font-family: 'Arial';
    font-size: 13px;
    font-weight: bold;
}

.dilers-list .fixed {
    position: fixed;
    top: 0;
    padding: 30px 0;
    background: #fff;
}

img.cursor {
    cursor: pointer;
}

.diler-cities-list {
    width: 300px;
}
.vyhod {
    background: red;
    width: 1em;
    height: .3em;
}

.grafik-raboty, .grafik-raboty tbody tr td:first-child {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    width: 50px;
    padding: 0 !important;
    text-align: center !important;
}

#tableScroll {
    position: fixed;
    top: 80px;
    background: #fff;
    display: none;
    z-index: 4;
}

@media (max-width: 1400px) {
    #tableScroll {
        top: 50px;
    }
}
.serviceP {
    margin: 0;
}

#markiAuto {
    display: none;
}

#rightContent h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
    margin: 0;
}

.grafik-raboty, .grafik-raboty tbody tr td:first-child {

    font-weight: bold;
    /*width: 50px;*/
    padding: 0 !important;
    text-align: center !important;
}

/* ============================================
   DETAIL CARD: Vertical schedule (grafik)
   ============================================ */
.grafik-vertical {
    margin: 10px 0;
    font-size: 13px;
}

.grafik-vertical > b {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
}

.grafik-row {
    display: flex;
    align-items: baseline;
    padding: 5px 0;
    border-bottom: 1px solid #f0f0f0;
}

.grafik-row:last-child {
    border-bottom: none;
}

.grafik-days {
    font-weight: 600;
    min-width: 80px;
    color: #3594e7;
}

.grafik-time {
    color: #333;
}

.grafik-vihodnoy {
    color: #999;
    font-style: italic;
}

.wrapUC {
    padding: 10px;
    border: 1px solid #dddddd;
    margin-bottom: 10px;
}

/* ============================================
   DETAIL CARD: Gallery
   ============================================ */
.slideGallary img {
    object-fit: cover;
    width: 100%;
    height: 200px;
    border-radius: 6px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.slideGallary img:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.slideGallary a {
    display: block;
    overflow: hidden;
    border-radius: 6px;
}

@media (max-width: 575px) {
    .slideGallary img {
        height: 140px;
    }
}

/* ============================================
   DETAIL CARD: Work schedule (grafik-raboty)
   ============================================ */
.grafik-raboty {
    border-radius: 6px;
    overflow: hidden;
}

.grafik-raboty th {
    background: #3594e7;
    color: #fff;
    font-size: 11px;
    padding: 8px 4px;
    white-space: nowrap;
}

.grafik-raboty td {
    font-size: 12px;
    padding: 6px 4px;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .grafik-raboty {
        display: block;
        width: 100%;
    }
    .grafik-raboty thead {
        display: none;
    }
    .grafik-raboty tbody,
    .grafik-raboty tr {
        display: block;
        width: 100%;
    }
    .grafik-raboty tr {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #eee;
        padding: 0;
    }
    .grafik-raboty td {
        display: block;
        width: 50%;
        text-align: left !important;
        padding: 6px 10px;
        box-sizing: border-box;
    }
    .grafik-raboty tr td:first-child {
        font-weight: bold;
        color: #3594e7;
        width: 40%;
    }
    .grafik-raboty tr td:nth-child(2) {
        width: 60%;
    }
    .grafik-raboty tr td:nth-child(n+3) {
        display: none;
    }
}

/* ============================================
   DETAIL CARD: Installation grid items
   ============================================ */
.grid-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
    transition: box-shadow 0.2s ease, transform 0.15s ease;
}

.grid-item:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.grid-marka {
    border-radius: 8px 8px 0 0;
    font-size: 13px;
    letter-spacing: 0.3px;
}

.grid-item p {
    margin: 4px 0;
    font-size: 13px;
}

.grid-item .badge {
    font-size: 11px;
    background: #e8f4fd;
    color: #248fc6;
}

/* ============================================
   DETAIL CARD: Reviews
   ============================================ */
.wrapUC {
    border-left: 3px solid #3594e7;
    transition: border-color 0.2s ease;
}

.wrapUC:hover {
    border-left-color: #248fc6;
}

.wrapUC .col-sm-10 p {
    margin-bottom: 4px;
}

.wrapUC .col-sm-2 {
    font-size: 12px;
    color: #888;
    white-space: nowrap;
}

/* ============================================
   DETAIL CARD: Rating bars (klient rating)
   ============================================ */
.rating-bar-label {
    font-weight: 600;
    line-height: 3em;
    text-align: right;
    font-size: 13px;
}

.rating-bar-value {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 2px;
}

.rating-bar-wrap {
    line-height: 1.5em;
}

/* ============================================
   DETAIL CARD: Map
   ============================================ */
#map {
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 767px) {
    #map {
        height: 250px !important;
    }
}

/* ============================================
   DETAIL CARD: Phone & contacts
   ============================================ */
.serviceP {
    margin: 0;
    line-height: 1.6;
}

.serviceP a {
    color: #3594e7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.serviceP a:hover {
    color: #248fc6;
    text-decoration: underline;
}

#rightContent .serviceP {
    font-size: 14px;
    margin-bottom: 6px;
}

/* Phone highlight */
#rightContent p.serviceP:first-of-type {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

/* ============================================
   DETAIL CARD: Info table
   ============================================ */
#rightContent .table-striped {
    border-radius: 6px;
    overflow: hidden;
}

#rightContent .table-striped td {
    vertical-align: middle;
    padding: 10px 12px;
    font-size: 13px;
}

/* ============================================
   DETAIL CARD: Headings
   ============================================ */
#rightContent h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
    margin: 20px 0 10px;
    color: #333;
    border-bottom: 2px solid #3594e7;
    padding-bottom: 6px;
    display: inline-block;
}

/* ============================================
   DETAIL CARD: Logo & experience
   ============================================ */
#rightContent img[alt] {
    border-radius: 8px;
}

/* ============================================
   DETAIL CARD: "Подробнее" link in table
   ============================================ */
.dilers-list .dilers-table a[href] {
    color: #3594e7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.dilers-list .dilers-table a[href]:hover {
    color: #248fc6;
    text-decoration: underline;
}

/* ============================================
   LIST: Table sticky header (replace jQuery)
   ============================================ */
.dilers-list .dilers-table thead {
    position: sticky;
    top: 60px;
    z-index: 4;
    background: #fff;
}

@media (max-width: 1400px) {
    .dilers-list .dilers-table thead {
        top: 0;
    }
}

/* ============================================
   DETAIL CARD: Info icons
   ============================================ */
.fa-check.fa-lg {
    color: #7dd882;
}

.fa-minus.fa-lg {
    color: #e74c3c;
}

/* ============================================
   DETAIL CARD: Breadcrumb spacing
   ============================================ */
.breadcrumb {
    margin-bottom: 15px;
    background: transparent;
    padding-left: 0;
}

/* ============================================
   DETAIL CARD: "Проведённые установки" heading
   ============================================ */
.wrapUC h2 {
    border-bottom: none;
    display: block;
    margin-top: 0;
}

/* ============================================
   DETAIL CARD: Photo gallery container
   ============================================ */
.gallary {
    padding: 0 10px;
}

.gallary .slideGallary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.gallary .slideGallary > div {
    flex: 1 1 calc(25% - 10px);
    min-width: 140px;
}

@media (max-width: 575px) {
    .gallary .slideGallary > div {
        flex: 1 1 calc(50% - 10px);
        min-width: 120px;
    }
}

/* End */


/* Start:/local/templates/gaspart_public_2015/components/bitrix/breadcrumb/breadcrumb/style.css?1707472388572*/
.bx-breadcrumb {
	margin: 10px 0;
}

.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}

.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}

.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
}

.bx-breadcrumb .bx-breadcrumb-item a {
	border-bottom: none;
}

.bx-breadcrumb .bx-breadcrumb-item a:hover {
}

/* End */


/* Start:/local/templates/gaspart_public_2015/components/bitrix/menu/gaspart_2015_left_support/style.css?1707472387917*/
/* Left menu*/
ul.left-menu {
	list-style: none;
	padding: 0;
	margin: 0px 10px 10px 0;
	position: relative; /*IE bug*/
}

ul.left-menu li {
	background: #3594e7;
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	margin: 0 0 0px 0;
	padding: 0 10px 5px 25px;
	color: #fff;
	/*font-family: 'Clear Sans';*/
}

ul.left-menu li a {
	font-size: 100%;
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}

ul.left-menu li:first-child {
	padding: 13px 10px 13px 25px;
	background: #fff;
	/*font-family: 'Ubuntu';*/
	font-size: 16px;
	color: #000;
	font-weight: normal;
	margin-bottom: 10px;
	font-weight: bold;
}
ul.left-menu h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0em 0;
}
ul.left-menu li:nth-child(2) {
	padding-top: 10px;
}

ul.left-menu li:last-child {
	padding-bottom: 10px;
}

ul.left-menu li:not(:first-child):hover,
ul.left-menu li:not(:first-child).selected {
	background: #2984d4;
}
/* End */


/* Start:/support/seminars/js/lightbox.css?15766896343733*/
/* Preload images */
body:after {
  content: url(/support/seminars/js/../images/close.png) url(/support/seminars/js/../images/loading.gif) url(/support/seminars/js/../images/prev.png) url(/support/seminars/js/../images/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/support/seminars/js/../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/support/seminars/js/../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/support/seminars/js/../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/support/seminars/js/../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* End */
/* /ustanovka_gbo/style.css?178367672212080 */
/* /local/templates/gaspart_public_2015/components/bitrix/breadcrumb/breadcrumb/style.css?1707472388572 */
/* /local/templates/gaspart_public_2015/components/bitrix/menu/gaspart_2015_left_support/style.css?1707472387917 */
/* /support/seminars/js/lightbox.css?15766896343733 */