.bx-filter-select-popup ul li label.disabled {
    display: none;
}
.tabs__content-content .table .tbody>.tr {
    border: none;
    background: #ffffff;
}
.tabs__content-content .table .tbody>.tr:hover {
    box-shadow: 4px 4px 10px rgb(0 0 0 / 20%);
    z-index: 1;
}
.tabs__content-content .table .tbody>.tr>.td {
    padding:20px 25px;
    font-size:14px;
    line-height:1.5;
    background: #ffffff;
} 
.tabs__content-content .table .tbody>.tr>.td::after {
    display: none;
}
/* front2 24.06.2021 */
/* Редактирование баннера на странице "Спецтехника"  */
.banner figure.banner__img video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
@media (max-width: 1152px) {
    .tabs__content-content .table .tbody>.tr>.td {
        padding: 12px 20px;
    }
    
}
@media (max-width: 820px) {
    .tabs__content-content .table .tbody>.tr {
        margin-bottom: 10px;
    }
    .tabs__content-content .table .tbody>.tr>.td {
        padding: 0 20px;
    }
}

.head-email > a:before {
    background-image: none;
}
.head-phone > a:before {
    background-image: none;
}
.d--n {
    display: none !important;
}
.grecaptcha-badge {
    display: none;
}
.auto-title:first-child {
    margin-top: 0px;
}
.auto-title {
    margin-top: 55px;
    margin-bottom: 25px;
}
.forms {
    display: none;
}
[v-cloak] .v-cloak--hidden {
    display: none !important;
}
.view-plates {
    z-index: 99;
}
.view-list {
    z-index: 99;
}
.catalog__list.js__view-plates .catalog__item-one {
    width: calc((100% - 160px)/4);
    margin: 0 0 60px 40px;
}
#content .taskmgr table:not([class]) td,
#content .taskmgr table:not([class]) th {
    font-size: 13px !important;
}
.rating span span {
    margin-right: 0px;
}



.zap {
    max-width: 500px;
}

.catalog-filter h4 {
    margin-bottom: 6px;
    color: #333333;
    font-weight: 500;
}
.bx_filter_search_reset {
    border: 0;
}
.bx_filter_button_box .bx_filter_parameters_box_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.bx_filter_button_box .bx_filter_search_button {
    display: block;

    margin: 0 0 20px 0;
    position: relative;
    background-color: #aa1217;
    background-color: var(--second-color);
    color: #fff;
    padding: 12px 25px;
    border-radius: 3px;
    letter-spacing: .04em;
    display: inline-block;
    transition: background-color .3s ease;
    cursor: pointer;
    border: 0;
}
.bx_filter_button_box .bx_filter_search_button:hover {
    background-color: #e32d33;
    transition: background-color .3s ease;
}
/*.bx_filter_search_reset {*/
/*    border: 0;*/
/*}*/
/*
.inner .head, .main .head{
  background: var(--main-color-new);
}
*/
.inner .footer, .main .footer{
      background: var(--main-color-new);
}

.table-wrap__track img{
  margin: 0;
  width: auto;
  height: auto;
/*  max-weight: 50px; */
  max-height: 50px;
}
.table-wrap__track td{
  border-bottom: 1px solid #f2f2f2!important;
}
.table-wrap__track td:first-child{
  text-align: center;
}
.job-bot__text{
  margin-bottom: 15px;
}
.blog__one:hover{
    color: #aa1217;
    color: var(--second-color);
}
.blog{
max-width: 1200px;
}
/*
.spectekhnika-about-factory_today .standart-page, body[class*=spectekhnika-about-] .standart-page, body[class*=spectekhnika-oplata-i-dostavka] .standart-page{
  margin-top: 0;
}*/
.blog__one-text+.btn{
  margin-top: 10px;
}

.bx-ie .catalog-video{
    position: relative;
}

.bx-ie .catalog-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200vw;
    transform: translate3d(-50%,-50%,0);
    height: 126vh;

}


/* DESIGN UPDATE */
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
    width: auto; }
    .nice-select:hover {
      border-color: #dbdbdb; }
    .nice-select:active, .nice-select.open, .nice-select:focus {
      border-color: #999; }
    .nice-select:after {
      border-bottom: 2px solid #999;
      border-right: 2px solid #999;
      content: '';
      display: block;
      height: 5px;
      margin-top: -4px;
      pointer-events: none;
      position: absolute;
      right: 12px;
      top: 50%;
      -webkit-transform-origin: 66% 66%;
          -ms-transform-origin: 66% 66%;
              transform-origin: 66% 66%;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      width: 5px; }
    .nice-select.open:after {
      -webkit-transform: rotate(-135deg);
          -ms-transform: rotate(-135deg);
              transform: rotate(-135deg); }
    .nice-select.open .list {
      opacity: 1;
      pointer-events: auto;
      -webkit-transform: scale(1) translateY(0);
          -ms-transform: scale(1) translateY(0);
              transform: scale(1) translateY(0); }
    .nice-select.disabled {
      border-color: #ededed;
      color: #999;
      pointer-events: none; }
      .nice-select.disabled:after {
        border-color: #cccccc; }
    .nice-select.wide {
      width: 100%; }
      .nice-select.wide .list {
        left: 0 !important;
        right: 0 !important; }
    .nice-select.right {
      float: right; }
      .nice-select.right .list {
        left: auto;
        right: 0; }
    .nice-select.small {
      font-size: 12px;
      height: 36px;
      line-height: 34px; }
      .nice-select.small:after {
        height: 4px;
        width: 4px; }
      .nice-select.small .option {
        line-height: 34px;
        min-height: 34px; }
    .nice-select .list {
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
      box-sizing: border-box;
      margin-top: 4px;
      opacity: 0;
      overflow: hidden;
      padding: 0;
      pointer-events: none;
      position: absolute;
      top: 100%;
      left: 0;
      -webkit-transform-origin: 50% 0;
          -ms-transform-origin: 50% 0;
              transform-origin: 50% 0;
      -webkit-transform: scale(0.75) translateY(-21px);
          -ms-transform: scale(0.75) translateY(-21px);
              transform: scale(0.75) translateY(-21px);
      -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
      transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
      z-index: 9; }
      .nice-select .list:hover .option:not(:hover) {
        background-color: transparent !important; }
    .nice-select .option {
      cursor: pointer;
      font-weight: 400;
      line-height: 40px;
      list-style: none;
      min-height: 40px;
      outline: none;
      padding-left: 18px;
      padding-right: 29px;
      text-align: left;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
      .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
        background-color: #f6f6f6; }
      .nice-select .option.selected {
        font-weight: bold; }
      .nice-select .option.disabled {
        background-color: transparent;
        color: #999;
        cursor: default; }
  
  .no-csspointerevents .nice-select .list {
    display: none; }
  
  .no-csspointerevents .nice-select.open .list {
    display: block; }

:root {
    --font-montserrat: 'Montserrat', sans-serif;
    --font-play: 'Play', sans-serif;

    --gray-3: #828282;
    --gray-2: #4F4F4F;
    --blue: #355FB6;
    --blue-2: #193153;
    --black: #000000;
    --red: #B71C1C;
    --light-red: #E32D33;
    --white-default: #FFFFFF;
    --very-light-blue: #ECEFF1;
}
.title-video-banner {
    height: 400px;
    overflow: hidden;
}
/* breadcrumb */
.title-block__crumbs {
    padding: 15px 0 50px 0;
}
.title-block__crumbs ul.bread-crumbs li a span {
    color: var(--gray-2);
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.1em;
    transition: .4s;
}
.title-block__crumbs ul.bread-crumbs li a {
    color: var(--gray-2);
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.1em;
    transition: .4s;
    border-bottom: none;
}
.title-block__crumbs ul.bread-crumbs li a:hover {
    color: var(--blue-2);
    text-decoration: none;
    border-bottom: none;
}
.title-block__crumbs ul.bread-crumbs li a:hover span {
    color: var(--blue-2);
    text-decoration: none;
    border-bottom: none;
    border-bottom: none;
}
.title-block__crumbs ul.bread-crumbs li a:active {
    color: var(--blue-2);
    text-decoration: none;
    border-bottom: none;
}
.title-block__crumbs ul.bread-crumbs li a:active span {
    color: var(--blue-2);
    text-decoration: none;
    border-bottom: none;
}
.title-block__crumbs ul.bread-crumbs li a:focus {
    color: var(--blue-2);
    text-decoration: none;
    border-bottom: none;
}
.title-block__crumbs ul.bread-crumbs li a:focus span {
    color: var(--blue-2);
    text-decoration: none;
    border-bottom: none;
}
.title-block__crumbs ul.bread-crumbs li.bread-crumbs__this {
    color: var(--gray-2);
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.1em;
}
.title-block__crumbs ul.bread-crumbs li::after {
    margin: 0 8px;
    color: var(--blue-2);
}

/* ul */
.tabs__content ul:not([class]) {
    padding: 0;
    margin: 24px 0;
    border: none;
    list-style-type: none;
}
.tabs__content ul:not([class]) > li {
    padding: 0 0 0 15px;
    margin: 0;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--gray-3);
    position: relative;
    margin: 0 0 6px 0;
}
.tabs__content ul:not([class]) > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    background: var(--blue);
    width: 5px;
    height: 5px;
    pointer-events: none;
    border-radius: 5px;
}
.tabs__content ul:not([class]) > li > p {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--gray-3);
}

/* ol */

ol {
    padding: 0;
    margin: 24px 0;
    border: none;
    list-style-type: none;
    counter-reset: li;
}
ol > li {
    padding: 0 0 0 25px;
    margin: 0;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--gray-3);
    position: relative;
    margin: 0 0 6px 0;
}
ol > li::before {
    counter-increment: li;
    content: counter(li, decimal);
    position: absolute;
    left: 0;
    top: 3px;
    color: var(--blue);
    font-size: 18px;
    pointer-events: none;
}
ol > li > p {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--gray-3);
}

.tabs__content ol:not([class]) {
    padding: 0;
    margin: 24px 0;
    border: none;
    list-style-type: none;
    counter-reset: li;
}
.tabs__content ol:not([class]) > li {
    padding: 0 0 0 25px;
    margin: 0;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--gray-3);
    position: relative;
    margin: 0 0 6px 0;
}
.tabs__content ol:not([class]) > li::before {
    counter-increment: li;
    content: counter(li, decimal);
    position: absolute;
    left: 0;
    top: 3px;
    color: var(--blue);
    font-size: 18px;
    pointer-events: none;
}
.tabs__content ol:not([class]) > li > p {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--gray-3);
}

/* texts */
.tabs__content p {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--gray-3);
}
.tabs__content p b {
    font-family: 'Play', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--black);
}


/* catalog-card */ 
.catalog__item {
    padding: 16px 16px 140px;
}

/* 21jan !!!??? */

.card__info .title-block__title {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.catalog__item-info-wrap:not(.js__fade) .catalog__item-info {
    margin-bottom: 20px;
}
.catalog__item-info-wrap {
    top: calc(100% - 140px);
}
.card__info {
   /*display: flex;
    flex-flow: wrap;*/
    align-items: flex-start;
    align-content: baseline;
}
.card__info .stickers.custom-font [class*="sticker_"] {
	padding: 5px 7px;
	margin: 0 2px 10px;
	letter-spacing: normal;
	position: relative;
	z-index: 1;
}
.card__info-top {
    margin: 0 0 32px 0
}
.card__info-bottom {
    margin: 0 0 32px 0;
    display: flex;
    flex-flow: wrap;
}

.card__info-file {
    flex-direction: column;
    width: 100%;
}
.card__info-file a {
    margin: 0 0 15px 0;
}
.card__info-file a:not(:first-child) {
    margin: 0 0 15px 0;
}
@media(max-width:880px){
    .card__info-file {
        flex-direction: column;
        width: 100%;
    }
    .card__info-file a {
        margin: 0;
    }
    .card__info-file a:not(:first-child) {
        margin: 15px 0 0 0;
    }
}
.card__info-top .card__info-info {
    max-width: 50%;
    width: 100%;
}
.card__info-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.card__info-info .status-1 {
    order: 0;
    margin: 0 0 17px 0;
}
.card__info-info .status-2 {
    order: 1;
    margin: 0;
}
.card__info-top .card__info-btn {
    max-width: 50%;
    width: 100%;
}
.card__info-top .card__info-btn .btn--cart {
    margin-top: 0;
}
.default-slider__title {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--black);
}

/*
.card__info .card__info-count {
    display: none; 
}
.card__info .card__info-file {
    display: none; 
}
.card__info .btn--lizing {
    display: none!important; 
}
*/
.swiper-button-disabled {
    display: none;
}
/*
.card__info-rating {
    display: none;
}
*/
@media(max-width: 900px){ 
    .card__info-top .card__info-info {
        max-width: 100%;
        width: 100%;
    }
    .card__info-top .card__info-btn {
        max-width: 100%;
        width: 100%;
    } 
    .card__info-btn {
        max-width: 100%;
    }
    .card__info-price {
        max-width: 100%
    }
}
/* */


.card__info .card__info-top .card__info-info .card__info-status,
.catalog__item-status {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 17px 0;
    color: var(--black);
}
.card__info .card__info-top .card__info-info .card__info-status span,
.catalog__item-status span {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0;
    color: var(--black);
}
.js-catalog-statuses {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 16px 0 24px 0;
}
.js-catalog-statuses .catalog__item-status {
    margin: 0;
}
.js-catalog-statuses .status-1 {
    padding: 0 8px 8px 40px;
    order: 0;
}
.js-catalog-statuses .status-2 {
    padding: 0 8px 0 40px;
    order: 1;
}
/*
.card__info .card__info-top .card__info-info .card__info-status:last-child, 
.catalog__item-status:last-child {
    margin: 0;
}
*/
.card__info-status,
.catalog__item-status {
    padding-left: 24px;
}
.status-1::before {
    background-image: url(../../uralnak/img/ico-status-green.svg);
}
.status-2::before {
    background-image: url(../../uralnak/img/ico-status-red.svg);
}
.status-1::before, .status-2::before {
    top: 0;
}



