/* CSS kod pishite v etom faile, chotobi pri ustanovke obnovlenii ne bilo problem  */
/* --------------------------------------- */
/* Here you can put custom css rules for your site */
/* font-family: "CATStack"; */
/*font-face {
  font-family: "CATStack";
  src: url("fonts/CATStack/CATStack.eot");
  src: url("fonts/CATStack/CATStack.eot?#iefix")format("embedded-opentype"),
  url("fonts/CATStack/CATStack.woff") format("woff"),
  url("fonts/CATStack/CATStack.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}*/
/* 15px/24px CATStack (Default) */
body,body div.bx-yandex-map,.fancybox-title{ font: 15px/25px "Roboto", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,.popup-window{font-family:"Rubik Mono One", Arial, sans-serif;}
body .breadcrumb > li:after{margin-top:-3px;}
body .item-views.type_2_within.within.services-items .item .toogle>span:before{top:3px;}
.basket_order .items>.head .btn{padding-top:7px;}
.item-views .item .btn.btn-xs{padding-top:8px;}

.header-v9 .menu-row.bgcolored .mega-menu table td .wrap > a,
.header-v10 .menu-row.bgcolored .mega-menu table td .wrap > a,
.header-v11 .menu-row.bgcolored .mega-menu table td .wrap > a,
.header-v12 .menu-row.bgcolored .mega-menu table td .wrap > a{padding-top:17px;padding-bottom:18px;}
body .contacts_list .contacts-stores .item .show_on_map>span svg,
body .contacts-stores .item .top-wrap .show_on_map>span svg{top:1px;}

body .btn.btn-default.btn-sm{padding-top:10px;}
body .btn.btn-xs, .bx-firefox .btn.btn-xs{padding-top:8px;}



.item-views.services-items.type_2 .items .item .body-info>.wrap {
     text-align: center;
}

.lk-page .form-control:hover,
.lk-page .form-control:focus,
.lk-page .form-control {
     background: transparent!important;
}
#avtorization-form .form-control:hover,
#avtorization-form .form-control:focus,
#avtorization-form .form-control {
     background: transparent!important;
}
#registraion-page-form .form-control:hover,
#registraion-page-form .form-control:focus,
#registraion-page-form .form-control {
     background: transparent!important;
}

.auth_wrapp .main_info {
     border-bottom: none!important;
}
.auth_wrapp .form .form-body {
     background: transparent!important;
}
.lk-page .soc-avt .title>span {
     background: #dfddb9;
     color: #668a47;
}
.lk-page .soc-avt .title:before {
     background: #668a47;
}
#ajax_auth .soc-avt .title>span {
     background: #dfddb9;
     color: #668a47;
}
#ajax_auth .soc-avt .title:before {
     background: #668a47;
}
.cabinte-page .soc-avt .big-title>span {
     background: #dfddb9;
     color: #668a47;
}
.cabinte-page .soc-avt .big-title:before {
     background: #668a47;
}
a.btn.register {
     border: 2px solid #759e51;
     font-weight: bold;
}
a.btn.register:hover {
     font-weight: normal;
}

.main-section-wrapper .form.inline,
.main-section-wrapper .form.inline .form-body {
     background: transparent!important;
}

.main-section-wrapper .form.inline .form-control:hover,
.main-section-wrapper .form.inline .form-control:focus,
.main-section-wrapper .form.inline .form-control {
     background: transparent!important;
}
.range-control {
     outline: 0;
     border: 0;
     border-radius: 500px;
     width: 400px;
     max-width: 100%;
     margin: 24px 0 16px;
     transition: box-shadow 0.2s ease-in-out;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
     .range-control {
          overflow: hidden;
          height: 22px;
          -webkit-appearance: none;
          background-color: #ddd;
     }
     .range-control::-webkit-slider-runnable-track {
          height: 22px;
          -webkit-appearance: none;
          color: #444;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out;
     }
     .range-control::-webkit-slider-thumb {
          width: 22px;
          -webkit-appearance: none;
          height: 22px;
          cursor: pointer;
          background: #fff;
          box-shadow: -330px 0 0 320px #668a47, inset 0 0 0 3px #668a47;
          border-radius: 50%;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out;
          position: relative;
     }
     .range-control:active::-webkit-slider-thumb {
          background: #fff;
          box-shadow: -330px 0 0 320px #668a47, inset 0 0 0 3px #668a47;
     }
}
.range-control::-moz-range-progress {
     background-color: #668a47;
     border-radius: 50%;
}
.range-control::-moz-range-track {
     background-color: #ffffff;
     border-radius: 50%;
}
.range-control::-ms-fill-lower {
     background-color: #668a47;
     border-radius: 50%;
}
.range-control::-ms-fill-upper {
     background-color: #ffffff;
     border-radius: 50%;
}

