.nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 3px;
    padding-bottom: 70px;
    font-size: 14px;
    line-height: 14px;
}

.mobile {
    display: none;
}

.desktop {
    display: flex;
}

.nav-links a, .nav-links span {
    padding: 5px 0;
}

.contact-form-input-cont-catalog {
    padding-top: 40px;
}

.contact-form-input-cont.file-input {
    margin-top: 25px !important;
}

.checkbox-wrapper {
    margin-top: 15px !important;
}

.contact-form-btn {
    justify-content: center;
}

.catalog {
    display: flex;
    gap: 65px;
}

.catalog img {
    max-width: 100%;
}

.contact-form-input:not([required]) + label::after {
    display: none;
}

/* catalog__menu */

.catalog__menu {
    flex: none;
    width: 342px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.catalog__menu a {
    color: #333333;
    transition: .3s;
}

.catalog__menu a:hover, .catalog__menu--item.active a {
    color: #008FDB;
}

.catalog__menu--items > li > .catalog__menu--items > li:not(.active) a {
    color: #333333;
}

.catalog__menu--items > li > .catalog__menu--items > li:not(.active) a:hover {
  color: #008FDB;
}

.catalog__menu li {
    list-style-type: none;
}

.catalog__menu--items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.catalog__menu > .catalog__menu--items:not(.active) .catalog__menu--item {
    display: none;
}

.catalog__menu--items > li > .catalog__menu--items {
    margin-top: 15px;
}

.catalog__menu--items > li > .catalog__menu--items > li {
    font-size: 12px;
    line-height: 12px;
}

.catalog__menu--items > li:not(.active) > .catalog__menu--items {
    display: none;
}

.catalog__menu--item-title {
    font-family: "Sansation";
    font-size: 17px;
    line-height: 21.25px;
    font-weight: 400;
}

.catalog__menu--item-title.active a{
  color: #008FDB;
}

.catalog__menu--item {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding: 0 10px 0 15px;
}

.catalog__menu--line {
    height: 0.5px;
    background-color: #333333;
}

/* catalog__content */

.catalog__content {
    width: 100%;
}

.catalog__content--header {
    display: flex;
    gap: 20px;
}

.catalog__content--header-box {
    font-size: 17px;
    line-height: 125%;
}

.catalog__content--header img {
    flex: none;
    height: fit-content;
}

.catalog__content--title {
    font-size: 24px;
    line-height: 26.4px;
    padding-top: 0;
}

.catalog__content--header-inner {
    margin-top: 25px;
}

.header-inner__table {
    display: grid;
    grid-template-columns: fit-content(100px) 1fr;
    gap: 12px 25px;
}

.header-inner__table-left {
    width: fit-content;
    max-width: 100px;
    flex: none;
}

.header-inner__table-right {

}

.catalog__content--header-download {
    display: flex;
    align-items: center;
    margin-top: 25px;
    gap: 12px;
    text-transform: initial;
}

.catalog__content--info {
    position: relative;
    display: flex;
    gap: 103px;
    margin: 70px 0;
}

.catalog__content--info-title {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 12px;
    color: #008FDB;
    line-height: 18.7px;
    padding: 16.5px 25px;
    font-family: "Sansation";
    border: 0.5px solid #008FDB;
    cursor: pointer;
    transition: .3s;
}

.catalog__content--info-title .plus {
    display: flex;
}

.catalog__content--info-title .minus {
    display: none;
}

.catalog__content--info-title.active {
    color: white;
    background-color: #008FDB;
}

.catalog__content--info-title.active .plus {
    display: none;
}

.catalog__content--info-title.active .minus {
    display: block;
}

.catalog__content--info-title:hover {
  color: white;
  background-color: #008FDB;
}

.catalog-btn-info-item--main-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    cursor: pointer;
}

.catalog-btn-info-item--main-title.active + .catalog-btn-info-item--inner {
    padding-top: 0;
    margin-top: 17px;
}

.catalog-btn-info-item--main-title .plus {
    display: flex;
}

.catalog-btn-info-item--main-title .minus {
    display: none;
}

.catalog-btn-info-item--main-title.active .plus {
    display: none;
}

.catalog-btn-info-item--main-title.active .minus {
    display: block;
}

.catalog__content--info.active .catalog__content--info-title .plus {
    display: none;
}

.catalog__content--info.active .catalog__content--info-title .minus {
    display: flex;
}

.catalog-btn-info {
    display: none;
    width: 100%;
    position: absolute;
    top: calc(100% + 20px);
    z-index: 1;
}