.card__info .title-block__title h1 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.5em;
    color: var(--black);
}
.mobile .card__info-status {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 17px 0;
    color: var(--black);
}
.mobile .card__info-status span {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0;
    color: var(--black);
}

.mobile .card__info-status {
    padding-left: 24px;
}
.mobile .status-1::before {
    background-image: url(../../uralnak/img/ico-status-green.svg);
}
.mobile .status-2::before {
    background-image: url(../../uralnak/img/ico-status-red.svg);
}
.mobile .status-1::before, .status-2::before {
    top: 0;
}

.card__info .strong {
    width: 100%;
    max-width: 100%;
    margin: 0 0 30px 0;
    text-align: left;
}
.card__info-price {
    max-width: 50%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    justify-content: flex-start;
    margin: 0 0 32px 0;
}
.card__info-price .card__info-status {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 17px 0;
    color: var(--black);
}
.card__info-price .card__info-status:last-child {
    margin: 0;
}
.status-1::before {
    background-image: url(../../uralnak/img/ico-status-green.svg);
}
.status-2::before {
    background-image: url(../../uralnak/img/ico-status-red.svg);
}
.status-1::before, .status-2::before {
    top: 0;
}

.card__info-btn {
    max-width: 50%;
    width: 100%;
    margin-top: 0;
}
.card__info .btn {
    max-width: 165px;
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 10px;
    border-radius: 6px;
    background: var(--red);
}
.card__info .btn--lizing {
    max-width: 200px;
}
.card__info .btn:hover {
    background: var(--light-red);
}
.card__media .swiper-slide {
    border-radius: 6px;
}
.card__media-bot .swiper-slide {
    border-radius: 6px;
}
.card__media .swiper-button-prev, 
.card__media .swiper-button-next {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: var(--gray-2);
    opacity: 1;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    top: calc(50% - 15px);
    border: none;
}
.card__media .swiper-button-prev:hover, 
.card__media .swiper-button-next:hover {
    background: var(--blue);
    opacity: 1;
    box-shadow: none;
}
.card__media .swiper-button-prev {
    right: calc(100% - 15px);
    transform: rotate(0);
}
.card__media .swiper-button-prev:before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 5px);
    width: 10px;
    height: 8px;
    background: url(../../uralnak/img/swiper-prev.svg) no-repeat center;
    background-size: 100%;
}
.card__media .swiper-button-next {
    left: calc(100% - 15px);
}
.card__media .swiper-button-next:before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 5px);
    width: 10px;
    height: 8px;
    background: url(../../uralnak/img/swiper-next.svg) no-repeat center;
    background-size: 100%;
}
.card__media .swiper-wrapper::before {
    content: '';
    position: absolute;
    width: 68px;
    height: 68px;
    top: calc(50% - 34px);
    left: calc(50% - 34px);
    pointer-events: none;
    background: url(../../uralnak/img/image-linse.svg) no-repeat center;
    background-size: 100%;
    z-index: 1;
    transition: 1s;
}
.card__media .swiper-wrapper:hover::before {
    transform: scale(1.1);
}
.card__media .swiper-container-thumbs .swiper-wrapper::before {
    display: none;
}
.card__media-video {
    align-self: flex-start;
}
.card__media-video a {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--white-default);

    background: var(--blue);
    border-radius: 6px;
    border-color: transparent;
}
.card__media-video a:hover {
    border-color: var(--blue);
    /*
    color: var(--blue);
    */
    color: #ffffff;
    background-color: var(--blue);
}
.card__media-video a::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    /*
    background-image: url(/local/templates/uralnak/css/../img/video-button.svg);
    */
    background: url('../../uralnak/img/playvid.svg') no-repeat center;
    background-size: 100%;
    transition: .4s;
}

.card__media-video a:hover::before {
    /*
    background-color: var(--blue);
    background-position: center;
    background-size: 40%;
    */
    background-color: transparent;
    background-position: center;
    background-size: 100%;
    background: url('../../uralnak/img/playvid.svg') no-repeat center;
    transform: scale(1.4);
}


.card__media .mobile .card__info-info .card__info-status {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 17px 0;
    color: var(--black);
}

.card__tabs .tabs__top {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}
.card__tabs .tabs__top .tabs__tab {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.2em;
    color: var(--black);
    padding: 25px 24px;
    text-transform: none;
    background: var(--white-default);
    margin-bottom: 0;
}
.card__tabs .tabs__top  .tabs__tab.active {
    background: var(--blue);
    color: var(--white-default);
    font-weight: bold;
}
.card__tabs .tabs__top .tabs__tab:hover {
    background: var(--very-light-blue);
}
.card__tabs .tabs__top .tabs__tab::after {
    display: none;
}
.card__tabs .tabs__top .tabs__tab:first-child {
    border-radius: 6px 0 0 6px;
}
.card__tabs .tabs__top .tabs__tab:last-child {
    border-radius: 0 6px 6px 0;
}
.tabs__content .accordion .accordion__title {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--black);
    transition: .4s;
    text-transform: none;
    padding: 12px 0 8px 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--gray-3);
    border-radius: 0;
    background: var(--white-default);
}
.tabs__content .accordion .accordion__title.active {
    color: var(--blue);
    border-bottom: 1px solid var(--blue);
    box-shadow: none;
}
.tabs__content .accordion .accordion__title:hover {
    color: var(--blue);
    border-bottom: 1px solid var(--blue);
}
.tabs__content .accordion .accordion__title::after {
    content: '';
    position: absolute;
    right: 25px;
    top: calc(50% - 4px);
    background: var(--black);
    width: 2px;
    height: 8px;
    border-radius: 2px;
    transition: .6s;
    border: none;
    transform: rotate(45deg);
}
.tabs__content .accordion .accordion__title::before {
    content: '';
    position: absolute;
    right: 29px;
    top: calc(50% - 4px);
    background: var(--black);
    width: 2px;
    height: 8px;
    border-radius: 2px;
    transition: .6s;
    border: none;
    transform: rotate(-45deg);
}
.tabs__content .accordion .accordion__title.active::after {
    transform: rotate(320deg);
    background: var(--blue);
}
.tabs__content .accordion .accordion__title.active::before {
    transform: rotate(-320deg);
    background: var(--blue);
}
.tabs__content .accordion .accordion__title:hover::after {
    background: var(--blue);
}
.tabs__content .accordion .accordion__title:hover::before {
    background: var(--blue);
}
.table-new {
    font-family: var(--font-montserrat);
}
.table-new .tbody > .tr > .td:hover {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);;
}


.default-slider-cont .default-slider .swiper-button-prev, 
.default-slider-cont .default-slider .swiper-button-next {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: var(--gray-2);
    opacity: 1;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    top: calc(50% - 15px);
    border: none;
}
.default-slider-cont .default-slider .swiper-button-prev:hover, 
.default-slider-cont .default-slider .swiper-button-next:hover {
    background: var(--blue);
    opacity: 1;
    box-shadow: none;
}
.default-slider-cont .default-slider .swiper-button-prev {
    right: calc(100% - 15px);
    transform: rotate(0);
}
.default-slider-cont .default-slider .swiper-button-prev:before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 5px);
    width: 10px;
    height: 8px;
    background: url(../../uralnak/img/swiper-prev.svg) no-repeat center;
    background-size: 100%;
}
.default-slider-cont .default-slider .swiper-button-next {
    left: calc(100% - 15px);
}
.default-slider-cont .default-slider .swiper-button-next:before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 5px);
    width: 10px;
    height: 8px;
    background: url(../../uralnak/img/swiper-next.svg) no-repeat center;
    background-size: 100%;
}
.default-slider .item {
    padding: 16px;
}
.default-slider .item__img img {
    border-radius: 6px;
}
.rb_z .card .card__media-cont .card__info {
    flex-flow: wrap;
}
.rb_z .card .card__media-cont .card__info h1 {
    width: 100%;
    max-width: 100%;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.5em;
    color: var(--black);

    margin: 0 auto 32px auto;
}

.rb_z .card .card__media-cont .card__info .card__info-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: flex-start;
    max-width: 50%;
    width: 100%;
}
.rb_z .card .card__media-cont .card__info .card__info-price div {
    margin: 5px 0;
}
.rb_z .card .card__media-cont .card__info .card__info-price .status-1, 
.rb_z .card .card__media-cont .card__info .card__info-price .status-2 {
    color: var(--black);
}
.rb_z .card .card__media-cont .card__info .card__info-price .status-1::before, 
.rb_z .card .card__media-cont .card__info .card__info-price .status-2::before {
    top: calc(50% - 8px);
}
.rb_z .card .card__media-cont .card__info .card__info-btn {
    max-width: 50%;
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
}

/* manager block */
.card .card__media-cont .card__info .news-detail {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 51px 0 0 0;
}
@media(max-width: 900px) {
    .card .card__media-cont .card__info .news-detail {
        margin: 25px 0 0 0;
    }
}
.card .card__media-cont .card__info .news-detail .manager-photo {
    width: 100px;
    height: 100px;
}
.card .card__media-cont .card__info .news-detail .manager-details {
    flex-grow: 1;
    margin: 0 0 0 30px;
}

.card .card__media-cont .card__info .news-detail .manager-details .js-manager-contacts {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    margin: 14px auto 0 auto;
}
.card .card__media-cont .card__info .news-detail .manager-details .js-manager-contacts > div:first-child {
    margin-right: 30px;
}
/* .card .card__media-cont .card__info .news-detail .manager-details .js-manager-contacts .manager-details__item {
    max-width: 50%;
    width: 100%;
} */
.card .card__media-cont .card__info .news-detail .manager-details .manager-details__item:first-child h3 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2em;
    color: var(--black);
}
.card .card__media-cont .card__info .news-detail .manager-details .js-manager-contacts .manager-details__item a {
    /* display: inline-block; */
    /* padding: 0 0 0 40px; */
    display: flex;
    align-items: center;
    box-sizing: content-box;
    position: relative;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.1em;
    color: var(--black);
    text-decoration: none;
    outline: none;
    transition: .4s;
} 
.card .card__media-cont .card__info .news-detail .manager-details .js-manager-contacts .manager-details__item a::before {
    content: '';
    /* position: absolute; */
    /* top: calc(50% - 12px);
    left: 0; */
    display: flex;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 10px;
    pointer-events: none;
    background-image: url('../../uralnak/img/managermail.svg');
    background-repeat: no-repeat;
    background-position: center;
}
.card .card__media-cont .card__info .news-detail .manager-details .js-manager-contacts .manager-details__item:nth-child(2) a::before {
    background-image: url('../../uralnak/img/managerphone.svg');
}
.card .card__media-cont .card__info .news-detail .manager-details .js-manager-contacts .manager-details__item a:hover {
    color: var(--blue);
    text-decoration: none;
    outline: none;
    border-color: transparent;
}
.card .card__media-cont .card__info .news-detail .manager-details .js-manager-contacts .manager-details__item a:focus {
    color: var(--black);
    text-decoration: none;
    outline: none;
    border-color: transparent;
}
.card .card__media-cont .card__info .news-detail .manager-details .js-manager-contacts .manager-details__item a:after {
    color: var(--balck);
    text-decoration: none;
    outline: none;
    border-color: transparent;
}
/* */

.rb_z .card .card__media .mobile .status-1, 
.rb_z .card .card__media .mobile .status-2 {
    color: var(--black);
}
.rb_z .card .card__media .mobile .status-2 {
    margin: 0 0 20px 0
}
.rb_z .card .card__media .mobile .status-1::before, 
.rb_z .card .card__media .mobile .status-2::before {
    top: calc(50% - 8px);
}

.rb_z .mode-switch > .sort__view > .view {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 15px 0;
}
.rb_z .mode-switch > .sort__view > .view a {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    box-sizing: content-box;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3em;
    color: var(--gray-2);
    transition: .4s;
}
.rb_z .mode-switch > .sort__view > .view a::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    left: -30px;
    top: calc(50% - 12px);
    background-image: url('../../uralnak/img/filtericoncooc.svg');
    background-position: center;
    background-repeat: no-repeat;
}
.rb_z .mode-switch > .sort__view > .view a:nth-child(2) {
    margin: 0 0 0 55px;
}
.rb_z .mode-switch > .sort__view > .view a:nth-child(2)::before {
    background-image: url('../../uralnak/img/filtericonfilter.svg');
}
.rb_z > .view-mode-scheme > .col-md-3 {
    display: none;
}
.rb_z > .view-mode-scheme .mode-switch .sort {
    display: none;
}
.rb_z > .view-mode-scheme > .col-md-9 {
    width: 100%;
    max-width: 100%;
}
.rb_z > .view-mode-scheme > .col-md-9 > .row {
    width: 100%;
    max-width: 100%;
}
.rb_z > .view-mode-scheme > .col-md-9 > .row .catalog__img {
    margin: 30px auto 0 auto;
    position: relative;
}
.rb_z > .view-mode-scheme > .col-md-9 > .row .catalog__img::after {
    content: '';
    position: absolute;
    right: 0;
    width: 58px;
    height: 100%;
    background: var(--white-default);
    pointer-events: none;
}