.multi-select__select {
     border-radius: 0;
     border: none;
     border-bottom: 1px solid #668a47;
     background: transparent;
     color: #aaaaaa;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     padding: 0;
}
.multi-select__select,
.multi-select__select--multiple {
     min-height: 42px;
}

.modal-bs {
     left: 0;
     top: 0;
     padding: 0;
     width: 100%;
     height: 100%;
     position: fixed;
     box-sizing: border-box;
     overflow-y: auto;
     background: #fff;
     box-shadow: none;
}

.modal-bs .modal-dialog {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     box-shadow: none;
     height: 100%;
     border: none;
}
.modal-bs .modal-content {
     padding: 0;
     box-shadow: none;
     border: none;
}
.modal-bs .form.success .form-header .description {
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: center;
}
.modal-bs .form.success .form-header .description .success-text {
     padding: 3px 0 0 25px;
}

.map_form {
     width: 100%;
     height: 280px;
}

.range-wrap-map {
     --left: 0%;
     position: relative; display: block;
     height: 40px; max-width: 100%;
     overflow: hidden; resize: horizontal; /* Для проверки адаптивности */
     resize: none!important;
     margin: 20px 0;
     z-index: 99;
}

.range-wrap-map::before,
.range-wrap-map::after {
     content: ''; will-change: padding-left, padding-right;
     position: absolute; z-index: -1; top: 0; left: 0;
     display: block; height: 40px; width: 100%;
     box-sizing: border-box;
     background-position: 0 0, 0 0, 0 0, 0 0,0 0,0 0, 5px 50%;
     background-repeat: no-repeat; background-clip: content-box;
     transition: 0.3s linear; pointer-events: none;
}
.range-wrap-map::before {
     padding-left: var(--left, 0%);
     background-image:
             radial-gradient( circle at 8px 50%, #fff 5px, #999 6px, #999 7px, #fff0 8px),
             radial-gradient( circle at 16.6% 50%, #fff 5px, #999 6px, #999 7px, #fff0 8px),
             radial-gradient( circle at 33.2% 50%, #fff 5px, #999 6px, #999 7px, #fff0 8px),
             radial-gradient( circle at 49.8% 50%, #fff 5px, #999 6px, #999 7px, #fff0 8px),
             radial-gradient( circle at 65% 50%, #fff 5px, #999 6px, #999 7px, #fff0 8px),
             radial-gradient( circle at 81% 50%, #fff 5px, #999 6px, #999 7px, #fff0 8px),
             linear-gradient(#999, #999);
     background-size: auto, auto, auto, auto,  auto,  auto,  calc(100% - 10px) 2px;
}
.range-wrap-map::after {
     padding-right: calc(100% - var(--left, 0%));
     background-image:
             radial-gradient( circle at 8px 50%, #668a47 5px, #fff 6px, #fff 7px, #fff0 8px),
             radial-gradient( circle at 16.6% 50%, #668a47 5px, #fff 6px, #fff 7px, #fff0 8px),
             radial-gradient( circle at 33.2% 50%, #668a47 5px, #fff 6px, #fff 7px, #fff0 8px),
             radial-gradient( circle at 49.8% 50%, #668a47 5px, #fff 6px, #fff 7px, #fff0 8px),
             radial-gradient( circle at 65% 50%, #668a47 5px, #fff 6px, #fff 7px, #fff0 8px),
             radial-gradient( circle at 81% 50%, #668a47 5px, #fff 6px, #fff 7px, #fff0 8px),
             linear-gradient(#668a47, #668a47);
     background-size: auto, auto, auto, auto, auto, auto,  calc(100% - 10px) 4px;
}

.range-wrap-map [type="range"] {
     margin: 0; padding: 0;
     height: 100%; width: 100%;
     box-sizing: border-box; opacity: 0;
     resize: none;
     cursor: pointer;
}

.range-wrap-map .range-text {
     will-change: left, transform;
     position: absolute;
     top: 0;
     left: var(--left, 0%);
     height: 100%;
     padding: 0 0.5em;
     border-radius: 50%;
     line-height: 35px;
     width: 40px;
     white-space: nowrap;
     background-color: #fff;
     box-shadow: inset 0 0 1px 3px #668a47;
     transition: 0.3s linear;
     pointer-events: none;
     font-size: 11px;
     display: flex;
     align-items: center;
     justify-content: center;
}



.registraion-page .form-control:hover,
.registraion-page .form-control:focus,
.registraion-page .form-control {
     background: transparent!important;
}

#map-form-offer {
     z-index: 5000;
}
#map-form-offer .modal-dialog {
     flex-direction: column;
}
#map-form-offer  .modal-content,
#map-form-offer  .modal-footer {
     width: 100%;
}

/*#mobilemenu .menu .top li:nth-child(5) {display:none;}*/
/*.mega_fixed_menu .mega-menu table td:nth-child(5) {display:none;}*/
.multi-select__select:before {
	content:"\2039";
	width:32px;
	height:32px;
	background:#668a47;
  position: absolute;
  right: 0;
  border-radius: 3px;
  color: white;
  font-size: 28px;
  text-align: center;
  transform: rotate(-90deg);
     padding-top: 5px;
  transition: all 0.3s ease-in-out;
}

.multi-select__select:hover:before {
	background:#7aa555;
  color: white;
}
.multi-select__select.multi-select__select--opened:before {  
	transform: rotate(90deg);
}

.multi-select__select:not(.multi-select__select--multiple) .multi-select__label {
     background: #658846;
     border-radius: 4px;
     color: #fff;
     cursor: initial;
     display: inline-block;
     margin: 5px;
     padding: 3px 7px;
     font-size: 12px;
}
.multi-select__select:not(.multi-select__select--multiple) .multi-select__label:empty {
     padding: 0;
}

.rubric-ts-label {
     font-size: 0.8em;
     cursor: text;
     color: #999;
}
.rubric-switch {
     margin-bottom: 20px;
}
.address-area {
     display: flex;
     flex-direction: column;
}
.address-area .show-map {
     position: absolute;
     right: 0;
     bottom: 15px;
     cursor: pointer;
     border-left: 1px solid #668a47;
     padding-left: 5px;
}
.address-area input.address-input-map {
     padding-right: 50px;
}
.map-wrapper {
     position: relative;
     margin-bottom: 15px;
}
.radius-wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 150px;
     position: relative;
     margin-bottom: 10px;
}
.radius-wrapper select{
     border: 0;
     border-bottom: 1px solid #668a47;
     padding: 5px 25px 5px 7px;
     -webkit-appearance: none;
     -moz-appearance: none;
     text-indent: 1px;
     text-overflow: '';
     position: relative;
     width: 90px;
}

.radius-wrapper:before {
     content: "\2039";
     width: 25px;
     height: 25px;
     background: transparent;
     position: absolute;
     right: 0;
     border-radius: 3px;
     color: #668a47;
     font-size: 28px;
     text-align: center;
     transform: rotate(-90deg);
     padding-top: 2px;
     transition: all 0.3s ease-in-out;
     z-index: -1;
}
.ymaps-2-1-79-search__suggest {
     position: absolute;
     background-color: #fff;
     background-clip: padding-box;
     font: 13px/28px Arial,sans-serif;
     box-sizing: border-box;
     border: none!important;
     padding: 0;
     top: 0!important;
     right: 0!important;
     left: 1px;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     touch-action: none;
     box-shadow: none!important;
}
.ymaps-2-1-79-search__suggest-item {
     background: #fff;
     border-bottom: 1px solid #e4e4e4!important;
     box-sizing: border-box;
     height: 44px!important;
     line-height: 25px!important;
     padding: 10px!important;
     color: #000000!important;
}
.ymaps-2-1-79-search__suggest-item:hover,
.ymaps-2-1-79-search__suggest-item__selected_yes {
     background-color: #e9e9e9!important;
}
/*.ymaps-2-1-79-search__suggest.ymaps-2-1-79-search__suggest {*/
/*     overflow-y: scroll!important;*/
/*     max-height: 250px!important;*/
/*}*/

.multi-select__option--unavailable {
     display:none!important;
}

.show_all {
     font-size: 1.7em;
}
.inline-search-block.fixed.big .search {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
.inline-search-block.fixed.big .search .search-input {
     height: 70px;
}
.inline-search-block.fixed.big .search .search-button-div {
     top: 11px;
}


/**/
/* для элемента input c type="checkbox" */
.styled-checkbox {
     position: absolute;
     z-index: -1;
     opacity: 0;
}

/* для элемента label, связанного с .styled-checkbox */
.styled-checkbox+label {
     display: inline-flex;
     align-items: center;
     user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.styled-checkbox+label::before {
     content: '';
     display: inline-block;
     width: 20px;
     height: 20px;
     flex-shrink: 0;
     flex-grow: 0;
     border: 1px solid #668a47;
     border-radius: 0.25em;
     margin-right: 5px;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
.styled-checkbox:not(:disabled):not(:checked)+label:hover::before {
     border-color: #668a47;
     background-color: #a4c488;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
     background-position: center;
     background-size: 75%;
     background-repeat: no-repeat;
}

/* стили для активного чекбокса (при нажатии на него) */
.styled-checkbox:not(:disabled):active+label::before {
     background-color: #adb5bd;
     border-color: #adb5bd;
}

/* стили для чекбокса, находящегося в фокусе */
.styled-checkbox:focus+label::before {
     box-shadow: 0 0 0 0.2rem rgba(130, 130, 130, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.styled-checkbox:focus:not(:checked)+label::before {
     border-color: #668a47;
}

/* стили для чекбокса, находящегося в состоянии checked */
.styled-checkbox:checked+label::before {
     border-color: #668a47;
     background-color: #668a47;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.styled-checkbox:disabled+label::before {
     background-color: transparent;
     border-color: #adb5bd;
}


.styled-checkbox:checked:disabled+label::before {
     background-color: #a4c488;
     border-color: #a4c488;
}
.success-request-message {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 0 40px 0;
}
.success-request-message__title {
     font-size: 1.5em;
}
.success-request-message__title span{
     color: #668a47;
}
.success-request-message__icon {
     margin: 15px 0;
}
.success-request-message__text {
     font-size: 1.1em;
     text-align: center;
}
.success-request-message__desc {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 20px;
     box-shadow: 0px 0px 27px rgba(0,0,0,0.1);
}
.point-edit__rubric__auto-msg textarea {
     background: transparent;
     border: none;
     border-bottom: 1px solid;
     width: 100%;
}
.point-edit__rubric {
     margin: 10px 0 20px 0;
     color: #668a47;
     font-size: 1.3em;
}
.point-edit__rubric__actions {
     padding: 10px 0;
}
.point-edit__rubric__actions label {
     font-weight: normal;
     color: #333333;
     margin-left: 0!important;
}

.bx_filter input[type="checkbox"]:checked:disabled + label.onoffswitch-label:before,
.filter input[type="checkbox"]:checked:disabled + label.onoffswitch-label:before,
.filter input[type="radio"]:checked:disabled + label.onoffswitch-label:before {
     opacity: 0.5;
}

.side-menu li ul li a {
     color: #666;
     padding: 16px 23px;
     position: relative;
     display: block;
}
.side-menu>li>.submenu-wrapper>ul>li {
      position: relative;
     padding: 0;
     font-size: 1em;
     line-height: 1.4667em;
     border-top: 1px solid #668a47;
     transition: box-shadow 0.3s ease;
     -moz-transition: box-shadow 0.3s ease;
     -ms-transition: box-shadow 0.3s ease;
     -o-transition: box-shadow 0.3s ease;
     -webkit-transition: box-shadow 0.3s ease;
     display: block;
     margin: 0 0 -1px;
}
.side-menu li.opened {
     background: transparent!important;
}
.side-menu>li>.submenu-wrapper>ul {
     padding: 0 0 8px;
}
.side-menu>li.child.opened:hover {
     border-color: #668a47;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}
.side-menu>li>.submenu-wrapper>ul>li:hover {
     border-color: transparent;
     -webkit-box-shadow: 0px 5px 25px 0px rgb(18 25 38 / 10%);
     -moz-box-shadow: 0px 5px 25px 0px rgba(18, 25, 38, 0.1);
     box-shadow: 0px 5px 25px 0px rgb(18 25 38 / 10%);
}
@media (min-width: 991px) {
     .logo_and_menu-row .burger {
          display: none;
     }
}

.multi-select__options-inner {
     max-height: 370px;
     overflow-y: scroll;
}
.partner_counter {
     position: absolute;
     right: 10px;
     width: 24px;
     height: 24px;
     font-size: 12px;
     padding: 0;
     color: white;
     background: #668a47;
     border-radius: 2px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
}