.catalog-btn-info.active {
    display: flex;
}

.catalog-btn-info.active:after {
    content: "\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #008FDB transparent transparent;
    position: absolute;
    left: 145px;
    top: -15px;
    transform: rotate(90deg);
}

.catalog-btn-info-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.catalog-btn-info-item {
    padding: 25px;
    background-color: #008FDB;
    color: white;
}

.catalog-btn-info-item--inner {
    padding: 25px 0;
    border-bottom: 0.5px solid #FFFFFF;
}

.catalog-btn-info-item--inner:first-child {
    padding-top: 0;
}

.catalog-btn-info-item--inner:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.catalog-btn-info-item--title {
    text-transform: uppercase;
    font-family: "Sansation";
    font-size: 17px;
    line-height: 21.25px;
    font-weight: 400;
}

.catalog-btn-info-item--content {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
}

.catalog__downloads--inner {
    left: 0;
}

.catalog__downloads--inner .catalog-btn-info-item--content {
    grid-template-columns: 1fr;
}

.catalog__downloads--inner .catalog-btn-info-item {
    display: flex;
    gap: 90px;
}

.catalog__downloads--inner .catalog-btn-info-item--inner {
    max-width: 163px;
    padding: 0;
    border-bottom: none;
}

.catalog__downloads--inner .catalog-btn-info-item--title {
    text-transform: none;
}

.catalog__downloads--inner.active:after {
    left: 482px;
}

.catalog__content--technical-info-title {

}

.catalog__technical-info--inner {

}

.catalog__content--downloads {

}

.catalog__content--downloads-title {

}

.catalog__downloads--inner {

}

.catalog__content--buttons {
    margin-top: 40px;
    display: flex;
    gap: 20px;
}

.catalog__content--buttons > .main-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 8.5px 16px;
    background-color: #008FDB;
    color: white;
    text-transform: initial;
    white-space: nowrap;
}

.catalog__content--buttons > .main-link:hover {
    background-color: #8CABD7;
}

.catalog__content--buttons > .main-link svg, .catalog__content--buttons > .main-link:hover svg {
    stroke: currentColor;
}

.catalog__content--inner {
    margin-top: 70px;
}

.catalog__content--inner-header {

}

.catalog__content--inner-header h2 {
    padding: 0;
    border-bottom: 0;
    font-size: 24px;
    line-height: 26.4px;
}

.catalog__content--items-count {
    margin-top: 10px;
    font-size: 14px;
    line-height: 17.5px;
    font-weight: 300;
    color: #68696F;
}

.catalog__content--inner-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

.catalog__content--inner-sort {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 300;
}

.catalog-sort {
    font-size: 14px;
    line-height: 17.5px;
    color: #68696F;
    cursor: pointer;
}

.catalog-sort.active {
    font-weight: 400;
    color: #333333;
}