.rb_z .js-filter-button {
    width: 40px;
    height: 40px;
    border-radius: 0;
    background: var(--white-default);
    cursor: pointer;
    transition: .4s;

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 1.2em;
    color: var(--black);

    position: absolute;
    right: 19px;

    border-bottom: 1px solid transparent;
}
.rb_z .js-filter-button:hover {
    background: var(--blue);
    color: var(--white-default);
    border-radius: 6px;
    border-bottom-color: transparent;
}

.rb_z .js-filter-plug {
    top: 61px;
}
.rb_z .js-filter-carrier {
    top: 108px;
}
.rb_z .js-filter-pump {
    top: 323px;
}
.rb_z .js-filter-pumpbearer {
    top: 437px;
}
.rb_z .js-filter-harness {
    top: 542px;
}
.rb_z .js-filter-disc {
    top: 617px;
}
.rb_z .js-filter-pulley {
    top: 7px;
}

.rb_z .js-button-active {
    background: var(--blue);
    color: var(--white-default);
    border-radius: 6px;
    border-bottom-color: transparent;
    pointer-events: none;
}

.rb_z .view-mode-scheme .js-shceme-container {
    position: relative;
    z-index: 1;
}
.rb_z .view-mode-scheme .js-shceme-container .parts-catalog-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: +1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.rb_z .view-mode-scheme .js-shceme-container .parts-catalog-wrapper .js-extra-wrapper {
    max-width: 870px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    max-height: 747px;
}
.rb_z .view-mode-scheme .js-shceme-container .catalog__img {
    position: relative;
    z-index: -1;
}   
.view-mode-scheme .catalog__list {
    display: none!important; /* TEMPORARY */
}

.js-card-shown {
    position: absolute;
    right: 130%;
    top: -150px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    width: 290px;
    height: auto;
    padding: 15px!important;
    pointer-events: all;
}
.js-card-shown .catalog__item-title {
    height: auto!important;
}
.js-card-shown .catalog__item-info-wrap {
    top: 100%;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}
.js-card-shown .btn--cart:hover {
    color: var(--white-default);
}
.js-card-shown .btn--cart:focus {
    color: var(--white-default);
}
.js-card-shown .btn--cart:active {
    color: var(--white-default);
}
.js-filter-reset {
    position: absolute;
    width: 120px;
    height: 45px;
    left: calc(50% - 60px);
    bottom: -35px;
    background: var(--red);
    transition: .4s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.1em;
    letter-spacing: 0.04em;
    color: var(--white-default);

    cursor: pointer;
}
.js-filter-reset:hover {
    background: var(--light-red);
}
.js-to-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--red);
    transition: .4s;
    border-radius: 6px;
    width: 100%;
    height: 27px;
    cursor: pointer;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4em;
    color: var(--white-default);
    margin: 0 auto 15px auto;
}
.js-to-list:hover {
    background: var(--light-red);
    color: var(--white-default);
    text-decoration: none;
    border-color: transparent;
}
.js-to-list:active {
    background: var(--light-red);
    color: var(--white-default);
    text-decoration: none;
    border-color: transparent;
}
.js-to-list:focus {
    background: var(--light-red);
    color: var(--white-default);
    text-decoration: none;
    border-color: transparent;
}

.js-closer {
    position: absolute;
    left: -25px;
    top: -5px;
    width: 20px;
    height: 20px;
    background: var(--red);
    border-radius: 4px;
    transition: .4s;
}
.js-closer::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 2px;
    background: var(--white-default);
    top: 9px;
    left: 1px;
    transform: rotate(-45deg);
}
.js-closer::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 2px;
    background: var(--white-default);
    top: 9px;
    left: 1px;
    transform: rotate(45deg);
}
.js-closer:hover {
    background: var(--light-red);
}

@media(max-width: 900px){
    .card .card__media-cont .card__info h1 {
        font-size: 22px;
    }
    .card .card__media-cont .card__info .news-detail .manager-details .manager-details__item:first-child h3 {
        font-size: 15px;
    }
    .card .card__media-cont .card__info .news-detail .manager-details .js-manager-contacts .manager-details__item {
        max-width: 100%;
    }
}

@media(max-width: 600px){
    .rb_z .card .card__media-cont .card__info .card__info-price {
        max-width: 100%;
    }
}

/* catalog list */
.catalog-one__item .catalog-one__item-title {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    transition: .4s;
}
.catalog-one__item:hover .catalog-one__item-title {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    color: var(--red);
    transition: .4s;
}
.catalog__list .btn {
    max-width: 165px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 10px;
    border-radius: 6px;
    background: var(--red);
    max-width: 165px;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5em;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.catalog__list .btn:hover {
    background: var(--light-red);
    color: var(--white-default);
}
.catalog__item {
    border-radius: 6px;
    padding: 16px 16px 160px;
}
.catalog__item-img {
    margin-bottom: 32px;
}
.catalog__item-title {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5em;
    color: var(--black);
    margin-bottom: 6px;
    padding: 0 8px;
}
.catalog__item-status {
    padding: 0 8px 0 40px;
}
.catalog__item-status::before {
    left: 8px;
}
.catalog__item-btn {
    padding: 0 8px;
    margin: 8px 0 0 0;
}
.catalog__item-info-wrap {
    padding: 0 24px 24px;
}
.catalog__item-more span {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    text-decoration-line: underline;
    color: var(--blue);
    transition: .4s;
}
.catalog__item-more span:hover {
    font-weight: bold;
}
.catalog__item-more span::after {
    background: var(--blue);
}
.js__fade .catalog__item-more span::after {
    content: '';
    position: absolute;
    right: -16px;
    top: calc(50% - 4px);
    background: var(--blue);
    width: 1px;
    height: 8px;
    border-radius: 2px;
    transition: .3s;
    border: none;
    transform: rotate(45deg);
}
.js__fade .catalog__item-more span::before {
    content: '';
    position: absolute;
    right: -12px;
    top: calc(50% - 4px);
    background: var(--blue);
    width: 1px;
    height: 8px;
    border-radius: 2px;
    transition: .3s;
    border: none;
    transform: rotate(-45deg);
}
.catalog__item-info-wrap:not(.js__fade) .catalog__item-more span::after {
    content: '';
    position: absolute;
    right: -16px;
    top: calc(50% - 4px);
    background: var(--blue);
    width: 2px;
    height: 8px;
    border-radius: 2px;
    transition: .3s;
    border: none;
    transform: rotate(320deg);
}
.catalog__item-info-wrap:not(.js__fade) .catalog__item-more span::before {
    content: '';
    position: absolute;
    right: -12px;
    top: calc(50% - 4px);
    background: var(--blue);
    width: 2px;
    height: 8px;
    border-radius: 2px;
    transition: .3s;
    border: none;
    transform: rotate(-320deg);
}
.catalog__item-more span:hover::after {
    width: 2px;
}
.catalog__item-more span:hover::before {
    width: 2px;
}
/*
.catalog__item-row {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--gray-2);
}
*/
.catalog__item-info-wrap:not(.js__fade) .catalog__item-info {
    scrollbar-color: var(--blue) var(--gray-3);
}
.catalog-sort .sort__select-label {
    font-family: var(--font-montserrat);
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.3em;
    color: var(--black);
}
.sort__select--category select {
    font-family: var(--font-montserrat);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.3em;
    color: var(--gray-2);
    border: 1px solid #4F4F4F;
    border-radius: 6px;
    height: 36px;
    padding: 0 20px 0 10px;
    background-position: right 10px center;
}
.sort__select-label {
    margin: 0 10px 0 0;
}
.view-plates {
    background-image: url('../../uralnak/img/plates.svg')
}
.view-plates.active {
    background-image: url('../../uralnak/img/plates.svg')
}
.view-list {
    background-image: url('../../uralnak/img/list.svg')
}
.view-list.active {
    background-image: url('../../uralnak/img/list.svg')
}
.catalog__item-img {
    min-height: 185px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalog__list:not(.js__view-plates) .catalog__item-img img {
    width: 100%;
    object-fit: cover;
    display: inline;
    max-width: none;
    height: 100%;
}
.catalog__list:not(.js__view-plates) .catalog__item-title {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5em;
    color: var(--black);
    display: inline-block;
    margin: 8px 0 10px 0;
}
.catalog__list:not(.js__view-plates) .catalog__item-info {
    margin: 24px 0 0 0;
}

.catalog__item-row {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5em;
    color: var(--gray-3);
}

.catalog__item-row span {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5em;
    color: var(--gray-3);
}
.catalog__list:not(.js__view-plates) .catalog__item-btn {
    margin: 24px 0 0 0;
}
.catalog__list.js__view-list .catalog__item {

}

.catalog__list.js__view-list .catalog__item .catalog__item-title {
    margin: 0 0 1px 0;
}
.catalog__list.js__view-list .catalog__item .js-catalog-statuses {
    padding: 1px 0;
}
.catalog__list.js__view-list .catalog__item .js-catalog-statuses .catalog__item-btn {
    order: 3;
    margin: 10px 0 0 0;
}
.catalog__list.js__view-list .catalog__item .catalog__item-info {
    margin: 2px 0 0 0;
}
.catalog__list.js__view-list .catalog__item .catalog__item-price {
    margin: 0;
    padding: 0 8px;
}
.catalog__list.js__view-list .catalog__item .catalog__item-btn {
    margin: 0;
}





.catalog__item .strong {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 17px 0;
    color: var(--black);
    position: relative;
    padding: 0 0 0 11px;
}
.catalog__item .strong::before {
    content: "";
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    position: absolute;
    left: 2px;
    top: calc(50% - 8px);
    display: block;
    background-image: url(../../uralnak/img/ico-status-red.svg);
    border: none;
    border-radius: 0;
    line-height: inherit;
    margin-right: 0;
    font-size: inherit;
}

.card__info .strong {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 17px 0;
    color: var(--black);
    position: relative;
    padding: 0 0 0 24px;
}
.card__info .strong::before {
    content: "";
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    display: block;
    background-image: url(../../uralnak/img/ico-status-red.svg);
    border: none;
    border-radius: 0;
    line-height: inherit;
    margin-right: 0;
    font-size: inherit;
}
/* main-page-fixes */
.index .video-index {
    position: relative;
    top: 126px;
}
@media(max-width: 671px){
    .index .video-index {
        top: 100px;
    }
}
.footer {
    margin-top: 120px;
}
@media(max-width: 671px){
    .footer {
        margin-top: 90px;
    }
}
.index #content > .wrapper {
    position: static;
}
.index .video-index::after {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    background: black;
    opacity: .6;
    pointer-events: none;
}
.index #content::before {
    display: none;
}
.index__link-list {
    max-width: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media(max-width: 700px){
    .index__link-list {
        padding-left: 0;
    }
}
.index__link {
    margin: 0 auto;
    position: absolute;
    top: 100px;
    height: auto;
}
@media(max-width: 800px){
    .index__link {
        margin: 0;
        top: 0;
    }
}
.index__link-item {
    border: none;
    transition: .4s;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5em;
    color: #BDBDBD;
    width: 450px;
}
.index__link-item > a {
    border: none;
    transition: .4s;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5em;
    color: #BDBDBD;

    display: block;
    width: 100%;
}
.index__link-item > a > span {
    transition: .4s;
}
.index__link-item:not(:last-child) {
    margin-bottom: 34px;
}
.index__link-item.active > a, 
.index__link-item:hover > a {
    border: none;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    padding: 0 30px 0 0;
    box-sizing: content-box;
}
.index__link-item.active > a span, 
.index__link-item:hover > a span {
    border-bottom: none;
    /*
    border-bottom: 1px solid var(--white-default);
    */
}

.index__link-item::before {
    transform: scale(0);
    opacity: 0;
}
.index__link-list > .index__info-cont {
    display: none;
    opacity: 0;
}
.index__info-cont {
    transition: .3s;
    display: none;
    opacity: 0;
    transition-delay: .3s;
}
.index__link-item .index__info-cont {
    top: 0;
    padding: 0;
    pointer-events: all;
}
.index__link-item .index__info-cont:hover {
    display: block;
}
.index__link-item:hover .index__info-cont {
    left: 0;
    padding-left: 101%;
    width: 200%;
    pointer-events: all;
    z-index: -1;
}
@media(max-width: 800px){

    .index__link-item .index__info-cont {
        display: none;
        opacity: 1;
    }

    .index__link-item::before {
        top: 7px;
    }
    .index__link-item.active,
    .index__link-item:hover {
        padding: 0;
    }
    .index #content {
        overflow: hidden;
    }
}
.index__link-item .index__info-cont ul {
    padding-left: 0;
    border-left: none!important;
    border-color: transparent;
    border-image: none;
    border-image-slice: 0;
}
@media(max-width: 700px){
    .index__link-item .index__info-cont ul {
        padding-left: 0;
    }
}
.index__link-item .index__info-cont ul li {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5em;
    text-transform: none;
    color: #BDBDBD;
    padding: 0!important;
    position: relative;
    margin: 0 0 16px 0!important;
}
.index__link-item .index__info-cont ul li a {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5em;
    text-transform: none;
    color: #BDBDBD;
}
@media(max-width: 700px){
    .index__link-item .index__info-cont ul li {
        font-size: 15px;
        line-height: 1.2em;
        margin: 0 0 8px 0!important;
    }
}
.index__link-item .index__info-cont ul li.subActive a,
.index__link-item .index__info-cont ul li a:hover {
    color: var(--white-default);
    text-decoration: none;
    border: none;
}
.index__link-item .index__info-cont ul li::before {
    content: "";
    display: block;
    width: 10px!important;
    height: 10px!important;
    border-radius: 50%;
    background-color: #fff!important;
    position: absolute;
    left: -50px!important;
    top: calc(50% - 6px)!important;
    opacity: 0;
    transform: scale(1);
    transition: .3s;
}
.index__link-item .index__info-cont ul li.subActive::before,
.index__link-item .index__info-cont ul li:hover::before {
    opacity: 1;
}
.index__link-item .index__info-cont .index__info {
    padding: 0;
    background: transparent;
}

/*.index__link-item.active .index__info-cont, */
.index__link-item:hover .index__info-cont {
    display: block;
    opacity: 1;
    transform: none;
}
.index__link-list:hover .active a {
    color: #BDBDBD;
    text-decoration: none;
    border-bottom: none;
}
.index__link-list:hover .active::before {
    opacity: 0;
}
.index__link-list:hover .active:hover::before {
    opacity: 1;
}
.index__link-list:hover .active a span {
    color: #BDBDBD;
    text-decoration: none;
    border-bottom: none!important;
    border-color: transparent!important;
}
.index__link-list:hover .link-item {
    border-color: transparent;
}
.index__link-list:hover .active a:hover {
    color: var(--white-default);
    text-decoration: none;
}


.index__link-item > .index__info-cont .index__info {
    Padding-left: 45px;
    border-left: 1px solid transparent;
    border-image: linear-gradient(hsla(0,0%,100%,0),#fff 28%,#fff 72%,hsla(0,0%,100%,0));
        border-image-slice: 100%;
    border-image-slice: 100%;
    border-image-slice: 1;
}
@media(max-width: 400px){
    .index__link-item > .index__info-cont .index__info {
        padding-left: 18px;
    }
}
.index__link-item > .index__info-cont .index__info > a {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5em;
    text-transform: none;
    color: #BDBDBD;
    padding: 0 !important;
    position: relative;
    margin: 0 0 16px 0 !important;
    position: relative;
    text-decoration: none;
}
.index__link-item > .index__info-cont .index__info > a::before {
    content: "";
    display: block;
    position: absolute;
    width: 10px!important;
    height: 10px!important;
    border-radius: 50%;
    background-color: #fff!important;
    position: absolute;
    left: -23px!important;
    top: calc(50% - 6px)!important;
    opacity: 0;
    transform: scale(1);
    transition: .3s;
}
.index__link-item > .index__info-cont .index__info > a:hover {
    text-decoration: underline;
    color: var(--white-default);
}
.index__link-item > .index__info-cont .index__info > a:hover::before {
    opacity: 1;
}

.index__link-item:hover {
   /* border-bottom: 1px solid var(--white-default)!important; */
}
.index__link-item:hover > a {
    font-size: 27px!important;
    color: var(--white-default)!important;
    border-bottom: none!important;
    text-decoration: none;
}
.index__link-item.active:hover > a {
    font-size: 27px!important;
    color: var(--white-default)!important;
    border-bottom: none!important;
    text-decoration: none;
}
.index__link-list:hover .index__link-item.active:hover > a {
    font-size: 27px!important;
    color: var(--white-default)!important;
    border-bottom: none!important;
    text-decoration: none;
}
.index__link-item:hover > a span {
    font-size: 19px!important;
    color: var(--white-default)!important;
    border-bottom: none!important;
    text-decoration: none!important;
}
@media(max-width: 1024px){
    .index__link-item:hover > a span {
        font-size: 16px!important;
        color: var(--white-default)!important;
        border-bottom: none!important;
        text-decoration: none!important;
        font-weight: normal;
    } 
    .index__link-item:hover > a {
        font-size: 16px!important;
    }
}

@media(max-width: 700px){
    .index__link-item > .index__info-cont .index__info > a {
        font-size: 15px;
        line-height: 1.2em;
        margin: 0 0 8px 0!important;
        color: var(--white-default);
    }
    .index__link-item {
        margin-bottom: 15px!important;
    }
    .index__link-item:hover > a {
        font-size: 18px;
    }
    .index__link-item:hover > a span {
        font-size: 18px;
    }
}
@media(max-width:671px){
    .index header .head-bot-cont {
        background: var(--main-color-new);
    }
    .index__link-item > a {
        font-size: 16px;
    }
    .index__link-item.active > a, 
    .index__link-item:hover > a {
        font-size: 16px;
        text-decoration: none;
        border-bottom: none;
    }

    .index__link-item.active > a span, 
    .index__link-item:hover > a span {
        font-size: 16px;
        text-decoration: none;
        border-bottom: none;
    }

    .index__link-item {
        color: var(--white-default);
    }
    .index__link-item > a {
        color: var(--white-default);
    }
    .index__link-item .index__info-cont ul li a {
        color: var(--white-default);
    }
}
@media(max-width: 900px){
    .index__link-item {
        width: auto;
    }
    .index__link-item > a {
        color: var(--white-default);
    }
    .index__link-item .index__info-cont ul li a {
        color: var(--white-default);
    }
    .index__link-item:hover .index__info-cont {
        display: none;
        opacity: 1;
        left: auto;
        padding-left: 0;
        width: auto;
    }
 
    .js-menu-heading--trigger {
        position: relative;
    }
    .js-menu-heading--trigger > a::after {
        content: '';
        position: absolute;
        right: -25px;
        width: 10px;
        height: 10px;
        transition: .4s;
        top: 8px;
        border: 6px solid transparent;
        border-top-color: var(--white-default);
    }
    .js-menu-heading--triggered > a::after {
        transform: rotate(180deg);
        top: 4px;
    }
}
@media(max-width: 590px){
    .js-menu-heading--trigger > a {
        padding-right: 25px;
    }
    .js-menu-heading--trigger > a::after {
        right: 5px;
    }
}
.js-menu--slided {
    pointer-events: all;
    opacity: 1;
}

.index__link-item > .index__info-cont .index__info > .btn {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 210px;
    height: 56px;
    background: var(--blue);
    border-radius: 6px;
    border: none;
    opacity: 1;
    text-transform: uppercase;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5em;
    color: var(--white-default);

    margin: 0!important;
}
.index__link-item > .index__info-cont .index__info > .btn:hover {
    text-decoration: none;
    background: var(--blue-2);
}
.index__link-item > .index__info-cont .index__info > .btn:hover::before {
    display: none;
}
@media(max-width: 900px){
    .index__link-item > .index__info-cont .index__info > .btn {
        margin: 0!important;
    }
}

/* catalog-new */
.rbbl-catalog-selector .title-block .wrapper .title-block__crumbs {
    padding: 15px 0 50px 0;
}
.rbbl-catalog-selector .title-block .wrapper .title-block__crumbs ul.bread-crumbs li a span {
    color: var(--gray-2);
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.1em;
    transition: .4s;
}
.rbbl-catalog-selector .title-block .wrapper .title-block__crumbs ul.bread-crumbs li a:hover span {
    color: var(--blue-2);
    text-decoration: none;
}
.rbbl-catalog-selector .title-block .wrapper .title-block__crumbs ul.bread-crumbs li.bread-crumbs__this {
    color: var(--gray-2);
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.1em;
}
.rbbl-catalog-selector .title-block .wrapper .title-block__crumbs ul.bread-crumbs li::after {
    margin: 0 8px;
    color: var(--blue-2);
}
.rbbl-catalog-selector .title-block .wrapper .title-block__title {
    padding: 0 0 35px 0;
}
.rbbl-catalog-selector .title-block .wrapper .title-block__title h1 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--black);
}
@media(max-width:780px){
    .rbbl-catalog-selector .title-block .wrapper .title-block__crumbs {
        padding: 15px 0 25px 0;
    }
    .rbbl-catalog-selector .title-block .wrapper .title-block__title {
        padding: 0 0 15px 0;
    }
    .rbbl-catalog-selector .title-block .wrapper .title-block__title h1 {
        font-size: 24px;
    }
}
.parts-catalog-wrapper ul.bx_catalog_tile_ul {
    display: flex;
    flex-flow: wrap;
    width: calc(100% + 30px);
    margin: 0 0 0 -30px;
}
.parts-catalog-wrapper ul.bx_catalog_tile_ul li {
    max-width: calc(25% - 30px);
    width: 100%;
    margin: 0 0 30px 30px;
    background: transparent;
    height: 326px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
    transition: .4s;
    float: none;
    padding: 30px 15px 15px 15px;
    border: 1px solid var(--very-light-blue);
    border-radius: 6px;
}
@media(max-width:1050px){
    .parts-catalog-wrapper ul.bx_catalog_tile_ul {
        width: calc(100% + 15px);
        margin: 0 0 0 -15px;
    }
    .parts-catalog-wrapper ul.bx_catalog_tile_ul li {
        max-width: calc(50% - 15px);
        margin: 0 0 15px 15px;
    }
}
@media(max-width:550px){
    .parts-catalog-wrapper ul.bx_catalog_tile_ul {
        width: 100%;
        margin: 0 auto;
    }
    .parts-catalog-wrapper ul.bx_catalog_tile_ul li {
        width: 100%!important;;
        max-width: 100%!important;
        margin: 0 0 15px 0;
        height: auto;
        min-height: 325px;
    }
}

.rbbl-catalog-selector .title-video-banner {
    max-width: 100%;
    width: 100%;
}