.catalog__content--inner-display {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.catalog__content--inner-display > div > img:first-child {
    display: flex;
}

.catalog__content--inner-display > div.active > img:first-child {
    display: none;
}

.catalog__content--inner-display > div > img:last-child {
    display: none;
}

.catalog__content--inner-display > div.active > img:last-child {
    display: flex;
}

/* category */

.catalog__content--categories {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px 20px;
}

.catalog__content--category {
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    transition: .3s;
}

.catalog__content--category:hover {
    color: #008FDB;
}

.catalog__content--category-img {
  transition: .3s;
}

.catalog__content--category:hover .catalog__content--category-img {
  transform: scale(1.15);
}

/* catalog__content--items */

.catalog__content--items {
    margin-top: 40px;
}

.catalog__content--items.only-title {
    margin-top: 25px;
}

.catalog__content--item-header {
    padding: 0px 0px 15px 0px;
}

.catalog__content--item {
    padding: 25px 0px;
    border-top: 0.5px solid #333333;
}

.catalog__content--items .catalog__content--item:last-of-type {
    padding-bottom: 0;
}

.catalog__content--item-header, .catalog__content--item {
    display: flex;
    justify-content: flex-start;
    gap: 20px;

}

.catalog__content--item-empty, .catalog__content--item img {
    width: 183px;
}

.catalog__content--item-header span {
    font-family: "Sansation";
    font-weight: 400;
}

.catalog__content--item-left, .catalog__content--item-right {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.catalog__content--item-right {

}

.catalog__content--item-type {

}

.catalog__content--item-header .catalog__content--item-title-main, .catalog__content--item-title {
    width: 184px;
}

.catalog__content--item-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.catalog__content--item-title-main {
    font-weight: 400;
}

.catalog__content--item-subtitle {
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #333333;
}

.catalog__content--item-gtin {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.catalog__content--item .catalog__content--item-gtin-title {
    flex-direction: column;
    gap: 7px;
    display: none;
}

.catalog__content--items-more {
    margin-top: 70px;
}

.display-not-image .catalog__content--item-empty, .display-not-image .catalog__content--item img {
    display: none;
}

.display-not-image .catalog__content--item-left {
    width: 20%;
}

.display-not-image .catalog__content--item-right {
    width: 80%;
}

.display-not-image .catalog__content--item-right .catalog__content--item-title {
    width: 70%;
}

.display-not-image .catalog__content--item-gtin {
    width: 30%;
}

/* pagination */
.catalog__content--pagination {
    margin: 95px auto 0px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.catalog__content--pagination-control {
    width: 24px;
    height: 24px;
    color: #008FDB;
    cursor: pointer;
    transition: .3s;
}

.catalog__content--pagination-control:hover {
    color: #8CABD7;
}

.js-pagination-control-prev svg {
    transform: rotate(180deg);
}

.catalog__content--pagination-items {
    display: flex;
    gap: 8px;
}

.catalog__content--pagination-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 27px;
    color: #8B8F94;
    list-style: none;
    cursor: pointer;
    transition: .3s;
}

.catalog__content--pagination-item:hover, .catalog__content--pagination-item.active {
    background-color: #008FDB;
    color: white;
}

.pagination-item-more:hover {
    cursor: default;
    color: #8B8F94;
    background-color: transparent;
}

/* slider */

.catalog__content--header-gallery {
    position: relative;
    width: 50%;
    max-width: 387px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: none;
}

.catalog__content--main-image {
    margin-bottom: 10px;
}

.catalog__content--slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.catalog__content--slider__container {
    display: flex;
    overflow: hidden;
}

.catalog__content--slider__track {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.catalog__content--slider__item {
    min-width: 50%;
    cursor: pointer;
}

.catalog__content--slider__item img {
    width: 100%;
    display: block;
}

.slider__control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.slider__control--prev {
    left: -7px;
}

.slider__control--prev svg {
    transform: rotate(180deg);
}

.slider__control--next {
    right: -7px;
}

.slider__control svg {
    color: #008FDB;
}

.slider__control[disabled] svg {
    color: #8B8F94;
    pointer-events: none;
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .catalog__content--categories {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1199px) {
     .catalog {
      gap: 30px;
     }
     .catalog__content--header-gallery {
      max-width: 280px;
      width: auto;
     }
     .catalog__menu {
      width: 300px;
    }
    .catalog__content--categories {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .catalog__content--header-box {
        font-size: 14px;
        line-height: 17.5px;
    }
}

@media (max-width: 1000px) {
    .catalog__menu {
        display: none;
    }
    
}

@media (max-width: 768px) {
    .nav-links {
        display: none;
    }

    .mobile {
        display: flex;
    }

    .desktop {
        display: none;
    }

    .catalog-element-list .nav-links, .catalog-element .nav-links {
        display: flex;
    }

    .catalog-element-list .nav-links > *:nth-child(-n+4), .catalog-element .nav-links > *:nth-child(-n+4) {
        display: none;
    }

    .nav-links {
        font-size: 10px;
        line-height: 10px;
    }

    .nav-links img {
        width: 18px;
        height: 18px;
    }

    .catalog {
        margin-top: 15px;
    }

    .catalog__content--header {
        flex-direction: column;
    }

    .catalog__content--header {
        gap: 30px;
    }

    .catalog__content--header-box {
        order: 1;
    }

    .catalog__content--header-gallery {
        order: 0;
        max-width: 100%;
    }

    .catalog__content--title {
        font-size: 17px;
        line-height: 15.4px;
        text-align: center;
    }

    .catalog__content--items-count {
        font-size: 12px;
        line-height: 12.5px;
    }

    .catalog-sort {
        font-size: 10px;
        line-height: 12.5px;
    }

    .catalog__content--inner-sort .separator {
        font-size: 14px;
    }

    .catalog__content--header-inner {
        font-size: 12px;
        line-height: 12.5px;
        text-align: center;
        margin-top: 15px;
    }

    .catalog__content--buttons {
        flex-direction: column;
        margin-top: 25px;
        gap: 15px;
    }

    .catalog__content--main-image {
        margin: 0;
        max-height: 350px;
    }

    .catalog__content--buttons > .main-link {
        text-transform: initial;
        text-align: center;
        font-size: 14px;
        line-height: 13.2px;
        padding: 13.5px 16px;
    }

    .catalog__content--buttons span {
        margin: 0 auto;
    }

    .catalog__content--buttons svg {
        display: none;
    }

    .catalog__content--inner-header h2 {
        font-size: 17px;
        line-height: 18.4px;
    }

    .catalog__content--inner {
        margin-top: 90px;
    }

    .catalog__content--category {
        font-size: 12px;
        line-height: 12px;
        gap: 7px;
    }

    .catalog__content--categories {
        margin-top: 25px;
    }

    .catalog__content--item {
        border-top: none;
        padding: 0;
        margin-bottom: 40px;
    }

    .catalog__content--item-header {
        border-bottom: 0.5px solid #333333;
        margin-bottom: 25px;
    }

    .catalog__content--item-empty {
        display: none;
    }

    .catalog__content--item-left, .catalog__content--item-right {
        flex-direction: column;
        gap: 7px;
    }

    .catalog__content--item-right {
        justify-content: center;
        gap: 25px;
    }

    .catalog__content--item .catalog__content--item-gtin-title {
        display: flex;
        gap: 7px;
    }

    .catalog__content--item-header span {
        font-size: 14px;
        line-height: 15.4px;
    }

    .catalog__content--item-gtin-title, .catalog__content--item-title-main {
        font-size: 14px;
        line-height: 14px;
    }

    .catalog__content--item-left a {
        font-size: 12px;
        line-height: 12px;
    }

    .catalog__content--item-subtitle, .catalog__content--item-gtin-value {
        font-size: 12px;
        line-height: 12px;
        font-weight: 300;
    }

    .catalog__content--item-header .catalog__content--item-gtin {
        display: none;
    }

    .catalog__content--items-more {
        margin-top: 40px;
    }

    .catalog__content--items-more .main-link {
        width: 100%;
        justify-content: center;
        font-size: 14px;
        line-height: 15px;
    }

    .catalog-page footer {
        padding-top: 120px;
    }

    .catalog-page .footer-menu {
        padding-top: 0px;
        border-top: none;
    }

    .header-inner__table {
        gap: 20px 25px;
    }

    .header-inner__table-left {
        font-family: "Sansation";
        font-size: 14px;
        line-height: 15.2px;
        font-weight: 400;
    }

    .header-inner__table-right {
        text-align: left;
    }

    .catalog__content--header-download {
        margin-top: 30px;
        font-size: 12px;
        line-height: 14.5px;
        font-weight: 400;
    }

    .catalog__content--info {
        margin: 25px 0px;
        gap: 7px;
    }

    .catalog__content--info-title {
        font-size: 12px;
        line-height: 13.2px;
        padding: 10px 15px;
        gap: 7px;
    }

    .catalog__content--info-title svg {
        width: 20px;
        height: 20px;
    }

    .catalog-btn-info.active:after {
        left: 115px;
    }

    .catalog__downloads--inner.active:after {
        left: 305px;
    }

    .catalog-btn-info-item--title, .catalog-btn-info-item--main-title {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 17.5px;
    }

    .catalog-btn-info-item--main-title svg {
        width: 20px;
        height: 20px;
    }

    .catalog-btn-info-item--content span:nth-child(odd) {
        font-size: 12px;
        line-height: 12px;
    }

    .catalog-btn-info-item--content span:nth-child(even) {
        font-size: 10px;
        line-height: 10px;
    }

    .catalog__downloads--inner .catalog-btn-info-item {
        flex-wrap: wrap;
        gap: 30px;
    }

    .display-not-image .catalog__content--item-right {
        flex-direction: row;
        align-items: center;
    }

    .display-not-image .catalog__content--item-header .catalog__content--item-gtin {
        display: flex;
    }

    .display-not-image .catalog__content--item-left, .display-not-image .catalog__content--item-right {
        align-items: flex-start;
    }

    .display-not-image .catalog__content--item .catalog__content--item-gtin-title {
        display: none;
    }
}

@media (max-width: 650px) {
    .catalog__content--categories {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 400px) {
    .catalog-btn-info.active:after {
        left: 27%;
    }

    .catalog__downloads--inner.active:after {
        left: 78%;
    }

    .catalog__content--inner-sort, .catalog__content--inner-display {
        gap: 5px;
    }
}