.rbbl-catalog-selector .title-video-banner video {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.parts-catalog-wrapper ul.bx_catalog_tile_ul li:hover {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}

.parts-catalog-wrapper ul.bx_catalog_tile_ul li .bx_catalog_tile_img {
    max-width: 90%;
    width: 100%;
    height: 180px;
    margin: 0 auto 24px auto;
    display: block;
    border: none;
    background-size: contain;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    transition: .4s;
}
.parts-catalog-wrapper ul.bx_catalog_tile_ul li h2 {
    max-width: 80%;
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.parts-catalog-wrapper ul.bx_catalog_tile_ul li h2 a {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    color: var(--black);
    transition: .4s;
    border-bottom: none;
}
.parts-catalog-wrapper ul.bx_catalog_tile_ul li h2 a:hover {
    color: var(--red);
    outline: none;
    text-decoration: none;
    border-bottom: none;
}
.parts-catalog-wrapper ul.bx_catalog_tile_ul li:hover h2 a {
    color: var(--red);
    outline: none;
    text-decoration: none;
    border-bottom: none;
}

.catalog-filter {
    padding: 40px 0 0 0;
}

.catalog-filter > form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.catalog-filter .sort__select {
    width: 100%;
    padding: 0 30px 0 0;
    box-sizing: border-box;
    align-items: flex-start;
}
.catalog-filter .nice-select {
    width: 100%;
}
.catalog-filter .nice-select .list {
    width: 100%;
}
.nice-select span.current {
    padding: 0 5px;
}

.sort__select-select, .my-select {
    background-image: none;
}
.catalog:not(.catalog-width100) .catalog-sort {
    padding-left: 0;
}

.catalog-filter .bx-filter {
    background: transparent;
}
.catalog-filter .bx-filter .bx-filter-section {
    background: transparent;
}
.catalog-filter .bx-filter .bx-filter-title {
    display: none;
}
.catalog-filter .bx-filter .bx-filter-parameters-box {
    padding: 0 0 30px 0;
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-popup-result {
    opacity: 0;
    display: 0;
    pointer-events: 0;
    width: 0;
    height: 0;
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-parameters-box-title {
    pointer-events: none;
    padding: 0 0 25px 0;
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-parameters-box-title span {
    pointer-events: none;
    font-family: var(--font-montserrat);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2em;
    color: var(--black);
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-parameters-box-title span i {
    display: none;
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-block {
    display: block;
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-filter-parameters-box-container {
    padding: 0;
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-filter-parameters-box-container .checkbox .bx-filter-param-label {
    padding: 0;
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-filter-parameters-box-container .checkbox .bx-filter-param-label.disabled {
    display: none; 
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-filter-parameters-box-container .checkbox .bx-filter-param-label .bx-filter-param-text {
    padding: 0 0 0 32px;
    position: relative;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    color: var(--black);
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-filter-parameters-box-container .checkbox .bx-filter-param-label .bx-filter-param-text::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background: var(--white-default);
    border-radius: 2px;
    transition: .4s;
    box-shadow: inset 2px 2px 2px #C8C9C9, inset -2px -2px 2px #FFFFFF;
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-filter-parameters-box-container .checkbox .bx-filter-param-label .bx-filter-param-text::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 4px;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    background: var(--blue);
    border-radius: 2px;
    transition: .4s;
    transform: scale(0);
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-filter-parameters-box-container .checkbox .bx-filter-param-label input {
    display: none;
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-filter-parameters-box-container .checkbox .bx-filter-param-label input:checked + span::after {
    transform: scale(1);
}
.catalog-filter .bx-filter .bx-filter-parameters-box .bx-filter-block .bx-filter-parameters-box-container {
    padding: 0;
}

.catalog-filter .bx-filter form .btn-themes {
    color: var(--white-default);
    transition: .4s;
}
.catalog-filter .bx-filter form .btn-link {
    color: var(--white-default);
    transition: .4s;
}
.catalog-filter .bx-filter form .btn-themes:hover {
    color: var(--white-default);
    text-decoration: none;
}
.catalog-filter .bx-filter form .btn-link:hover {
    color: var(--white-default);
    text-decoration: none;
}


/* header */
.main-nav__list > li {
    transition: .4s;
}
.main-nav__list > li:hover {
    background: var(--blue);
}
.main-nav__list .active {
    background: var(--blue);
}
.main-nav__list .active:hover {
    background: #193153;
}
.main-nav__list .active:hover a {
    background: #193153;
}

.main-nav__list .active .main-nav__submenu ul li a:hover {
    background: #355fb6;;
}



/* custom-select */

.custom-select {
    position: relative;
    font-family: var(--font-montserrat);
  }
  
  .custom-select select {
    display: none; /*hide original SELECT element: */
    pointer-events: none;
  }
  
  .select-selected {
    background-color: transparent
  }
  
  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 16px;
    width: 1px;
    height: 7px;
    transform: rotate(-45deg);
    background:#263238;
    transition: .4s;
  }
  .select-selected:before {
    position: absolute;
    content: "";
    top: 14px;
    right: 12px;
    width: 1px;
    height: 7px;
    transform: rotate(45deg);
    background:#263238;
    transition: .4s;
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
    transform: rotate(45deg);
  }
  .select-selected.select-arrow-active:before {
    transform: rotate(-45deg);
  }
  
  /* style the items (options), including the selected item: */
  .select-items div,.select-selected {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.3em;
    color: #263238;
    padding: 8px 25px 8px 10px;
    border: 1px solid #263238;
    border-radius: 6px;
    cursor: pointer;
    background: white;
  }
  
  /* Style items (options): */
  .select-items {
    position: absolute;
    background-color: transparent;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid #263238;
    border-radius: 0 0 6px 6px;
    border-top: none;
    opacity: 1;
    height: auto;
    transition: .4s;
  }
  
  /* Hide the items when the select box is closed: */
  .select-hide {
    /*display: none; */
    opacity: 0;
    height: 0;
    pointer-events: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: #ECEFF1;
  }
  .select-items div {
    border: none;
  }


  .head .custom-select .select-selected {
    border: 1px solid #355FB6;
    box-sizing: border-box;
    border-radius: 6px;
    background: transparent;

    font-family: var(--white-default);
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.5em;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    color: var(--white-default);
  }
  .head .custom-select .select-selected::before {
    background: var(--white-default); 
  }
  .head .custom-select .select-selected::after {
    background: var(--white-default); 
  }
  .head .city .custom-select .select-selected {
      padding: 18px 32px;
  }
  .head .city .custom-select .select-selected::before {
    display: none;
  }
  .head .city .custom-select .select-selected::after {
    display: none;
  }

.head .custom-select .select-items > div {
    background-color: transparent;
    color: var(--white-default);
    border: 1px solid #355FB6;
    box-sizing: border-box;

    font-family: var(--white-default);
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.5em;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    color: var(--white-default);
}


.mobile-menu__footer .custom-select .select-selected {
    border: 1px solid #355FB6;
    box-sizing: border-box;
    border-radius: 6px;
    background: transparent;

    font-family: var(--white-default);
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.5em;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    color: var(--white-default);
  }
  .mobile-menu__footer .custom-select .select-selected::before {
    background: var(--white-default); 
  }
  .mobile-menu__footer .custom-select .select-selected::after {
    background: var(--white-default); 
  }
  .mobile-menu__footer .city .custom-select .select-selected::before {
    display: none;
  }
  .mobile-menu__footer .city .custom-select .select-selected::after {
    display: none;
  }

.mobile-menu__footer .custom-select .select-items > div {
    background-color: transparent;
    color: var(--white-default);
    border: 1px solid #355FB6;
    box-sizing: border-box;

    font-family: var(--white-default);
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.5em;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    color: var(--white-default);
}
  /* */

  /* fancybox gallery */

.fancybox-container .fancybox-navigation .fancybox-button--arrow_left, 
.fancybox-container .fancybox-navigation .fancybox-button--arrow_right {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: var(--gray-2);
    opacity: 1;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    top: calc(50% - 15px);
    border: none;
}
.fancybox-container .fancybox-navigation .fancybox-button--arrow_left:hover, 
.fancybox-container .fancybox-navigation .fancybox-button--arrow_right:hover {
    background: var(--blue);
    opacity: 1;
    box-shadow: none;
}
.fancybox-container .fancybox-navigation .fancybox-button--arrow_left {
 /*   right: calc(100% - 15px); */
    transform: rotate(0);
}
.fancybox-container .fancybox-navigation .fancybox-button--arrow_left:before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 5px);
    width: 10px;
    height: 8px;
    background: url(../../uralnak/img/swiper-prev.svg) no-repeat center;
    background-size: 100%;
}
/*
.fancybox-container .fancybox-navigation .fancybox-button--arrow_right {
    left: calc(100% - 15px);
}
*/
.fancybox-container .fancybox-navigation .fancybox-button--arrow_right:before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 5px);
    width: 10px;
    height: 8px;
    background: url(../../uralnak/img/swiper-next.svg) no-repeat center;
    background-size: 100%;
}
.fancybox-show-thumbs .fancybox-inner {
    right: 305px!important;
}
.fancybox-show-thumbs .fancybox-thumbs {
    width: 305px;
}

.fancybox-thumbs > ul {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin: 30px auto 0 auto!important;
    height: auto!important;
}
.fancybox-thumbs > ul > li {
    width: 100%;
    max-width: calc(50% - 30px);
    margin: 0 0 30px 30px!important;
    max-height: none;
}

.card-video::after {
    transition: .4s;
    opacity: 1;
    background: url('../../uralnak/img/vid.svg') no-repeat center;
    background-size: 100%;
}
.card-video:hover::after {
    background: url('../../uralnak/img/vid-red.svg') no-repeat center;
    background-size: 100%;
    opacity: 1;
}

@media(max-width: 800px){
    .fancybox-show-thumbs .fancybox-inner {
        right: 205px!important;
    }
    .fancybox-show-thumbs .fancybox-thumbs {
        width: 205px;
    }
    .fancybox-thumbs > ul > li {
        margin: 0 0 10px 10px!important;
    }
}
@media(max-width: 950px){
    .card__info-top .card__info-btn .btn--cart {
        margin-top: 32px;
    }
}


.js-button-menu-item:hover .index__info-cont {
    top: -11px;
}



/* service */
.header-one {
    max-width: 100%;
    width: 100%;
    margin: -100px auto 0 auto;
    padding: 0;
    height: 650px;
    position: relative;
    overflow: hidden;
}
.header-one__bg {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.header-one__bg img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: inline;
    max-width: none;
    height: 100%;
}
.header-one__bg .js-blur {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(36,36,36,.6);
    filter: blur(5px);
}
.header-one__text {
    max-width: var(--base-width);
    padding: 0 20px;
    margin: 270px auto 0 auto;
    box-sizing: border-box;
    position: relative;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5em;
    color: var(--white-default);
}
.header-one__text h1,
.header-one__text h2,
.header-one__text h3,
.header-one__text h4,
.header-one__text h5 {
    width: 100%;
    max-width: 100%;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 1.2em;
    color: var(--white-default);
    margin: 0 0 20px 0;
}
.header-one__text a {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5em;
    text-decoration-line: underline;
    transition: .4s;
    border: none;
}
.header-one__text a:hover {
    outline: none;
    border: none;
}
.header-one__text a:active {
    outline: none;
    border: none;
}
.header-one__text a:focus {
    outline: none;
    border: none;
}
.header-one__text .js-text-wrapper {
    width: 100%;
    max-width: 55%;
}
.uslugi table, 
.main-content__text table,
.block-text-image table,
.block-text-video table {
    width: 100%;
    max-width: 100%;
}
.js-service-page .title-block,
.uslugi .title-block {
    padding: 0;
    z-index: 2;
}
.js-service-page .title-block .wrapper,
.uslugi .title-block .wrapper {
    position: relative;
    box-sizing: border-box;
}
.js-service-page .title-block .title-block__title,
.uslugi .title-block .title-block__title {
    position: absolute;
    left: 20px;
    top: 160px;
}
.js-service-page .title-block .title-block__title h1,
.uslugi .title-block__title h1 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--white-default);
}
.js-service-page .title-block__crumbs ul.bread-crumbs li a span,
.uslugi .title-block__crumbs ul.bread-crumbs li a span {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    border: none;

    color: #ECEFF1;
    transition: .4s;
}
.js-service-page .title-block__crumbs ul.bread-crumbs li a:hover,
.uslugi .title-block__crumbs ul.bread-crumbs li a:hover {
    color: var(--blue);
    text-decoration: none;
    outline: none;
    border: none;
}
.js-service-page .title-block__crumbs ul.bread-crumbs li::after, 
.uslugi .title-block__crumbs ul.bread-crumbs li::after {
    color: #ECEFF1;
}
.js-service-page .title-block__crumbs ul.bread-crumbs li a:hover span,
.uslugi .title-block__crumbs ul.bread-crumbs li a:hover span {
    color: var(--blue);
    text-decoration: none;
    outline: none;
    border: none;
}
.js-service-page .title-block__crumbs ul.bread-crumbs li.bread-crumbs__this,
.uslugi .title-block__crumbs ul.bread-crumbs li.bread-crumbs__this {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;

    color: #ECEFF1;
}

.header-two {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 504px;
    position: relative;
    background: #193153;
}
.header-two__bg {
    position: absolute;
    width: 502px;
    height: 100%;;
    /* height: 468px; */
    z-index: 0;
    bottom: 0;
    right: 11%;
}
.header-two__bg img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: inline;
    max-width: none;
    height: 100%;
}
.header-two__text {
    max-width: var(--base-width);
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
.header-two__text ul {
    max-width: 50%;
    margin: 125px 0 0 0;
    list-style-type: none;
}
.header-two__text p {
    margin: 32px 0 0 0;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--white-default);
    max-width: 425px;
}
.header-two__text ul li {
    padding: 0 0 0 40px;
    position: relative;
    margin: 0 0 32px 0;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--white-default);
}
.header-two__text ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 24px;
    height: 24px;
    background:  url('../../uralnak/img/ic_round-check-box.svg') no-repeat center;
    background-size: 100%;
}
.header-two__text ol {
    max-width: 425px;
    margin: 125px 0 0 100px;
    list-style-type: none;
    counter-reset: li;
}
.header-two__text ol li {
    padding: 0 0 0 40px;
    position: relative;
    margin: 0 0 32px 0;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--white-default);
}
.header-two__text ol li::before {
    counter-increment: li;
    content: counter(li, decimal);
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    text-decoration-line: underline;
    color: var(--blue);
}
.js-service-page .main-content,
.uslugi .main-content {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    background: var(--white-default);
    width: 100%;
}
.main-content__text,
.js-service-page .main-content .main-content__text,
.uslugi .main-content .main-content__text {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    max-width: var(--base-width);
    padding: 50px 20px 60px 20px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
}
.main-content__text > img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 0 25px 0;
}
.main-content__text p {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
    margin: 0 0 24px 0;
}
.main-content__text b {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
    margin: 0 0 24px 0;
}
.main-content__text a {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--red);
    outline: none;
    border: none;
    text-decoration: none;
    transition: .4s;
}
.main-content__text a:hover {
    outline: none;
    border: none;
    text-decoration: none;
    color: var(--light-red);
}
.main-content__text a:focus {
    outline: none;
    border: none;
    text-decoration: none;
    color: var(--light-red);
}
.main-content__text a:active {
    outline: none;
    border: none;
    text-decoration: none;
    color: var(--light-red);
}
.main-content__text h2 {
    width: 100%;
    max-width: 100%;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--black);
    margin: 25px 0 32px 0;
}
.js-service-page .main-content h2,
.uslugi .main-content h2 {
    width: 100%;
    max-width: 100%;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--black);
    margin: 10px 0 32px 0;
}
.cost-col {
    max-width: 50%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15% 0 0;
}
.cost-col h1,
.cost-col h2,
.cost-col h3,
.cost-col h4,
.cost-col h5,
.cost-col h6 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--black);
    margin: 0 0 24px 0;
}
.cost-col p {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
    margin: 0 0 24px 0;
}
.cost-col b {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
    margin: 0 0 24px 0;
}

.cost-col a {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--blue);
    transition: .4s;
    text-decoration: none;
    border: none;
}
.cost-col a:hover {
    color: var(--blue-2);
    text-decoration: none;
    outline: none;
    border: none;
}
.cost-col a:focus {
    color: var(--blue);
    text-decoration: none;
    outline: none;
    border: none;
}
.cost-col a:active {
    color: var(--blue);
    text-decoration: none;
    outline: none;
    border: none;
}
.main-content__text button {
    outline: none;
    border: none;
    text-decoration: none;
    border-radius: 6px;
    background: var(--blue);
    transition: .4s;
    width: 280px;
    height: 57px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0 0;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    align-items: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--white-default);
    position: relative;
    padding: 0 0 0 20px;
    cursor: pointer;
}
.main-content__text button:hover {
    background: var(--blue-2);
    outline: none;
    border: none;
    box-shadow: none;
}
.main-content__text button:active {
    background: var(--blue);
    outline: none;
    border: none;
    box-shadow: none;
}
.main-content__text button:focus {
    background: var(--blue);
    outline: none;
    border: none;
    box-shadow: none;
}
.main-content__text button::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    left: 18px;
    top: calc(50% - 9px);
    background:  url('../../uralnak/img/playvid.svg') no-repeat center;
    background-size: 100%;
}


.image-gallery {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    height: 169px;
    position: relative;
    margin: 0 auto 20px auto;
}
.image-gallery .swiper-list {
    max-width: calc(100% - 30px);
    margin: 0 auto;
}
.image-gallery .swiper-button-prev {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: var(--gray-2);
    opacity: 1;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    top: 50%;
    border: none;
    right: auto;
    left: 0;
    transition: .4s;
}
.image-gallery .swiper-button-prev::before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 5px);
    width: 10px;
    height: 8px;
    background: url(../../uralnak/img/swiper-next.svg) no-repeat center;
    background-size: 100%;
}
.image-gallery .swiper-button-prev:hover {
    background: var(--blue);
    opacity: 1;
    box-shadow: none;
    outline: none;
}
.image-gallery .swiper-button-prev:focus {
    background: var(--blue);
    opacity: 1;
    box-shadow: none;
    outline: none;
}
.image-gallery .swiper-button-prev:active {
    background: var(--blue);
    opacity: 1;
    box-shadow: none;
    outline: none;
}
.image-gallery .swiper-button-next {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: var(--gray-2);
    opacity: 1;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    top: 50%;
    border: none;
    right: 0;
    left: auto;
    transition: .4s;
}
.image-gallery .swiper-button-next::before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 5px);
    width: 10px;
    height: 8px;
    background: url(../../uralnak/img/swiper-next.svg) no-repeat center;
    background-size: 100%;
}
.image-gallery .swiper-button-next:hover {
    background: var(--blue);
    opacity: 1;
    box-shadow: none;
    outline: none;
}
.image-gallery .swiper-button-next:focus {
    background: var(--blue);
    opacity: 1;
    box-shadow: none;
    outline: none;
}
.image-gallery .swiper-button-next:active {
    background: var(--blue);
    opacity: 1;
    box-shadow: none;
    outline: none;
}
.image-gallery .image-gallery__item {
    width: 100%;
    max-width: none;
    height: 169px
}
.image-gallery .image-gallery__item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: inline;
    max-width: none;
    height: 100%;
}

.block-text-image,
.block-text-video {
    max-width: var(--base-width);
    padding: 50px 20px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-flow: wrap;
    width: 100%;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
}
.block-text-image > div:first-child:not(.js-container) {
    padding: 0 9% 0 0;
}
.block-text-image__text,
.block-text-video__text {
    max-width: 60%;
    width: 100%;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
}
.block-text-image p,
.block-text-video p {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
    margin: 0 0 24px 0;
}

.block-text-image b,
.block-text-video b {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
    margin: 0 0 24px 0;
}
.block-text-image__image,
.block-text-video__image {
    max-width: 40%;
    width: 100%;
    position: relative;
    height: auto;
}
.block-text-image__image img,
.block-text-video__image img {
    position: sticky;
    top: 15px;
}
.block-text-image h1,
.block-text-image h2,
.block-text-image h3,
.block-text-image h4,
.block-text-image h5,
.block-text-video h1,
.block-text-video h2,
.block-text-video h3,
.block-text-video h4,
.block-text-video h5 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--black);
    margin: 0 0 40px 0;
}
/*
.block-one h3 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2em;
    color: var(--black);
    margin: 0 0 32px 0;
} 
*/

.block-text-image ul,
.block-text-video ul,
.cost-col ul,
.main-content__text ul {
    margin: 32px 0;
    padding: 0;
    list-style-type: none;
}
.block-text-image ul li,
.block-text-video ul li, 
.cost-col ul li, 
.main-content__text ul li {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--gray-3);
    margin: 0 0 8px 0;
    padding: 0 0 0 13px;
    position: relative;
    box-sizing: border-box;
}
.block-text-image ul li:before, 
.block-text-video ul li::before,
.cost-col ul li:before, 
.main-content__text ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    background: var(--blue);
    border-radius: 5px;
}
.block-text-image ul li a, 
.block-text-video ul li a,
.cost-col ul li a, 
.main-content__text ul li a {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--blue);
    text-decoration: none;
    outline: none;
    border: none;
    transition: .4s;
}
.block-text-image ul li a:hover,
.block-text-video ul li a:hover,
.cost-col ul li a:hover,
.main-content__text ul li a:hover {
    text-decoration: none;
    outline: none;
    color: var(--blue-2);
    border: none;
}
.block-text-image ul li a:focus, 
.block-text-video ul li a:focus,
.cost-col ul li a:focus, 
.main-content__text ul li a:focus {
    text-decoration: none;
    outline: none;
    color: var(--blue-2);
    border: none;
}
.block-text-image ul li a:active, 
.block-text-video ul li a:active,
.cost-col ul li a:active, 
.main-content__text ul li a:active {
    text-decoration: none;
    outline: none;
    color: var(--blue-2);
    border: none;
}

.block-text-image ol,
.block-text-video ol,
.cost-col ol,
.main-content__text ol {
    margin: 32px 0;
    padding: 0;
    list-style-type: none;
    counter-reset: li;
}
.block-text-image ol li, 
.block-text-video ol li,
.cost-col ol li,
.main-content__text ol li {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--gray-3);
    margin: 0 0 8px 0;
    padding: 0 0 0 25px;
    position: relative;
    box-sizing: border-box;
}
.block-text-image ol li:before,
.block-text-video ol li::before,
.cost-col ol li:before,
.main-content__text ol li:before {
    counter-increment: li;
    content: counter(li, decimal);
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    text-decoration-line: underline;
    color: var(--blue);
}
.block-text-image ol li a, 
.block-text-video ol li a,
.cost-col ol li a, 
.main-content__text ol li a {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--blue);
    text-decoration: none;
    outline: none;
    border: none;
    transition: .4s;
}
.block-text-image ol li a:hover, 
.block-text-video ol li a:hover,
.cost-col ol li a:hover, 
.main-content__text ol li a:hover {
    text-decoration: none;
    outline: none;
    color: var(--blue-2);
    border: none;
}
.block-text-image ol li a:focus, 
.block-text-video ol li a:focus,
.cost-col ol li a:focus, 
.main-content__text ol li a:focus {
    text-decoration: none;
    outline: none;
    color: var(--blue-2);
    border: none;
}
.block-text-image ol li a:active, 
.block-text-video ol li a:active,
.cost-col ol li a:active, 
.main-content__text ol li a:active {
    text-decoration: none;
    outline: none;
    color: var(--blue-2);
    border: none;
}
.block-text-image blockquote, 
.block-text-video blockquote,
.cost-col blockquote, 
.main-content__text blockquote {
    width: 100%;
    max-width: 100%;
    padding: 10px 100px;
    margin: 30px auto;
    position: relative;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
    background: transparent;
}
.block-text-image blockquote::before, 
.block-text-video blockquote::before,
.cost-col blockquote::before, 
.main-content__text blockquote::before {
    content: '';
    position: absolute;
    left: 55px;
    top: 10px;
    width: 30px;
    height: 19px;
    background: url('../../uralnak/img/queoteic.svg') no-repeat center;
    background-size: 100%;
}
.block-text-image__video,
.block-text-video__video {
    max-width: 40%;
    width: 100%;
    height: 372px;
    border-radius: 6px;
    overflow: hidden;
}
.block-text-image__video iframe,
.block-text-video__video iframe {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.block-text-image__video > div,
.block-text-video__video > div {
    width: 100%;
    height: 100%;
}
.block-text-image__video > div div,
.block-text-video__video > div div {
    width: 100%;
    height: 100%;
}

.block-text-image__image--full,
.block-text-image__text--full {
    max-width: var(--base-width);
    padding: 50px 20px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
}

/*
.block-two {
    max-width: var(--base-width);
    padding: 80px 20px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-flow: wrap;
    width: 100%;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5em;
    color: var(--black);
}

.block-two p {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5em;
    color: var(--black);
    margin: 0 0 24px 0;
}

.block-two b {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5em;
    color: var(--black);
    margin: 0 0 24px 0;
}
.block-two__text {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5em;
    color: var(--black);
    max-width: 50%;
    width: 100%;
    padding: 0 7% 0 0;
    box-sizing: border-box;
}
.block-two h2 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--black);
    margin: 0 0 56px 0;
}
.block-two h1,
.block-two h2,
.block-two h3,
.block-two h4,
.block-two h5 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2em;
    color: var(--black);
    margin: 0 0 32px 0;
} 


*/
.block-partners {
    background-color: #ECEFF1;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 50px 20px;
    overflow-x: hidden;
}
.block-partners .swiper-button-prev {
    transform: rotate(0);
    left: -15px;
    right: auto;
    top: calc(50% + 44px);
}
.block-partners .swiper-button-next {
    right: -15px;
    left: auto;
    top: calc(50% + 44px);
}
.block-partners h2 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--black);
    margin: 0 0 56px 0;
}
.block-partners .wrapper {
    max-width: var(--base-width);
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

.block-map {
    max-width: 100%;
    width: 100%;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 0;
    height: 655px;
    position: relative;

    display: flex;
    flex-flow: wrap;
}
.block-map__text {
    max-width: var(--base-width);
    padding: 50px 20px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    z-index: 0;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
}
.block-map__text .js-text-wrapper {
    max-width: 350px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    font-family: var(--font-play);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--black);
}
.block-map__text h2 {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--black);
    margin: 0 0 24px 0;
}
.block-map__text h3,
.block-map__text b {
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2em;
    color: var(--black);
    margin: 32px 0 32px 0;
} 
.block-map__text a {
    margin: 24px 0 0 0;
    
    font-family: var(--font-play);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--red);
    text-decoration: none;
    outline: none;
    transition: .4s;
    border: none;
}
.block-map__text a:hover {
    color: var(--light-red);
    text-decoration: none;
    outline: none;
    border: none;
}
.block-map__text a:active {
    color: var(--red);
    text-decoration: none;
    outline: none;
    border: none;
}
.block-map__text a:focus {
    color: var(--red);
    text-decoration: none;
    outline: none;
    border: none;
}
.block-map__code {
    max-width: 55%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.block-map__code .bx-yandex-view-layout {
    width: 100%;
    height: 100%;
}
.block-map__code .bx-yandex-view-layout .bx-yandex-view-map {
    width: 100%;
    height: 100%;
}
.block-map__code .bx-yandex-view-layout .bx-yandex-view-map .bx-yandex-map {
    width: 100%!important;
    height: 100%!important;
}
.block-map__code .bx-yandex-view-layout .bx-yandex-view-map .bx-yandex-map .ymaps-map {
    width: 100%!important;
    height: 100%!important;
}

.inner.js-service-page footer.footer,
.inner.uslugi footer.footer {
    margin-top: 0;
}

.main-content__title-image {
    width: 100%;
    max-width: 1440px;
    margin: -100px auto 0 auto;
    position: relative;
}
.main-content__title-image::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(36,36,36,.6);
}
.main-content__title-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: inline;
    max-width: none;
    height: 100%;
}

.js-bg-dark {
    background-color: #193153;
    max-width: 100%;
    padding: 0;
}
.js-bg-dark .js-container {
    max-width: var(--base-width);
    width: 100%;
    padding: 50px 20px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
}
.js-bg-dark .js-container > div:first-child {
    padding: 0 9% 0 0;
}
.js-container h1, 
.js-container h2, 
.js-container h3, 
.js-container h4, 
.js-container h5, 
.js-container b, 
.js-container p, 
.js-container span,
.js-container ul li,
.js-container ul li p {
    color: var(--white-default);
}

.block-text-image__image--full p,
.block-text-image__text--full p,
.block-text-video__video--full p,
.block-text-video__text--full p {
    display: inline-block;
    width: 100%;
}

@keyframes boom {

    0% {
        top: 3px;
    }

    25% {
        top: 5px;
    }
    
    50% {
        top: 6px;
    }
    75% {
        top: 5px;
    }
    100% {
        top: 3px;
    }
    
}
.cost-col ul .js-anchor::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--blue);
    border-radius: 5px;
    left: -11px;
    top: 2px;
}
.cost-col ul .js-anchor::after {
    content: '';
    position: absolute;
    background: url(../../uralnak/img/swiper-next.svg) no-repeat center;
    background-size: 100%;
    width: 13px;
    height: 13px;
    transform: rotate(90deg);
    left: -9px;
    top: 3px;
    opacity: .8;
    transition: .2s;
}
.cost-col ul .js-anchor:hover::after {
    opacity: 1;
    animation: boom .6s ease-in-out;
}

@media(max-width: 1024px){
    .header-one__text .js-text-wrapper {
        max-width: 100%;
    }
    .header-one__bg .js-blur {
        width: 100%;
    }
}

@media(max-width: 1024px){
    .header-two {
        height: 404px;
    }
    .header-two__bg {
        right: 20px;
        width: 402px;
        height: 100%;
        /* height: 368px; */
    }
    .header-two__text ul {
        margin: 50px 0 0 0;
    }
    .header-two__text ol {
        margin: 50px 0 0 0;
    }
    .header-one {
        margin: 0 auto;
    }
    .header-one__text {
        margin: 250px auto 0 auto;
    }
    .js-service-page .title-block,
    .uslugi .title-block {
        position: absolute;
        top: 60px;
    }
    .js-service-page .title-block .title-block__title,
    .uslugi .title-block .title-block__title {
        top: auto;
        left: auto;
        position: static;
    }
}

@media(max-width: 900px){
    .main-content__text h2 {
        margin: 25px 0 25px 0;
    }
    .block-map {
        height: auto;
    }
    .block-map__text {
        padding: 35px 20px 10px 20px;
    }
    .block-map__text .js-text-wrapper {
        max-width: 100%;
    }
    .block-map__code {
        max-width: 100%;
        position: static;
        right: auto;
        top: auto;
        height: 400px;
        overflow: hidden;
    }
    .block-map__text h2 {
        margin-top: 0 0 10px 0;
    }
    .block-map__text h3, .block-map__text b {
        margin: 15px 0;
    }
    .header-one__bg {
        width: calc(100% + 200px);
        max-width: calc(100% + 200px);
    }
    .header-two {
        height: 450px;
        padding: 32px 0;
    }
    .header-two__bg {
        width: 382px;
      /*  height: 348px; */
        height: 100%;
    }
    .block-text-image__text,
    .block-text-video__text {
        max-width: 100%;
        padding: 0;
    }
    .block-text-image > div:first-child:not(.js-container) {
        padding: 0;
    }
    .js-bg-dark .js-container > div:first-child {
        padding: 0;
    }
    .block-text-image__image,
    .block-text-video__image {
        display: none;
    }
    .block-text-image,
    .block-text-video,
    .block-text-image__image--full,
    .block-text-image__text--full,
    .js-container {
        padding: 35px 20px;
    }
    .js-service-page .main-content__text,
    .uslugi .main-content__text {
        padding: 35px 20px;
    }
    .main-content__text {
        padding: 35px 20px;
    }
    .cost-col {
        padding: 0 7% 0 0;
    }
    .block-text-image h2,
    .block-text-video h2 {
        margin: 0 0 25px 0;
    }

    .block-partners h2 {
        margin: 0 0 25px 0;
    }
    .block-text-image h1,
    .block-text-image h2,
    .block-text-image h3,
    .block-text-image h4,
    .block-text-image h5, 
    .block-text-video h1, 
    .block-text-video h2, 
    .block-text-video h3, 
    .block-text-video h4, 
    .block-text-video h5 {
        margin: 0 0 25px 0;
    }
    .block-text-image ul,
    .block-text-video ul  {
        margin-top: 25px 0;
    }
    .block-text-image blockquote,
    .block-text-video blockquote {
        padding: 10px 30px 10px 70px;
        margin: 15px auto;
    }
    .block-text-image blockquote::before,
    .block-text-video blockquote::before {
        left: 30px;
    }
    .block-partners {
        padding: 35px 20px;
    }
}



@media(max-width: 800px){
    .header-two__text ul {
        margin: 20px 0;
    }
    .header-two__text ol {
        margin: 20px 0;
    }
    .block-two__text {
        max-width: 100%;
        padding: 0;
    }
    .block-two__video {
        max-width: 100%;
        margin: 25px 0 0 0;
    }
}

@media(max-width: 700px){
    .header-one__bg {
        width: calc(100% + 300px);
        max-width: calc(100% + 300px);
    }
    .header-one {
        height: 600px;
    }
    .header-two__bg {
        right: 20px;
        width: 280px;
        height: 250px;
        opacity: .3;
    }
    .header-two__text ul {
        max-width: 100%;
    }
    .cost-col {
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    .cost-col:first-child {
        margin: 0 auto 25px auto;
    }
    .main-content__text button {
        margin: 25px 0 0 0;
    }
}
@media(max-width: 600px){
    .header-one__text {
        margin: 300px auto 0 auto;
    }
    .header-one__text p,
    .header-one__text b,
    .header-one__text ul, 
    .header-one__text ol {
       display: none; 
    }
    .header-two {
        height: 450px;
        padding: 25px 0;
    }
    .header-one__bg {
        width: calc(100% + 800px);
        max-width: calc(100% + 800px);
    }
    .header-one__text .js-text-wrapper {
        max-width: 100%;
    }
    .header-two__text ul li {
        margin: 0 0 20px 0;
    }
    .header-two__text ol li {
        margin: 0 0 20px 0;
    }
    .block-two__video {
        height: 310px;
    }
}

@media(max-width: 500px){

    .block-two__video {
        height: 250px;
    }
    .header-one__text {
        margin: 200px auto 0 auto;
    }
    .uslugi .title-block__title h1 {
        font-weight: normal;
        font-size: 28px;
    }
    .header-one__text h1, 
    .header-one__text h2, 
    .header-one__text h3, 
    .header-one__text h4, 
    .header-one__text h5 {
        font-weight: normal;
        font-size: 26px;
    }
    .header-two {
        height: 500px;
    }
}
@media(max-width: 400px){
    .block-two__video {
        height: 200px;
    }
    .header-two {
        height: 500px;
    }
}

.uralnak .head .head-bot-cont .wrapper .head-bot .main-nav .main-nav__list > li > a {
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/*
.head-lang .custom-select select.my-select {
    display: block;
    pointer-events: all;
    background-color: var(--main-color);;
}


.head .head-lang .custom-select .select-items {
    display: none!important;
}
.head-lang .my-select__list-cont {
    display: none;
}
.head .head-lang .custom-select .select-selected {
    display: none!important;
}
*/

.nice-select {
    background-color: transparent;
    border-color: var(--blue);
}
.nice-select .list {
    background-color: var(--blue-2);
    box-shadow: none;
    border: 1px solid;
}
.nice-select .list li {
    color: #ffffff;
}
.nice-select .list li:hover {
    background-color: var(--blue);
}
.nice-select .list li.selected {
    background-color: var(--blue);
}
.nice-select .list li.selected.focus {
    background-color: var(--blue);
}
.nice-select .list li.option.focus {
    background-color: var(--blue);
}
.nice-select .list li.selected:hover {
    background-color: var(--blue);
}

.catalog .nice-select {
    background-color: #ffffff;
    border-color: #4F4F4F;
    color: #263238;
}
.catalog .nice-select .list {
    background-color: #ffffff;
    box-shadow: none;
    border: 1px solid;
    border-color: #4F4F4F;
    color: #263238;
}
.catalog .nice-select .list li {
    color: #263238;
    opacity: .8;
}
.catalog .nice-select .list li:hover {
    background-color: #ffffff;
    opacity: 1;
}
.catalog .nice-select .list li.selected {
    background-color: #ffffff;
    opacity: 1;
}
.catalog .nice-select .list li.selected.focus {
    background-color: #ffffff;
    opacity: 1;
}
.catalog .nice-select .list li.option.focus {
    background-color: #ffffff;
    opacity: 1;
}
.catalog .nice-select .list li.selected:hover {
    background-color: #ffffff;
    opacity: 1;
}

.bx_filter_button_box #set_filter {
    display: none;
}

.rb_z .card__tabs .tabs__content div.table div.tbody {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.sort__select--category {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.rb_z #set_filter {
    display: none;
}

.rb_z .bx-filter-button-box {
    padding: 0 !important;
}

.catalog-filter {
	grid-row-end:none;
}
@media(max-width: 450px){
    .rb_z .card__tabs .tabs__content div.table div.tbody {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* SvenSoft >> */
.contacts__right .contacts-block {
	padding-bottom: 16px;
}
.contacts-block .map-contact-down {
    margin-top: -27px;
    font-weight: bold;
    font-size: 16px;
}	

#main-cat .btns-box {
	text-align:center;
}
#main-cat .btn--reverse.brn-bottom.btn-top {
	float: none;
    display: inline-block;
	margin-bottom: 0;
	background-color:#aa1217;
}
#main-cat .btn--reverse.brn-bottom.btn-top:hover {
	background-color:var(--light-red);
}
.spectekhnika-katalog-avtomobiley.inner:not(.main) .catalog-main {
	padding-top: 52px;
}
.head-top .head-cities {
	margin-left: 371px;
    margin-right: 46px;
}
.head-top .city__label,
.head-top .soc__label,
.head-top .head-phone span{
	display: none;
}
.head-top .search-btn-box a.search-btn {
	height: 24px;
	width: 24px;
	margin-top: 5px;
	background: url('../../uralnak/img/search-btn__.png') 0 0;
}
.head-top .search-btn-box a.search-btn:hover {
	background-position:24px 0;
}

.head-top .head-email {
	margin-left:20px;
}
.head-top .search-btn-box {
	margin-left:20px;
}
.head-top  .head-lang {
	position:relative;
}
.head-top  .head-lang .my-select {
	padding-right: 54px;
}
.head-top .head-lang  .lang-img{
    height: 22px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 5px;
}
.head-top .head-lang .my-select__list li {
	text-align:left;
	position: relative;
}
.head-top .head-lang .my-select__list li:after {
    content: '';
    top: 9px;
    position: absolute;
    height: 24px;
    width: 32px;
    margin-left: 20px;
	background-size: 100% !important;
}
.head-top .head-lang .my-select__list li:nth-child(1):after {
	background: url('../../uralnak/img/ru_.png') no-repeat 0 0;
}
.head-top .head-lang .my-select__list li:nth-child(2):after {
    background: url('../../uralnak/img/en_.png') no-repeat 0 0;
}
.main-nav .main-nav__submenu-link {
	text-align:left;
}
.news.video-gallery .news__title.title {
	display:none;
}
.news-cont.v .wrapper,
.abuut-v .wrapper {
	max-width:initial !important;
	padding: 0 8px;
}
.abuut-v .news-cont.v {
	padding:0;
}
#photo-gallery .grid-item.link-section.link-section-r {
	font-size:17px;
}
.review-cont {
	padding:40px 0 0 0;
}
.review-cont:before {
	bottom: -200px;
}
.search-btn-box span {
	font-size: 0.88em;
}
.partners-cont {
    background: url('../../uralnak/img/_clients_bg_.jpg');
}
.footer {
    margin-top: 44px;
}
#main-cat .btns-box {
	overflow:hidden;
}
#main-cat .btn--reverse.brn-bottom {
    float: left;
    margin: 30px 10px 40px 10px;
    padding: 11px 18px 11px 53px;
    width: auto;
}
.btn--reverse.brn-bottom {
	position:relative;
}
.header-one.about .header-one__bg .js-blur {
	background: rgba(36,36,36,.2);
}
.blog__one img {
    max-width: 357px;
    width: 357px;
}
.about-link-list {
	list-style:none;
	margin: auto;
    width: 768px;
}
.about-link-list li {
	float:left;
	margin:0 10px;
}
.about-link-list li  a {
	text-transform:uppercase;
	font-size:14px;
	color:#32589a;
	border-bottom: 1px solid #32589a;
}
.about-link-list li  a:hover {
	border-bottom:none;
}

.card-review__form .default-input__input--radio label {
	line-height:20px;
}
.category__list.new .category__item {
	width:50%;
	min-height:360px;
	max-height:460px;
}
.category__list.new .category__item figure {
	width:50%;
	float:right;
	overflow:hidden;
	height:100%;
}
.category__list.new .category__item:nth-child(2n) figure {
	float:left;
}
.category__list.new .category__item  .category__item-info {
	width:50%;
	padding:0;
	text-align:right;
	justify-content: center;
}
.category__list.new .category__item:nth-child(2n) .category__item-info {
	bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    height: 100%;
	text-align:left;
}
.category__list.new .category__item .category__item-top {
	padding-right:30px;
}
.category__list.new .category__item:nth-child(2n) .category__item-top {
	padding-right:0;
	padding-left:30px;
}
.category__list.new .category__item .category__item-top:before {
	background:none;
}
.category__list.new .category__item .category__item-top:after,
.category__list.new .category__item-text:before {
	width:0;
}
.category__list.new  .category__item-text {
	opacity:1;
	font-size:14px;
	padding-right: 30px;
	margin-top:20px;
}
.category__list.new .category__item:nth-child(2n)   .category__item-text {
	padding-left: 30px;
}
.category__item-info:before {
	background: rgba(3, 3, 3, 0.1);
}
.category__list.new .category__item figure img {
	transition: 0.5s;
	height:100%;/*auto;*/
}
.category__list.new .category__item:hover figure img {
	transform: scale(1.2);
}
.card__tabs.tabs.new {
	margin:40px 0 50px 0;
}
.title-block.new {
	position:absolute;
	z-index: 1;
	width:100%;
	padding-top:0;
}
.title-block.new h1, 
.title-block.new .title-block__crumbs ul.bread-crumbs li,
.title-block.new .title-block__crumbs ul.bread-crumbs li a span,
.title-block.new .title-block__crumbs ul.bread-crumbs li::after {
	color:#fff;
}
.title-block.new .header-one__text {
	margin:20px 0 0 0;
}
.title-block.new .title-block__crumbs,
.title-block.new .title-block__title {
	padding-left:20px;
}
.js__head-absolute .head, .inner .head, .main .head{
	background: var(--main-color-new)!important;
}
.js__head-absolute .head {
	position:static !important;
}


.sold-info {
	display:none;
}
.main-slider__btn.three {
	width: 100%;
	display: flex;
	justify-content: space-around;/*space-between;*/
}
.main-slider__info-cont .wrapper {
	min-width:100%;
	margin:0;
	padding:0;
}
.main-slider__info {
	background:none !important;
}
#content .main-slider {
    padding-top: 124px;
}
.main-slider__info-cont {
	top:0 !important;
	bottom:-124px !important;
}

#privacy {
	width:100%;
	margin:auto;
	padding:10px 20px 40px 20px;
	background:#4F7BB7;
	font-family: var(--default-font);
}
#privacy .content {
	color:#fff;
}
#privacy .content a.check {
	font-weight:bold;
	color:#f3cd43;
}
#privacy .content a.btn {
	float:left;
    line-height: 48px;
	background: #fff;
	color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.35px;
    padding: 0px 40px;
    margin-top: 12px;
    /*border-radius: 23px;*/
    border: 1px solid transparent;
	cursor:pointer;
}
#privacy .content a.btn:hover {
	background:#27589B;
	color: #ffffff;
	border: 1px solid #ddd; 
}
.hide{
	display:none;
}

.title-block__title_dop {
	margin-top:32px;
}
.main-slider .swiper-list.height-auto {
	height:auto !important;
}

.catalog__list:not(.js__view-plates) .catalog__item {
    grid-template-areas:
        "img title title"
		"img code code"
        "img status-1 status2"
        "img price price"
        "img btn btn"
        "img info info";
}	
.catalog__list:not(.js__view-plates) .catalog__item  .model-code {
	margin-top:-8px;
	display: flex;
    align-items: start;
	grid-area: code;
}
.catalog__list .model-code {
		margin-top: -8px;
		font-size: 14px;
		padding-left: 8px;
}
.ico-file:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 15px;
}
.ico-file:before {
    background-image: url(../../uralnak/img/ico-file.svg);
}

.description-r {
	margin-bottom:20px;
}

.model-code {
	margin-top:5px;
	font-size:16px;
}
.model-code span {
	font-weight:bold;
}
.mobile .model-code {
	font-size:14px;
}

.form__submit-text {
	padding-left:10px;
}
.card__info-btn {
	position:relative;
}
.btn.btn--consultation {
	background: #193153;
    white-space: nowrap;
    max-width: 100%;
    position: absolute;
    bottom: -84px;
    left: 28px;
	transition:background-color .3s ease;
}
.card__info .btn.btn--consultation:hover {
	background-color:#355fb6;
}

.view-plates, .view-list {
	z-index:9;
}

.news.video-gallery {
	overflow:hidden;
}
.news-cont.v {
	background:none;
}
.news.video-gallery .title {
	color:#000;
}
.news .swiper-list_ {
    padding: 40px;
    margin: 0 -42px;
}
.news.video-gallery .swiper-button {
	filter:none;
}

#video-gallery-y {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: -140px;
}
#video-gallery-y a,
#video-gallery-yy a {
	position:relative;
	width:210px;
	margin:0 4px 70px 0;
	line-height:18px;
	border:0;
}
#video-gallery-y a:hover img,
#video-gallery-yy a:hover img {
	margin-bottom:-3px;
	border-bottom:3px solid #355fb6;
}
#video-gallery-y a span,
#video-gallery-yy a span{
	max-height:37px;
	overflow:hidden;
	position:absolute;
    top: 100%;
    left: 0;
    color: #000;
	font-family:"Play" , Arial , sans-serif;
	font-size: 14px;
    font-weight: bold;
	text-overflow: ellipsis;
    white-space: normal;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
#video-gallery-yy a span{
	top: calc(100% + 5px);
}

.search-result {
	margin-top:20px;
}
.search-result .search-item {
	overflow:hidden;
	margin-bottom:20px;
}
.search-result .search-item img {
	float:left;
}
.search-result .search-item .info-b {
	float:left;
	margin-left:20px;
}
.search-result .search-item h4 {
	margin-bottom:10px;
}
.search-result .search-item h4 a {
	color:#122B61;
}

.catalog__item-info-wrap.js__fade {
	height:102px;
}
.catalog__list:not(.js__view-plates).js__view-list .catalog__item .js-catalog-statuses {
	margin-bottom: -20px;
}
.catalog__list:not(.js__view-plates) .catalog__item-info-wrap:not(.js__fade) {
	margin-top: -20px;
}
/*
.catalog__list:not(.js__view-plates) .catalog__item-info-wrap:not(.js__fade) .catalog__item-info {
	    margin-top: -42px;
}
*/
.catalog__item-img {
	align-items:start;
} 
.catalog__list:not(.js__view-plates) .catalog__item-img img {
	height:auto;
}
.tabs__content.subsections .tabs__content-content {
	padding-right: 20px;
}
.tabs__content.subsections .accordion__body {
	height:auto;
	display:none;
}
.tabs__content.subsections .accordion__body a{
	color:#000;
}
.tabs__content.subsections .table-new .tbody>.tr>.td .td {
	padding: 5px 20px;
}
.tabs__content.subsections .table-new .td.item {
	position:relative;
}
.tabs__content.subsections .table-new .td.item  > img {
	display:block;
	position:absolute;
	top: -136px;
    right: -272px;
	border:1px solid #E5E5E5;
	padding:5px;
	background:#355fb6;
	display:none;
	z-index:10;
}
.tabs__content.subsections .table-new .td.item:hover > img {
	display:block;
}

.el-subsection {
	float:left;
	padding-right: 20px;
	width:300px;
	margin-top: 36px;
}
.card__tabs.tabs {
	margin-left:300px;
}
.info .tooltip {
	left:auto;
	right:0;
}
.accordion.h .accordion__body {
	/*overflow:visible;*/
	overflow:auto;
	height:auto;
}
.accordion.h  .accordion__title {
	border-bottom:none;
}
.accordion.h  .accordion__title:hover,
.accordion.h  .accordion__title.active {
	cursor:normal;
	border:none;
	border-bottom:none;
	color:#000;
}
.accordion.h  .accordion__title:before, .accordion.h  .accordion__title:after ,
.accordion.h  .accordion__title:hover:before, .accordion.h  .accordion__title:hover:after,
.accordion.h  .accordion__title.active:before, .accordion.h  .accordion__title.active:after {
	background:none;
	border-bottom:none;
}
.accordion.h  .accordion__body {
	overflow:hidden;
}
.tabs__content-content table {
	width: 100%;
}
.tabs__content-content table.h  td {
	/*border:1px solid #ccc !important;	*/
	border:0 !important;
	background: #fff;
}
.tabs__content-content table.h td {
	font-weight:normal !important;
	padding:5px 10px;
}
.tabs__content-content table.h td.b-title {
	font-weight:bold !important;
	font-size: 18px;
}
.tabs__content-content table.h td.b {
	width:30%;
	padding-left:0;
	padding-right:0;
	font-size: 14px;
	/*font-weight:bold !important;*/
	border-right:0 !important;
	overflow:hidden;
}
.tabs__content-content table.h td.z {
	padding-left:0;
	padding-right:0;
	font-size: 14px;
	border-left:0 !important;
	text-align:right;
	vertical-align:bottom;
	overflow:hidden;
}

.tabs__content-content table.h td.b:after {
  content:'.....................................................................................................................................................................................................';
  display: block;
  white-space: nowrap;
  overflow: hidden;
  float:right;
}
.tabs__content-content table.h td.b.not-a:after {
  content:'';
}
.tabs__content-content table.h td.b span {
	position: absolute;
    left: 0;
    background: #fff;
    padding: 0 10px;
}
.tabs__content-content table.h td.b.not-a span {
	position: static;
	display:block;
}
.tabs__content-content table.h td.z span {
	position: absolute;
    right: 0;
    background: #fff;
    padding: 0 10px;
}
.tabs__content-content table.h td.z:before {
  content:'....................................................................................................................................................................................................................................................................................................................';
  display: block;
  white-space: nowrap;
  overflow: hidden;
  float:left;
}
.card__info-bottom .card__info-count {
	display:none;
}

#content .main-slider {
	/*
	width: 60%;
	margin: auto;
	*/
	/*
	max-height:300px;
	overflow:hidden;
	*/
	/*
	height:50%
	*/
}
.catalog__item-info-wrap.js__fade {
	border-bottom:none;
}
.catalog-one__item-text {
    color: #7a828c;
    line-height: 1.6;
    font-size: 15px;
}
a.catalog-main__list-link, 
.statistic__item-info {
	color: #7a828c;
	font-size: 15px;
    line-height: 1.6em;
}
.btn--reverse.brn-bottom {
	display:block;
	width: calc((100%) / 3);
	margin:30px auto 40px auto;
	background-color:#193153;
	text-transform:uppercase;
	
	font-size: 1em;
	padding: 11px 15px;
    cursor: pointer;
	justify-content: center;
    text-align: center;
	border-radius: 3px;
    color: #fff;
    transition: background-color .3s ease;
}
.btn--reverse.brn-bottom:hover {
	background-color:#355fb6;
}
.btn--reverse.brn-bottom span {
	padding-left:35px;
}
.btn--reverse.brn-bottom img {
	position:absolute;
	top:8px;
	left:14px;
}
.catalog-main {
    margin: 40px 0 120px 0;
}
.main-slider__info {
	padding:20px 30px !important;
}
.video-index img {
	width: 100%;
    object-fit: cover;
    object-position: center;
    min-height: 100vh;
}

.index .head-bot-cont {
	top:auto;
}
.search_container {
	display:none;
}
.search-btn-box {
	cursor:pointer;
}
.search-btn-box span {
	float:left;
	color:#fff;
	margin-left:32px;
	line-height: 2.5em;
	cursor:pointer;
}
.search-btn-box a.search-btn {
	float:left;
	width:35px;
	/*margin-left:52px;*/
	margin-left:12px;
	height:35px;
	background:url('../../uralnak/img/search-btn_.png') 0 0;
}
/*
a.search-btn:hover, a.search-btn.active {
	background-position: 35px 0;
}
*/
.search-btn-box:hover a, .search-btn-box:hover span,
.search-btn-box.active a, .search-btn-box.active span {
	background-position: 35px 0;
	color:#355fb6;
} 
.search-form {
	width:100%;
}
.search.new {
	padding:20px 0 0 0;
	max-width:800px;
	margin:auto;
	background: none;
}
.search.new.mob {
	width: 100%;
    padding: 0 20px;
}
.search.new input[type="search"] {
	width:100%;
	padding: 0 20px;
	border:0;
}
.search.new.mob input[type="search"] {
	height: 52px;
} 
.search.new input[type="submit"] {
	margin-top: 2px;
}
.search.new.mob input[type="submit"] {
	margin-top:1px;
	height:52px;
	width:52px;
}


.footer-top {
	justify-content:unset;
}
.footer-soc {
	margin-left:0;
	align-items: flex-start;
}
.footer-soc .address {
	max-width:300px;
	color:#fff;
	font-size: 14px;
}
.footer-soc .soc-text {
	margin:20px 0 15px 0;
	color:#fff;
}
.f-menu__list {
	margin-left:102px;
}
/*
.footer-soc .soc-text > span {
	position:relative;
}
.footer-soc .soc-text  a {
	width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 24px;
}
*/
.footer-soc .soc-text  a , .footer-soc .soc-text span {
	font-size:24px;
	color:#fff;
}
/*
.f-menu {
    margin-left: 100px;
}
*/
.f-menu__list:first-child {
	column-count: 1;
}
.f-menu__item {
	margin-bottom:0;
}
.footer-bot {
    align-items: self-start;
    justify-content: start;
}
.foot-logo {
	margin-right:15px;
}
.f-menu__list .f-menu__item span {
	color:#919191;
}
.blog__item-title {
    font-size: 21px;
    line-height: 140%;
    font-weight: 500;
    margin-bottom: auto;
    padding-right: auto; 
}
.copy-to-buffer {
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	width:138px;
	height:30px;
	font-size:13px;
	line-height:20px;
	text-decoration:underline;
	color:#fff;
	background-color:rgba(0, 0, 0, 0.5);
	padding:5px 10px;
	text-align:center;
	z-index:10000000000000;
}
@media(max-width: 1610px){
	.search-btn-box a.search-btn {
		margin-left:52px;
	}
	.search-btn-box span {
		display:none;
	}
	.head-top .head-cities {
		margin-left: 257px;
	}
}
@media(max-width: 1400px) {
	#content .main-slider {
		padding-top: 48px;
	}
	.news .swiper-list_ {
		padding: 20px;
		margin: 0 -20px;
	}
	.head-top .head-cities {
		margin-left: 171px;
	}
}
@media(max-width: 1337px) {
	#main-cat .btn--reverse.brn-bottom {
		float: none;
		width: calc((100%) / 3);
		margin: 14px auto;
		font-size: 15px;
		text-align: right;
	}
	#main-cat .btn--reverse.brn-bottom:nth-child(4) {
		margin-bottom:48px;
	}
}
@media(max-width: 1067px){
	.btn--reverse.brn-bottom {
		width:50% !important;
	}
	#video-gallery-y {
		margin-bottom: -40px;
	}
	.el-subsection {
		display:none;
	}
	.card__tabs.tabs {
		margin-left:auto;
	}
	.btn.btn--consultation {
		position:static;
		top:auto;
		left:auto;
		white-space: pre-wrap;
	}	
}
@media(max-width: 850px){
	.about-link-list {
		width: 248px;
		text-align: center;
	}
	.about-link-list li {
		float:none;
		margin:0 10px;
	}
}
@media(max-width: 667px) {
	.slider-banner-new {
		padding-top:59px;
	}
	.slider-banner-new .swiper-slide .content {
		bottom: 25% !important;
	}
	.btn--reverse.brn-bottom {
		width:100% !important;
	}
	.category__list.new .category__item {
		width:100%;
	}
	.news .swiper-list_ {
		padding: 0;
		margin: 0;
	}
}

@media(max-width: 576px){
    .uslugi .title-block__title h1 {
        font-size: 22px !important;
    }
}

@media(max-width: 520px){
	.catalog-width100 {
		display:grid;
	}
    .tabs__content-content table.h td.b:after,
	.tabs__content-content table.h td.z:before {
		content:'';
	}
	.tabs__content-content table.h td.b,
	.tabs__content-content table.h td.z {
		text-align:left;
	}
	.tabs__content-content table.h td.b span ,
	.tabs__content-content table.h td.z span {
		position:static;
		padding:0;
	}
	/*head-bot-cont*/
	#content .catalog-video.kat, #content .main-slider { 
		display:none;
	}
	.search {
		margin-top: 59px
	}
	.footer {
		margin-top:0;
	}
	.foot-logo {
		display:none;
	}
	.btn--reverse.brn-bottom {
		margin: 72px auto 40px auto;
	}
}
/* Svensoft << */


.form_unisteam_input input[type="email"] {
    border: 1px solid #27314D;
    border-radius: 5px;
    width: 100%;
    padding: 16px 14px;
}

.wrapper_unisteam_contats {
    padding-top: 20px !important;
}

.table-new .tbody tr {
    display:  table-row !important;
}

.table-new tbody td {
    padding: 10px;
}

.table-new tbody td p {
    font-size: 16px;
}

.block-text {
    overflow: hidden;
    position: relative;
}

.block-text.part::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px; /* Высота эффекта градиента */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    pointer-events: none; /* Чтобы не перекрывать клики */
}

.block-text.part {
    height: 150px;
}

.block-text.all {
    height: auto;
}

.block-text-btn {
    font-weight: bold;
    cursor: pointer;
    color: #1d428f;
    margin: 15px 0;
}

.section-description {
    margin: 50px 0 0 0;
}

.zapros_unisteam_block {
    margin-bottom: 100px;
}