/* Start:/local/templates/sprintvelo/css/styles_components.css?171333763617840*/
/* Form */
form {
    margin-top: 40px;
    max-width: 100%;
}

.form {
    width: 100%;
    max-width: 500px;
}

.form-field {
    width: 100%;
}

.form_large {
    max-width: calc(1100px + 90px);
}

.form_large .form-fields .form-field {
  max-width: calc(50% - 45px);
}
.form_large .form-field_full {
  max-width: 100%!important;
}

.form-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-actions {
    margin-top: 34px;
}

.form-actions .btn {
    min-width: 235px;
    margin-top: 40px;
}

.form_large .form-actions .btn {
    max-width: calc(50% - 45px);
}

.form-captcha {
    display: flex;
    flex-direction: column;
}

.form-captcha p {
    margin: 6px 0 10px;
    font-size: 16px;
}

.form-captcha .form-field input {
    max-width: 166px;
}

.form-captcha+.form-field {
    margin-top: 34px;
}

.form-field > label {
  line-height: 1.5em;
}

.form-note {
    margin-top: 40px;
    color: var(--green);
}

.form-response {
    text-align: center;
}

.form-response.is-error {
    color: var(--red);
}

.form-response.is-success {
    color: var(--green);
}

/* Media Requests */

@media (max-width: 1599.75px) {
    .form {
        max-width: 425px;
    }

    .form_large {
        max-width: calc(850px + 45px);
    }

    .form_large .form-fields .form-field,
    .form_large .form-actions .btn {
        max-width: calc(50% - 20px);
    }

    .form-actions .btn {
        min-width: auto;
    }
}

@media (min-width: 1280px) {
  .form_large .form-fields .form-field:nth-child(2) {
    margin-top: 0;
  }
}

@media (max-width: 1280px) {
  .form_large {
    max-width: 500px;
  }

  .form_large .form-fields .form-field,
  .form_large .form-actions .btn {
    max-width: 100%;
  }
}

@media (max-width: 1023.75px) {
    form {
        margin-top: 12px;
    }

    .form,
    .form_large {
        max-width: 500px;
        margin: 0 auto;
    }

    .form-actions {
        margin-top: 20px;
    }

    .form-captcha p {
        font-size: 14px;
    }

    .form-captcha+.form-field {
        margin-top: 20px;
    }

    .form-actions .btn {
        margin-top: 28px;
    }
}

@media (max-width: 639.75px) {
    form {
        margin-top: 8px;
    }

    .form-actions .btn {
        margin-top: 20px;
    }

    .form-captcha img {
        max-width: 100%;
        height: auto;
    }
}

/* Form END */

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    min-width: max-content;
    padding: 10px 36px;
    font-family: "Gilroy", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6em;
    color: var(--black);
    border: 1px solid var(--black);
    border-radius: 16px;
    transition: var(--transition);
    cursor: pointer;
}

.btn:hover {
    color: var(--white);
    background-color: var(--black);
}

/* Buttons - Sizes */

.btn-extra-big {
    height: 66px;
    padding: 16px 56px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7em;
    border-radius: 20px;
}

.btn-big {
    height: 58px;
    padding: 12px 38px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7em;
    border-radius: 20px;
}

.btn-medium {
    height: 54px;
    padding: 14px 42px;
}

/* Buttons - Types */
.btn-round {
    width: 64px;
    height: 64px;
    padding: 16px;
    background: var(--gray-10);
    border: none;
    border-radius: 50%;
}

.btn-bordered:hover {
    color: var(--black);
    background-color: var(--light-blue);
}

/* Buttons - Colors */

.btn-black, .btn-black:focus {
    color: var(--white);
    background-color: var(--black);
}

.btn-black:hover {
    color: var(--black);
    background-color: var(--yellow);
    border-color: var(--yellow);
}

.btn-gray {
    color: var(--white);
    border-color: var(--white);
    background-color: var(--gray-40);
}

.btn-gray:hover {
    color: var(--black);
    background-color: var(--white);
}

.btn-white {
    border-color: var(--gray-50);
    background-color: var(--gray-10);
}

.btn-white:hover {
    border-color: var(--black);
}

.btn-white:focus {
    background-color: var(--gray-50);
}

.btn-white-light {
    background-color: var(--white);
    transition: var(--transition);
    border: 1px solid var(--white);
}

.btn-white-light:hover {
    background-color: #FFFFFF66;
    color: var(--white);
}

/* Buttons END */

/* Text/Input, Checkboxes, Radio Buttons */

.form-field {
    position: relative;
    display: flex;
    flex-direction: column;
}

.form-field.w-50 {
    width: 50% !important;
}

.form-field.center {
    align-items: center;
    margin: 0 auto;
}

.form-field+.form-field {
    margin-top: 22px;
}

.form-field input[type=text],
.form-field input[type=email],
.form-field input[type=tel],
.form-field input[type=password],
.form-field textarea {
    position: relative;
    width: 100%;
    height: 54px;
    padding: 7px 42px;
    font-family: inherit;
    font-size: inherit;
    color: var(--black);
    background-color: var(--gray-10);
    border: 1px solid var(--gray-50);
    border-radius: 20px;
    outline: none;
    transition: var(--transition);
    z-index: 1;
}

.form-field textarea {
  height: auto;
  padding-block: 24px;
  resize: none;
}

.form-field input[type=text]:hover,
.form-field input[type=email]:hover,
.form-field input[type=tel]:hover,
.form-field input[type=password]:hover,
.form-field textarea:hover {
    border-color: var(--gray-80);
}

.form-field input[type=text]:active,
.form-field input[type=text]:not(:placeholder-shown),
.form-field input[type=email]:active,
.form-field input[type=email]:not(:placeholder-shown),
.form-field input[type=tel]:active,
.form-field input[type=tel]:not(:placeholder-shown),
.form-field input[type=password]:active,
.form-field input[type=password]:not(:placeholder-shown),
.form-field textarea:active,
.form-field textarea:not(:placeholder-shown) {
    border-color: var(--black) !important;
}

.form-field input[type=text]+label,
.form-field input[type=email]+label,
.form-field input[type=tel]+label,
.form-field input[type=password]+label,
.form-field textarea+label {
    position: absolute;
    top: 0px;
    left: 42px;
    display: flex;
    align-items: center;
    height: 54px;
    color: var(--gray-50);
    transition: var(--transition);
    pointer-events: none;
    z-index: 2;
}

.form-field.has-error input[type],
.form-field.has-error input[type=checkbox]+label::before {
    border-color: var(--red) !important;
}

.form-field.has-error label {
    color: var(--red) !important;
}

.form-field textarea+label {
    top: 20px;
    align-items: flex-start;
}


.form-field input[type=text]:not(:placeholder-shown)+label,
.form-field input[type=email]:not(:placeholder-shown)+label,
.form-field input[type=tel]:not(:placeholder-shown)+label,
.form-field input[type=password]:not(:placeholder-shown)+label,
.form-field textarea:not(:placeholder-shown)+label {
    display: none;
}

/* Text/Input - Small */
.form-field input[type=text].small,
.form-field input[type=email].small,
.form-field input[type=tel].small,
.form-field input[type=password].small,
.form-field textarea.small {
    height: 38px;
    padding: 6px 16px;
}

.form-field input[type=text].small+label,
.form-field input[type=email].small+label,
.form-field input[type=tel].small+label,
.form-field input[type=password].small+label,
.form-field textarea.small+label {
    left: 16px;
    height: 38px;
}

/* Checkbox */

.form-field input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.form-field input[type=checkbox]+label {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: max-content;
    font-size: 16px;
    line-height: 1.6em;
    text-align: left;
    cursor: pointer;
}

.form-field input[type=checkbox]:not(.switcher)+label::before {
    content: '';
    display: inline-flex;
    flex-grow: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
    background-color: var(--white);
    border: 1px solid var(--gray-50);
    border-radius: 4px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: var(--transition);
    box-sizing: border-box;
}

.form-field input[type=checkbox]:not(.switcher)+label:hover::before {
    border-color: var(--blue);
}

.form-field input[type=checkbox]:not(.switcher):checked+label::before {
    border-color: var(--blue);
    background-color: var(--blue);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3e%3cpath d='M17.2559 4.41107C17.5814 4.73651 17.5814 5.26414 17.2559 5.58958L8.08926 14.7562C7.76382 15.0817 7.23618 15.0817 6.91074 14.7562L2.74408 10.5896C2.41864 10.2641 2.41864 9.73651 2.74408 9.41107C3.06951 9.08563 3.59715 9.08563 3.92259 9.41107L7.5 12.9885L16.0774 4.41107C16.4028 4.08563 16.9305 4.08563 17.2559 4.41107Z' /%3e%3c/svg%3e");
}

.form-field input[type=checkbox]:not(.switcher):checked+label:hover::before {
    border-color: var(--dark-blue);
    background-color: var(--dark-blue);
}

.form-field input[type=checkbox]:not(.switcher):disabled:checked+label::before {
    border-color: var(--gray-40);
    background-color: var(--gray-40);
}

.form-field input[type=checkbox]:not(.switcher):disabled+label::before {
    border-color: var(--gray-40);
}

/* Checkbox - Switcher */
.form-field input[type=checkbox].switcher+label::before {
    content: '';
    width: 48px;
    height: 24px;
    margin-right: 6px;
    background-color: var(--gray-40);
    border-radius: 16px;
    transition: var(--transition);
}

.form-field input[type=checkbox].switcher+label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 3px;
    width: 20px;
    height: 20px;
    background-color: var(--white);
    border-radius: 50px;
    transform: translateY(-50%);
    transition: var(--transition);
}

/* .form-field input[type=checkbox].switcher+label:active:after {
    width: 42px;
}

.form-field input[type=checkbox].switcher:checked+label:active:after {
    left: 3px;
} */

.form-field input[type=checkbox].switcher+label:hover::before,
.form-field input[type=checkbox].switcher:checked+label::before {
    background-color: var(--blue);
}

.form-field input[type=checkbox].switcher:checked+label::after {
    left: 25px;
}

.form-field input[type=checkbox].switcher:checked+label:hover::before {
    background-color: var(--dark-blue);
}

.form-field input[type=checkbox].switcher:disabled+label::before,
.form-field input[type=checkbox].switcher:disabled:checked+label::before {
    background-color: var(--gray-10);
}

.form-field input[type=checkbox].switcher:disabled+label::after,
.form-field input[type=checkbox].switcher:disabled:checked+label::after {
    background-color: var(--gray-20);
}

/* Radio Buttons */

.form-field input[type=radio] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.form-field input[type=radio]+label {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: max-content;
    cursor: pointer;
    line-height: 1.6em;
}

.form-field input[type=radio]+label::before {
    content: '';
    display: inline-flex;
    flex-grow: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
    background-color: var(--white);
    border: 1px solid var(--gray-50);
    border-radius: 50%;
    transition: var(--transition);
    box-sizing: border-box;
}

.form-field input[type=radio]+label:hover::before {
    border-color: var(--blue);
}

.form-field input[type=radio]:checked+label::before {
    border-color: var(--blue);
    outline: 7px solid var(--blue);
    outline-offset: -7px;
}

.form-field input[type=radio]:checked+label:hover::before {
    border-color: var(--dark-blue);
    outline-color: var(--dark-blue);
}

.form-field input[type=radio]:disabled:checked+label::before {
    border-color: var(--gray-40);
    outline: 7px solid var(--gray-40);
    outline-offset: -7px;
}

.form-field input[type=radio]:disabled+label::before {
    border-color: var(--gray-40);
}

/* Form Errors */

.form-field.has-error input,
.form-field.has-error textarea {
    border-color: var(--red);
}

.form-field__error {
    margin-top: 0.5em;
    font-size: 16px;
    line-height: 1em;
    text-align: left;
    color: var(--red);
}

/* Text/Input, Checkboxes, Radio Buttons END */

/* Slider */

.slider .swiper-wrapper .swiper-slide {
    height: initial;
}

.slider .swiper-controls {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 45px;
}

.slider .swiper-pagination {
    position: relative;
    top: initial;
    bottom: initial;
    display: flex;
    gap: 7px;
}

.slider .swiper-arrow+.swiper-pagination {
    gap: 4px;
}

.slider .swiper-pagination .swiper-pagination-bullet {
    width: 46px;
    height: 3px;
    margin: 0;
    background-color: var(--gray-40);
    border-radius: 36px;
    opacity: 1;
}

.slider .swiper-pagination.light .swiper-pagination-bullet {
    background-color: var(--gray-20);
    transition: var(--transition);
}

.slider .swiper-pagination.light .swiper-pagination-bullet:hover {
    background-color: var(--gray-80);
}

.slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--black) !important;
}

.slider .swiper-arrow, .slider .swiper-arrow:focus  {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background-color: var(--white);
    border: 1px solid var(--gray-40);
    border-radius: 50%;
    transition: var(--transition);
    cursor: pointer;
}

.slider .swiper-arrow:hover{
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
}

.slider .swiper-arrow svg {
    width: 10px;
    height: 18px;
}

.slider .swiper-arrow-prev {
    transform: rotate(180deg);
}

.slider .swiper-arrow-gray {
    color: var(--gray-50);
    background-color: transparent;
    border-color: var(--gray-50);
}

/* Slider END */

/* Media Requests */

@media (max-width: 1599.75px) {

}

@media (max-width: 1023.75px) {
    .btn-extra-big,
    .btn-big {
        height: 46px;
        padding: 10px 32px;
        font-size: 16px;
        line-height: 1.6em;
        border-radius: 16px;
    }

    .form-field+.form-field {
        margin-top: 12px;
    }

    .form-field input[type=text],
    .form-field input[type=email],
    .form-field input[type=tel],
    .form-field input[type=password] {
        height: 46px;
        padding: 10px 20px;
    }

    .form-field textarea {
        padding: 14px 20px;
    }

    .form-field input[type=text]+label,
    .form-field input[type=email]+label,
    .form-field input[type=tel]+label,
    .form-field input[type=password]+label,
    .form-field textarea+label {
        height: 46px;
        left: 20px;
    }

    .form-field textarea+label {
        top: 12px;
    }

    .form-field input[type=checkbox]+label {
        font-size: 14px;
    }

    .slider .swiper-controls {
        margin-top: 40px;
    }
}

@media (max-width: 639.75px) {
    .btn {
        height: 34px;
        padding: 6px 22px;
        font-size: 14px;
    }

    .btn-round {
        width: 32px;
        height: 32px;
        padding: 0;
        background: transparent;
    }

    .btn-round:hover {
        color: var(--red);
        background-color: transparent;
    }

    .btn-extra-big,
    .btn-big {
        height: 46px;
        padding: 10px 32px;
        font-size: 16px;
        line-height: 1.6em;
    }

    .form-field.w-50 {
        width: 100% !important;
    }

    .form-field+.form-field {
        margin-top: 8px;
    }

    .form-field input[type=text],
    .form-field input[type=email],
    .form-field input[type=tel],
    .form-field input[type=password],
    .form-field textarea {
        border-radius: 16px;
    }

    .form-field input[type=checkbox]+label {
        font-size: 12px;
        line-height: 1.4em;
    }

    .form-field input[type=checkbox]+label[for='checkbox-privacy'] {
        max-width: 190px;
    }

    .slider .swiper-controls {
        margin-top: 24px;
    }

    .slider .swiper-pagination {
        gap: 4px;
    }

    .slider .swiper-pagination .swiper-pagination-bullet {
        width: 36px;
    }
}

/* Pagination */
.pagination {
    margin-top: 130px;
}

.pagination .pagination__container {
    text-align: center;
    position: relative;
}

.pagination .pagination__container ul {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination .pagination__container ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.pagination .pagination__container ul li::before {
    content: none;
}

.pagination .pagination__container ul li span,
.pagination .pagination__container ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    line-height: 38px;
    color: var(--black);
    border: 1px solid var(--gray-60);
    border-radius: 50%;
    transition: var(--transition);
}

.pagination .pagination__container ul li a:hover {
    border-color: var(--black);
}

.pagination .pagination__container ul li.bx-active span {
    border-color: var(--black);
    background-color: var(--gray-20);
}

/* Media Requests */

@media (max-width: 1599.75px) {
    .pagination {
        margin-top: 100px;
    }
}

@media (max-width: 1023.75px) {
    .pagination {
        margin-top: 60px;
    }

    .pagination .pagination__container ul {
        gap: 8px;
    }

    .pagination .pagination__container ul li span,
    .pagination .pagination__container ul li a {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }
}
/* End */


/* Start:/local/templates/sprintvelo/css/styles_helpers.css?1713261037956*/
/* HELPERS */

/* flex */
.is-flex {
  display: flex;
}

.is-flex-wrap-wrap {
  flex-wrap: wrap;
}

.is-align-items-center {
  align-items: center;
}

.is-justify-content-space-between {
  justify-content: space-between;
}

.is-flex-direction-row {
  flex-direction: row;
}

.is-justify-content-center {
  justify-content: center;
}

.is-halfwidth {
  width: 50%!important;
}

.is-fullwith {
  width: 100%!important;
  max-width: 100%!important;
}

/* Margrins */
.m-0 {
  margin: 0 !important;
}

.mt-1 {
  margin-top: 1rem !important;
}
.mb-1 {
  margin-bottom: 1rem !important;
}

.mt-2 {
  margin-top: 1.25rem !important;
}
.mb-2 {
  margin-bottom: 1.25rem !important;
}

/* Colors */
.color_red {
  color: var(--red);
}

/* Aligns */
.text-center {
  text-align: center;
}

/* Handlers */
.is-disabled {
  pointer-events: none;
  opacity: .35;
}

/* Media Requests */
@media (max-width: 1279.75px) {
  .is-halfwidth {
    width: 100% !important;
  }
}
/* End */


/* Start:/local/templates/sprintvelo/css/kostya.css?17125862641523*/
/* Section */
.section {
    padding: 45px 0;
    position: relative;
}

.section__image {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: calc(100% - 500px - 90px);
}

.section__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 1280px) {
    .section__image {
        bottom: 150px;
    }
}

@media (max-width: 1023.75px) {
    .section__image {
        position: relative;
        bottom: initial;
        max-width: 500px;
        margin: 40px auto 0 auto;
        width: auto;
    }

    .section__image_small {
        max-width: 348px;
    }
}

/* Section END */

/* Profile */
.profile {}

.profile-nav {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.profile-btn {
    margin: 10px;
    width: 241px;
    height: 213px;
    border-radius: 26px;
    display: block;
    background-color: var(--gray-10);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: var(--transition);
}

.profile-btn:hover,
.profile-btn:focus {
    background-color: var(--gray-20);
}

.profile-btn_exit {
    background-color: var(--red);
    color: #fff;
}

.profile-btn_exit:hover,
.profile-btn_exit:focus {
    background-color: #6d0d0d;
    color: #fff;
}

.profile-btn img {
    width: 65px;
    height: 65px;
    object-fit: contain;
    margin-bottom: 22px;
}

.profile-btn span {
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
}

/* Profile END */
/* End */


/* Start:/local/templates/sprintvelo/components/bitrix/search.form/main/style.css?17127507732825*/
.search-form__wrapper {
    display: inline-flex;
}

.ajax-form-search {
    margin-top: 0px;
}

.search-form-res {
    width: 100%;
    display: none;
}

.search-form-res.is-active {
    width: 100%;
    position: absolute;
    padding: 0px 16px 24px;
    display: block;
    z-index: 6;
    background-color: var(--white);
    border-radius: 0 0 1.6rem 1.6rem;
    box-shadow: 0px 10px 11.4px -1px var(--gray-60);
}

.search-form-res__items {
    list-style: none;
}

.search-form .icon svg{
    display: none;
}

.search-form .modal-close.icon svg{
    display: block;
}

.form-field_with-icon {
    transition: var(--transition);
}

#search-input {
    height: auto;
    padding: 10px 42px 7px;
    border: 1px solid var(--white);
}

#search-input:hover {
    border: 1px solid var(--black);
}

#search-input:focus, #search-input:active {
    border: 1px solid var(--white) !important;
}

.search-form__wrapper.is-active .ajax-form-search .form-field input[type=text]:not(:placeholder-shown) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: var(--white) !important;
}

.ajax-form-search .form-field input[type=text]:hover {
    
}

.ajax-form-search .form-field input[type=text]:-webkit-autofill,
.ajax-form-search .form-field input[type=text]:-webkit-autofill:hover, 
.ajax-form-search .form-field input[type=text]:-webkit-autofill:focus, 
.ajax-form-search .form-field input[type=text]:-webkit-autofill:active{
   -webkit-box-shadow: 0 0 0 30px #fff inset !important;
   -webkit-border-before-color: #fff !important;
}

.ajax-form-search .form-field input[type=text]+label {
    top: -5px;
}

.search-form__wrapper.is-active .icon.modal-close {
    display: block;
}

.icon.modal-close {
    position: absolute;
    right: 10px;
    top: 9px;
    display: none;
    cursor: pointer;
}

.all-results-btn {
    width: 100%;
    margin-top: 10px;
}

.search-res-item+.search-res-item {
    margin-top: 0.8em;
}

@media only screen and (max-width: 1023.75px) {

    .search-popup__wrap .white-popup__close {
        top: 10px;
        right: 10px;
    }

    .search-form__wrapper, .ajax-form-search {
        width: 100%;
    }

    .search-form-res.is-active {
        position: static;
        box-shadow: none;
    }

    #search-input {
        background-color: var(--white);
    }

    .icon.modal-close {
        right: 54px;
        top: 45px;
    }

    .search-form .icon svg{
        top: 5px;
        display: block;
    }

    .ajax-form-search .form-field input[type=text]+label {
        left: 40px;
    }
}

@media only screen and (max-width: 639.75px) {
    .icon.modal-close {
        top: 48px;
    }

    .search-form .icon svg{
        width: 21px;
        height: 21px;

    }

    .search-popup__wrap .white-popup__close {
        top: 6px;
    }


}

/* End */


/* Start:/local/templates/sprintvelo/components/bitrix/menu/horizontal_multilevel/style.css?17345279812631*/
/**Top menu**/
.top-menu__links,.top-menu__links ul
{
	margin:0; padding:0;
	min-height:27px;
	width:100%;
	list-style:none;
	font-size:11px;
	/*font-size:90%*/
}

/*Root menu selected*/
.top-menu__links li {
	position: relative;
}

/*Child-items selected*/
.top-menu__links li.item-selected > a {
    font-weight: 600 !important;
}

/*Sub-menu box*/
.top-menu__links li ul
{
	position:absolute;
	/*top:-999em;*/
	top: -17px;
	display:none;
	z-index:500;
	left: 50%;
    transform: translateX(-50%);
	height:auto;
	/*width:12em;*/
	width:max-content;
	background:#F5F5F5;
	border:1px solid #C1C1C1;
}

/*Sub-menu item box*/
.top-menu__links li li
{
	text-align: center;
	width:100%;
}

/*Item link*/
.top-menu__links li ul a
{
	color: var(--black);
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 170%; /* 34px */
	text-align:center;
}

.top-menu__links li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

.top-menu__links li:hover ul ul,
.top-menu__links li.jshover ul ul,
.top-menu__links li:hover ul ul ul,
.top-menu__links li.jshover ul ul ul,
.top-menu__links li:hover ul ul ul ul,
.top-menu__links li.jshover ul ul ul ul,
.top-menu__links li:hover ul ul ul ul ul,
.top-menu__links li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

.top-menu__links li:hover ul,
.top-menu__links li.jshover ul,
.top-menu__links li li:hover ul,
.top-menu__links li li.jshover ul,
.top-menu__links li li li:hover ul,
.top-menu__links li li li.jshover ul,
.top-menu__links li li li li:hover ul,
.top-menu__links li li li li.jshover ul,
.top-menu__links li li li li li:hover ul,
.top-menu__links li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display: flex;
	border-radius: 26px;
	border: 1px solid var(--gray-60);
	background: var(--white);
}

div.menu-clear-left
{
	clear:left;
}

.top-menu__links {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    gap: 46px;
}

.top-menu__links li a{
    color: var(--black);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 25.6px */
}

.top-menu__links .sub-menu__list {
	flex-direction: column;
	gap: 10px;
	padding: 15px 20px 20px 20px;
}


.top-menu__links li:hover .sub-menu__list div{
    font-weight: 600;
}

a.root-item-selected {
	font-weight: 700 !important;
}

.top-menu__links li a.root-item-selected::after {
	display: none;
}

@media (max-width: 1599.75px) { 
	.top-menu__links .sub-menu__list {
		width: max-content;
		padding: 15px 10px 20px 10px;
	}

	.header-bottom-menu__wrap .top-menu__links li .sub-menu__list a  {
		font-size: 14px !important;
	}
}
/* End */


/* Start:/local/templates/sprintvelo/components/bitrix/form/callback/bitrix/form.result.new/.default/style.css?171154094043*/
#callback-modal {
    text-align: center;
}
/* End */


/* Start:/local/templates/sprintvelo/components/bitrix/menu/vertical_multilevel/style.css?1713253762385*/
.footer-menu__wrap {
	padding-top: 20px;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
	list-style: none;
}

.footer-menu__wrap li {
    display: flex;
}

.footer-menu__wrap li a {
	color: var(--black);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 160%; /* 25.6px */
}

.footer-menu__wrap li a.root-item-selected::after {
	display: none;
}
/* End */


/* Start:/local/templates/sprintvelo/styles.css?171343269637467*/
/* Common */
@font-face {
    font-family: 'Bebas-Neue';
    src: url('/local/templates/sprintvelo/./fonts/bebas-neue.eot');
    src: url('/local/templates/sprintvelo/./fonts/bebas-neue.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/sprintvelo/./fonts/bebas-neue.woff2') format('woff2'),
        url('/local/templates/sprintvelo/./fonts/bebas-neue.woff') format('woff'),
        url('/local/templates/sprintvelo/./fonts/bebas-neue.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('/local/templates/sprintvelo/./fonts/gilroy-light.eot');
	src: url('/local/templates/sprintvelo/./fonts/gilroy-light.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-light.woff2') format('woff2'),
		url('/local/templates/sprintvelo/./fonts/gilroy-light.woff') format('woff'),
		url('/local/templates/sprintvelo/./fonts/gilroy-light.ttf') format('truetype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-light.svg#gilroy-light') format('svg');
    font-weight: 300;
    font-style: normal;
}

/* @font-face {
	font-family: 'Gilroy';
	src: url('/local/templates/sprintvelo/./fonts/gilroy-regular.eot');
	src: url('/local/templates/sprintvelo/./fonts/gilroy-regular.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-regular.woff2') format('woff2'),
		url('/local/templates/sprintvelo/./fonts/gilroy-regular.woff') format('woff'),
		url('/local/templates/sprintvelo/./fonts/gilroy-regular.ttf') format('truetype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-regular.svg#gilroy-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.eot');
	src: url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.woff2') format('woff2'),
		url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.woff') format('woff'),
		url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.ttf') format('truetype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.svg#gilroy-regularitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('/local/templates/sprintvelo/./fonts/gilroy-medium.eot');
	src: url('/local/templates/sprintvelo/./fonts/gilroy-medium.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-medium.woff2') format('woff2'),
		url('/local/templates/sprintvelo/./fonts/gilroy-medium.woff') format('woff'),
		url('/local/templates/sprintvelo/./fonts/gilroy-medium.ttf') format('truetype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-medium.svg#gilroy-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.eot');
	src: url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.woff2') format('woff2'),
		url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.woff') format('woff'),
		url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.ttf') format('truetype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.svg#gilroy-mediumitalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('/local/templates/sprintvelo/./fonts/gilroy-semibold.eot');
	src: url('/local/templates/sprintvelo/./fonts/gilroy-semibold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-semibold.woff2') format('woff2'),
		url('/local/templates/sprintvelo/./fonts/gilroy-semibold.woff') format('woff'),
		url('/local/templates/sprintvelo/./fonts/gilroy-semibold.ttf') format('truetype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-semibold.svg#gilroy-semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.eot');
	src: url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.woff2') format('woff2'),
		url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.woff') format('woff'),
		url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.ttf') format('truetype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.svg#gilroy-semibolditalic') format('svg');
    font-weight: 600;
    font-style: italic;
} */

@font-face {
	font-family: 'Gilroy';
	src: url('/local/templates/sprintvelo/./fonts/gilroy-extrabold.eot');
	src: url('/local/templates/sprintvelo/./fonts/gilroy-extrabold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/sprintvelo/./fonts/gilroy-extrabold.woff2') format('woff2'),
		url('/local/templates/sprintvelo/./fonts/gilroy-extrabold.woff') format('woff'),
		url('/local/templates/sprintvelo/./fonts/gilroy-extrabold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

.h1-main,
.h2-main,
.h3-main,
.h4-main {
    font-family: "Bebas-Neue", sans-serif;
    font-weight: 700;
    line-height: 1.1em;
    text-transform: uppercase;
}

.h1-main {
    font-size: 66px;
}

.h2-main {
    font-size: 46px;
}

.h3-main {
    font-size: 40px;
}

.h4-main {
    font-size: 32px;
}

.h1 {
    font-size: 66px;
    font-weight: 700;
    line-height: 1.1em;
}

.h1-big {
    font-size: 96px;
    font-weight: 700;
    line-height: 1.3em;
}

.h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.7em;
}

.h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.7em;
}

.h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7em;
}

.h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6em;
}

.h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6em;
}

a {
    color: var(--black);
}

b,
strong {
    font-weight: 600;
}

main ul {
    list-style: none;
}

main ul > li {
    position: relative;
    padding-left: 1.5em;
}

main ul > li::before {
    content: "";
    position: absolute;
    top: 0.75em;
    left: 0.6em;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--black);
}

main ul > li + li {
    /* margin-top: 0.7em; */
}

main p + ul,
main p + ol {
    margin-top: 0.8em;
}

/* Section with images */

.section-with-images {
    display: flex;
}

.section-with-images__text {
    flex-grow: 1;
    padding-right: 150px;
}

.section-with-images__images img {
    border-radius: 26px;
    object-fit: cover;
}

.section-with-images__images[data-count-images="2"] {
    align-self: flex-start;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 528px;
    min-width: 528px;
    margin-top: -70px;
}

.section-with-images__images[data-count-images="2"] img:nth-child(1) {
    width: calc(50% - 15px);
    margin-bottom: 110px;
}

.section-with-images__images[data-count-images="2"] img:nth-child(2) {
    width: calc(50% - 45px);
}

/* Section with images END */

/* Circle */

.circle {
    position: relative;
}

.circle::before {
    content: "";
    position: absolute;
    top: var(--circle-top, 0);
    left: var(--circle-left, 0);
    width: var(--circle-size, 100px);
    height: var(--circle-size, 100px);
    border: 1px solid var(--gray-60);
    border-radius: 50%;
    box-sizing: border-box;
    z-index: -1;
}

/* Circle END */

/* Work list */

#work-list > p {
    max-width: 695px;
}

.work-list {
    display: grid;
    grid-template-areas:
        "first first second second third third"
        "fourth fourth fourth fifth fifth fifth"
        "fourth fourth fourth sixth sixth sixth"
        "seventh seventh seventh sixth sixth sixth"
        "seventh seventh seventh sixth sixth sixth"
        "seventh seventh seventh eighth eighth eighth";
    grid-template-columns: repeat(6, 1fr);
    gap: 28px;
    margin-top: 42px;
}

.work-list__item:nth-child(1) { grid-area: first; }
.work-list__item:nth-child(2) { grid-area: second; }
.work-list__item:nth-child(3) { grid-area: third; }
.work-list__item:nth-child(4) { grid-area: fourth; }
.work-list__item:nth-child(5) { grid-area: fifth; }
.work-list__item:nth-child(6) { grid-area: sixth; }
.work-list__item:nth-child(7) { grid-area: seventh; }
.work-list__item:nth-child(8) { grid-area: eighth; }

.work-list__item {
    position: relative;
    padding: 36px 52px;
    background: var(--gray-20);
    border: 1px solid var(--gray-50);
    border-radius: 26px;
    box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
}

.work-list__title {
    position: relative;
    z-index: 1;
}

.work-list__item img {
    position: absolute;
    top: 0;
    right: 10%;
    display: flex;
    max-width: 190px;
    transform: translateY(-50%);
    z-index: 0;
}

.work-list__item:nth-child(2) img {
    right: -40px;
}

.work-list__item:nth-child(3) img {
    right: -15px;
    max-width: 118px;
    transform: translateY(-20%);
}

.work-list__item:nth-child(4) img {
    transform: translateY(-15%);
}

.work-list__item:nth-child(5) img {
    right: 15%;
}

.work-list__item:nth-child(7) img {
    right: 15%;
}

.work-list__item:nth-child(8) img {
    transform: translateY(-40%);
}

.work-list__services {
    margin-top: 20px;
}

.work-list__service {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--gray-40);
}

.work-list__service + .work-list__service {
    margin-top: 6px;
}

.work-list__service:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.work-list__service-price {
    flex-shrink: 0;
}

/* Work list END */

/* Package list */
.package-list {
    overflow: visible;
}

.package-list .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.package-list__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 532px;
    padding: 36px 60px;
    color: var(--white);
    background: rgba(0, 0, 0, 0.30);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid var(--white);
    border-radius: 26px;
    box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.10);
}

.package-list__item:nth-child(1) {
    background-position: right;
}

.package-list__item:nth-child(2) {
    background-position: left;
}

.package-list__item:nth-child(3) {
    background-position: left;
}

.package-list__item:nth-child(4) {
    display: none;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
}

.package-list__title {
    font-size: 32px !important;
}

.package-list__price {
    color: var(--white) !important;
}

.package-list__price span {
    font-size: initial;
    font-weight: initial;
}

.package-list__description li {
    padding-left: 2.45em;
    font-size: 16px;
    line-height: 1.6em;
}

.package-list__description li::before {
    top: 0.25em;
    left: 0;
    width: 23px;
    height: 22px;
    background: url('/local/templates/sprintvelo/icons/icon-wheel.svg') center / contain no-repeat;
}

.package-list__description li + li {
    margin-top: 0.7em;
}

/* Package list END */

/* Testimonials */

.testimonials-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 170px;
    width: 67%;
}

@media (min-width: 1024px) {
    .testimonials-header .btn {
        padding-inline: 28px;
    }
}

.testimonials-body {
    display: flex;
    margin-top: 110px;
}

.testimonials-items {
    width: 67%;
}

.testimonials-images {
    flex-grow: 1;
    margin-top: -200px;
    padding-bottom: 80px;
    padding-left: 80px;
}

.testimonials-images .section-with-images {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.testimonials-images .section-with-images__images {
    display: none;
    justify-content: flex-end;
}

.testimonials-images .section-with-images__images:nth-child(even) {
    justify-content: flex-start;
}

.testimonials-images .section-with-images__images img {
    box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.10);
}

/* Testimonials END */

/* Team */

.team-header-image {
    display: flex;
}

.team-header-image img {
    width: 100%;
    height: 793px;
    border-radius: 26px;
    object-fit: cover;
}

.team-header-text {
    max-width: 1000px;
    margin-top: 40px;
}

/* Team END */

/* ------------------ Catalog ------------------ */

/* Catalog Content */
.catalog-content {
    position: relative;
}

/* Catalog Content - Categories Links */
.catalog-categories-wrapper {
    position: relative;
    padding-bottom: 24px;
}

.catalog-categories-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: 47px;
    padding-bottom: 10px;
    transition: var(--transition);
    overflow: hidden;
}

.catalog-categories-item {
    display: inline-flex;
    padding: 4px 25px;
    font-size: 16px;
    border: 1px solid var(--black);
    border-radius: 16px;
    transition: var(--transition);
}

.catalog-categories-item:hover,
.catalog-categories-item.active {
    background-color: var(--gray-40);
}

.catalog-categories-button {
    position: absolute !important;
    right: 0;
    bottom: 0;
    font-size: 16px;
}

.catalog-categories-button .hide {
    display: none;
}

.catalog-categories-button svg {
    margin-left: 6px;
    transform: rotate(90deg);
    transition: var(--transition);
}

.catalog-categories-items.active {
    height: auto;
}

.catalog-categories-items.active + .catalog-categories-button > .expand {
    display: none;
}

.catalog-categories-items.active + .catalog-categories-button > .hide {
    display: inline-block;
}

.catalog-categories-items.active + .catalog-categories-button svg {
    transform: rotate(-90deg);
}

/* Catalog Content - Sort */
.catalog-sort-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px 8px;
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 1.6em;
}

.catalog-sort-items {
    display: flex;
    gap: 8px;
}

.catalog-sort-items .current-sort {
    font-weight: 600;
}

/* Catalog Content - Items */
.catalog-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 75px;
}

.catalog-items--empty {
    color: var(--red);
}

/* Catalog Content - Description */
.catalog-section-description {
    margin-top: 80px;
}

/* Catalog Item */
.catalog-item {
    position: relative;
	display: flex;
	flex-direction: column;
    height: 100%;
	border-radius: 26px;
	border: 1px solid #C2C2C2;
	background: var(--white);
    transition: var(--transition);
    z-index: 2;
    overflow: hidden;
}

.catalog-item:hover {
    box-shadow: 0px 10px 20px 0px #0000001A;
}

/* Catalog Item - Compare */
.catalog-item .catalog-item-compare-container {
    position: absolute;
    top: 20px;
    right: 64px;
    z-index: 3;
}

.catalog-item .catalog-item-compare-icon {
    display: flex;
    cursor: pointer;
    transition: var(--transition);
}

.catalog-item .catalog-item-compare-icon::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    background-color: var(--yellow);
    border-radius: 50%;
    transform: translate(50%, 50%);
    transition: var(--transition);
}

.catalog-item .catalog-item-compare-icon:hover {
    color: var(--blue);
}

.catalog-item .catalog-item-compare-icon.in-compare {
    color: var(--blue);
}

.catalog-item .catalog-item-compare-icon.in-compare::after {
    width: 6px;
    height: 6px;
}

/* Catalog Item - Favourite */
.catalog-item .catalog-item-favourite-container {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    z-index: 3;
}

.catalog-item .catalog-item-favourite-icon {
    display: inline-flex;
    cursor: pointer;
}

.catalog-item .catalog-item-favourite-icon svg path {
    transition: var(--transition);
}

.catalog-item .catalog-item-favourite-icon svg path#filled {
    fill: transparent;
}

.catalog-item .catalog-item-favourite-icon:hover svg {
    fill: var(--red);
}

.catalog-item .catalog-item-favourite-icon.is-favourite svg path#filled {
    fill: inherit;
}

/* Catalog Item - Image */
.catalog-item .catalog-item-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 256px;
    padding-top: 60px;
    background: #EAEAEA;
}

.catalog-item .catalog-item-image-original img {
    width: 258px;
    max-height: 165px;
    object-fit: contain;
}

/* Catalog Item - Content */
.catalog-item .catalog-item-content {
    position: relative;
    padding: 10px 60px 20px 20px;
}

/* Catalog Item - SKU */
.catalog-item .catalog-item-scu-item-list {
    display: flex;
    align-items: center;
    gap: 10px;
}

.catalog-item .catalog-item-scu-item-list li {
    list-style: none;
    padding-left: 0;
    cursor: pointer;
}

.catalog-item .catalog-item-scu-item-list li::before {
    content: none;
}

.catalog-item .catalog-item-scu-item-list li + li {
    margin-top: 0;
}

.catalog-item .catalog-item-scu-item-color {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-position: center;
    border: 1px solid var(--gray-50);
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 2px var(--white);
    transition: var(--transition);
}

.catalog-item .catalog-item-scu-item-color:hover {
    border-color: var(--gray-80);
}

.catalog-item .catalog-item-scu-item-color-container.selected .catalog-item-scu-item-color {
    border-color: var(--gray-80);
}

.catalog-item .catalog-item-scu-item-color-container.notallowed {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
    user-select: none;
}

/* Catalog Item - Title */
.catalog-item .catalog-item-title-container {
    margin-top: 12px;
}

.catalog-item .catalog-item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6em;
}

.catalog-item .catalog-item-subtitle {
    font-size: 12px;
    line-height: 1.6em;
    color: var(--gray-60);
}

/* Catalog Item - Price */
.catalog-item .catalog-item-price-container {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6em;
}

.catalog-item .catalog-item-price-old {
    text-decoration: line-through;
}

/* Catalog Item - Credit */
.catalog-item .catalog-item-credit-container {
    font-size: 12px;
    line-height: 1.6em;
    color: var(--gray-60);
}

/* Catalog Item - Buttons */
.catalog-item .catalog-item-button-container {
    position: absolute;
    right: 20px;
    bottom: 22px;
}

.catalog-item  .catalog-item-button--buy {
    display: flex;
    transition: var(--transition);
}

.catalog-item  .catalog-item-button--buy:hover {
    color: var(--blue);
}

/* Popups */
.popup-window-custom:not(.popup-window-with-titlebar) {
    display: flex;
    background-color: var(--white);
}

.popup-window-custom.popup-window-with-titlebar {
    min-width: 830px;
    max-width: 920px;
    padding: 50px 50px 60px;
    background-color: var(--white);
    border: 1px solid var(--gray-60);
    border-radius: 26px;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-titlebar {
    height: 100%;
    margin-bottom: 40px;
    text-align: center;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content {
    padding: 0;
    background-color: transparent;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__wrapper {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-bottom: 40px;
    padding: 46px 40px;
    background-color: var(--gray-10);
    border: 1px solid var(--gray-60);
    border-radius: 26px;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__left {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 220px;
    width: 50%;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__left img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__right {
    flex-grow: 1;
    width: 50%;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__properties {
    margin-top: 12px;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__property {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px 12px;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__property + .popup-window-content__property {
    margin-top: 12px;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__property .value {
    display: flex;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__property .value.image {
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border: 1px solid var(--black);
    border-radius: 50%;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__property .value.image img {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 50%;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px 12px;
    margin-top: 12px;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__price .value {
    display: flex;
    gap: 12px;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__price .value .old {
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-content__total {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px 20px;
    margin-top: 50px;
    padding: 0;
    text-align: right;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-close-icon {
    top: 30px;
    right: 30px;
    opacity: 1;
    transition: var(--transition);
}

.popup-window-custom.popup-window-with-titlebar .popup-window-close-icon::after {
    content: none;
}

.popup-window-custom.popup-window-with-titlebar .popup-window-close-icon:hover {
    color: var(--red);
}

.popup-window-custom.popup-window-with-titlebar .popup-window-close-icon svg {
    width: 100%;
    height: 100%;
}

/* Media Requests */

@media only screen and (min-width: 1920px) {
    .catalog-items {
        gap: 80px;
    }

    .catalog-items[data-col="4"] {
        grid-template-columns: repeat(3, 1fr);
        gap: 52px;
    }
}

@media (max-width: 1919.75px) and (min-width: 1600px) {
    .catalog-items[data-col="4"] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1599.75px) {
    .catalog-items {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .popup-window-custom.popup-window-with-titlebar {
        min-width: 720px;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar {
        margin-bottom: 40px;
        text-align: center;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar .h2 {
        font-size: 32px;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__wrapper {
        gap: 26px;
        padding: 20px 26px;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__left {
        height: 140px;
        width: 40%;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__right {
        width: 60%;
    }
}

@media (max-width: 1599.75px) and (min-width: 1280px) {
    .catalog-items[data-col="4"] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1279.75px) {
    .popup-window-custom.popup-window-with-titlebar {
        min-width: 720px;
    }
}

@media (max-width: 1023.75px) {
    .catalog-categories-wrapper {
        margin-bottom: 15px;
    }

    .catalog-sort-container {
        position: absolute;
        top: -70px;
        right: 0;
    }

    .catalog-item .catalog-item-image-original img {
        width: 235px;
        max-height: 150px;
    }

    .popup-window-custom.popup-window-with-titlebar {
        min-width: auto;
        width: 480px;
        padding: 40px 20px;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar {
        margin-bottom: 20px;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar .h2 {
        font-size: 24px;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__wrapper {
        flex-direction: column;
        gap: 14px;
        margin-bottom: 20px;
        padding: 26px 20px 20px;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__left {
        height: 200px;
        width: 100%;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__right {
        width: 100%;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-content__property .value,
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__price .value {
        font-size: 20px;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-content__total {
        justify-content: center;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-buttons {
        justify-content: center;
        margin-top: 40px;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-buttons .btn {
        width: 66%;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-close-icon {
        top: 16px;
        right: 16px;
        width: 22px;
        height: 22px;
    }
}

@media (max-width: 639.75px) {
    .catalog-items--empty {
        font-size: 16px;
    }

    .catalog-categories-items {
        gap: 6px;
        height: 39px;
    }

    .catalog-categories-item {
        padding: 4px 18px;
        font-size: 14px;
    }

    .catalog-categories-button {
        font-size: 14px;
    }

    .catalog-categories-button svg {
        height: 10px;
    }

    .catalog-sort-container {
        position: relative;
        top: initial;
        padding-bottom: 20px;
    }

    .catalog-items {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .popup-window-custom.popup-window-with-titlebar {
        max-width: 480px;
        width: calc(100% - 30px);
        padding: 40px 14px 20px;
        border-radius: 20px;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar {
        margin-bottom: 10px;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar .h2 {
        font-size: 20px;
        line-height: 1.2em;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__wrapper {
        gap: 8px;
        padding: 20px 14px 14px;
        border-radius: 20px;
    }
    
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__left {
        height: 130px;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-content__properties,
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__property + .popup-window-content__property,
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__price {
        margin-top: 4px;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-content__property,
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__price,
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__price .value {
        gap: 0 6px;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-content__property .value,
    .popup-window-custom.popup-window-with-titlebar .popup-window-content__price .value {
        font-size: 16px;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-buttons {
        gap: 8px;
        margin-top: 20px;
    }

    .popup-window-custom.popup-window-with-titlebar .popup-window-buttons .btn {
        width: 100%;
        padding-inline: 16px
    }
}

/* ------------------ Catalog END ------------------ */

/* Media requests */

@media only screen and (min-width: 1920px) {
    .work-list {
        gap: 55px;
    }

    .package-list .swiper-wrapper {
        gap: 34px;
    }
    
    .package-list__item {
        padding: 36px 70px;
    }

    .team-header-image img {
        height: 854px;
    }
}

@media (max-width: 1599.75px) {
    .h2 { font-size: 24px; }

    .section-with-images__text {
        padding-right: 70px;
    }

    .section-with-images__images[data-count-images="2"] {
        width: 390px;
        min-width: 390px;
        margin-top: 0;
    }

    .section-with-images__images[data-count-images="2"] img:nth-child(1) {
        width: calc(50% - 10px);
        margin-bottom: 80px;
    }

    .section-with-images__images[data-count-images="2"] img:nth-child(2) {
        width: calc(50% - 35px);
    }

    .circle::before {
        top: var(--circle-top-1280, var(--circle-top));
        left: var(--circle-left-1280, var(--circle-left));
        width: var(--circle-size-1280, var(--circle-size));
        height: var(--circle-size-1280, var(--circle-size));
    }

    .work-list {
        grid-template-areas:
            "first second"
            "fourth fourth"
            "fifth fifth"
            "sixth sixth"
            "seventh seventh"
            "eighth eighth"
            "third third";
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
        margin-top: 24px;
    }

    .work-list__item img {
        max-width: 172px;
        transform: translateY(-55%);
    }

    .work-list__item:nth-child(3) img {
        right: 28%;
        max-width: 143px;
        transform: translateY(10%);
    }

    .work-list__item:nth-child(4) img {
        right: 28%;
        transform: translateY(10%);
    }

    .work-list__item:nth-child(5) img {
        right: 28%;
    }

    .work-list__item:nth-child(7) img {
        right: 28%;
        transform: translateY(-40%);
    }

    .work-list__item:nth-child(8) img {
        right: 28%;
    }

    .package-list .swiper-wrapper {
        grid-template-areas:
            "first second"
            "fourth third";
        grid-template-columns: auto;
    }

    .package-list__item {
        min-height: 100%;
    }

    .package-list__item:nth-child(1) {
        grid-area: first;
    }

    .package-list__item:nth-child(2) {
        grid-area: second;
    }

    .package-list__item:nth-child(3) {
        grid-area: third;
    }

    .package-list__item:nth-child(4) {
        position: relative;
        display: flex;
    }

    .package-list__item:nth-child(4) img {
        position: absolute;
        top: 3%;
        left: calc(50% - 57vw);
        height: 95%;
    }

    .testimonials-header {
        gap: 210px;
        width: 100%;
    }

    .testimonials-images {
        margin-top: 10px;
        padding-bottom: 32%;
    }

    .testimonials-images .section-with-images__images:nth-child(1) img {
        width: 226px;
        height: 300px;
    }

    .testimonials-images .section-with-images__images:nth-child(2) img {
        width: 226px;
        height: 317px;
    }

    .testimonials-images .section-with-images__images:nth-child(3) img {
        width: 224px;
        height: 317px;
    }

    .testimonials-images .section-with-images__images:nth-child(4) img {
        width: 226px;
        height: 373px;
    }

    .team-header-image img {
        height: 694px;
    }
}

@media (max-width: 1279.75px) {
    .circle::before {
        top: var(--circle-top-1024, var(--circle-top));
        left: var(--circle-left-1024, var(--circle-left));
        width: var(--circle-size-1024, var(--circle-size));
        height: var(--circle-size-1024, var(--circle-size));
    }

    .testimonials-header {
        gap: 110px;
    }

    .testimonials-items {
        width: 62%;
    }

    .testimonials-images {
        padding-left: 75px;
    }

    .testimonials-images .section-with-images__images {
        justify-content: flex-start;
    }

    .team-header-image img {
        height: 531px;
    }
}

@media (max-width: 1023.75px) {
    .h1-main { font-size: 40px; }
    .h2-main { font-size: 40px; }

    .h1 { font-size: 40px; }
    .h2 { font-size: 24px; }
    .h3 { font-size: 24px; }
    .h4 { font-size: 20px; }
    .h5 { font-size: 14px; }
    .h6 { font-size: 14px; }

    .section-with-images__text {
        padding-right: 20px;
    }

    .section-with-images__images[data-count-images="2"] {
        width: 230px;
        min-width: 230px;
    }

    .section-with-images__images[data-count-images="2"] img:nth-child(1) {
        width: calc(50% - 5px);
        margin-bottom: 50px;
    }

    .section-with-images__images[data-count-images="2"] img:nth-child(2) {
        width: calc(50% - 20px);
    }

    .circle::before {
        top: var(--circle-top-640, var(--circle-top));
        left: var(--circle-left-640, var(--circle-left));
        width: var(--circle-size-640, var(--circle-size));
        height: var(--circle-size-640, var(--circle-size));
    }

    .work-list {
        grid-template-areas:
            "first"
            "second"
            "fourth"
            "fifth"
            "sixth"
            "seventh"
            "eighth"
            "third";
        grid-template-columns: 1fr;
        gap: 32px;
        margin-top: 20px;
    }

    .work-list__item {
        padding: 24px 32px;
    }

    .work-list__item img {
        right: 20%;
        max-width: 118px;
        transform: translateY(-60%);
    }

    .work-list__item:nth-child(3) img,
    .work-list__item:nth-child(4) img,
    .work-list__item:nth-child(5) img,
    .work-list__item:nth-child(6) img,
    .work-list__item:nth-child(7) img,
    .work-list__item:nth-child(8) img {
        right: 20%;
    }

    .work-list__item:nth-child(2) img {
        right: 10%;
        max-width: 160px;
    }

    .work-list__item:nth-child(3) img {
        max-width: 115px;
        transform: translateY(-25%);
    }

    .work-list__item:nth-child(4) img {
        max-width: 154px;
        transform: translateY(-18%);
    }

    .work-list__item:nth-child(5) img {
        max-width: 135px;
    }

    .work-list__item:nth-child(7) img {
        max-width: 150px;
        transform: translateY(-45%);
    }

    .work-list__item:nth-child(8) img {
        max-width: 134px;
        transform: translateY(-50%);
    }

    .work-list__services {
        margin-top: 14px;
    }

    .package-list {
        margin-inline: calc((100% - 100vw) / 2);
        padding-inline: calc((100vw - 100%) / 2);
    }

    .package-list .swiper-wrapper {
        display: flex;
        gap: 0;
    }

    .package-list__item:nth-child(4) {
        display: none;
    }

    .testimonials-header {
        gap: 30px;
    }

    .testimonials-body {
        margin-top: 60px;
    }

    .testimonials-items {
        width: 67%;
    }

    .testimonials-images {
        padding-left: 15px;
    }

    .testimonials-images .section-with-images__images:nth-child(1) img {
        width: 154px;
        height: 205px;
    }

    .testimonials-images .section-with-images__images:nth-child(2) img {
        width: 153px;
        height: 214px;
    }

    .testimonials-images .section-with-images__images:nth-child(3) img {
        width: 154px;
        height: 217px;
    }

    .testimonials-images .section-with-images__images:nth-child(4) img {
        width: 131px;
        height: 217px;
    }

    .team-header-image img {
        height: 330px;
    }
}

@media (max-width: 639.75px) {
    .h2 { font-size: 16px; }
    .h3 { font-size: 24px; }
    .h4 { font-size: 16px; }
    .h5 { font-size: 14px; }
    .h6 { font-size: 14px; }

    main ul > li::before {
        top: 0.65em;
    }

    .section-with-images {
        flex-wrap: wrap;
        justify-content: center;
    }

    .section-with-images__text {
        width: 100%;
        padding-right: 0;
    }

    .section-with-images__images[data-count-images="2"] {
        width: 300px;
        min-width: auto;
        margin-top: 20px;
    }

    .section-with-images__images[data-count-images="2"] img:nth-child(1) {
        width: calc(50% - 10px);
        margin-bottom: 60px;
    }

    .section-with-images__images[data-count-images="2"] img:nth-child(2) {
        width: calc(50% - 25px);
    }

    .circle::before {
        top: var(--circle-top-320, var(--circle-top));
        left: var(--circle-left-320, var(--circle-left));
        width: var(--circle-size-320, var(--circle-size));
        height: var(--circle-size-320, var(--circle-size));
    }

    .work-list {
        gap: 28px;
    }

    .work-list__item {
        padding: 20px;
        border-radius: 20px;
    }

    .work-list__item img {
        right: 15%;
        max-width: 102px;
    }

    .work-list__item:nth-child(3) img,
    .work-list__item:nth-child(4) img,
    .work-list__item:nth-child(5) img,
    .work-list__item:nth-child(6) img,
    .work-list__item:nth-child(7) img,
    .work-list__item:nth-child(8) img {
        right: 6%;
    }

    .work-list__item:nth-child(2) img {
        right: -8%;
        max-width: 120px;
    }

    .work-list__item:nth-child(3) img {
        right: 0;
        max-width: 64px;
        transform: translateY(-10%);
    }

    .work-list__item:nth-child(4) img {
        max-width: 76px;
        transform: translateY(-18%);
    }

    .work-list__item:nth-child(5) img {
        max-width: 70px;
    }

    .work-list__item:nth-child(7) img {
        max-width: 70px;
        transform: translateY(-55%);
    }

    .work-list__item:nth-child(8) img {
        max-width: 58px;
        transform: translateY(-45%);
    }

    .work-list__services {
        margin-top: 6px;
    }

    .package-list__item {
        padding: 26px 20px;
        border-radius: 20px;
    }

    .testimonials-header {
        flex-wrap: wrap;
        gap: 20px;
    }

    .testimonials-header-text {
        width: 100%;
    }

    .testimonials-body {
        margin-top: 55px;
    }

    .testimonials-items {
        width: 100%;
    }

    .testimonials-images {
        display: none;
    }

    .team-header-image img {
        height: max(52vw, 212px);
    }

    .team-header-text--big {
        margin-top: 20px;
    }

    .team-header-text--small br {
        display: none;
    }
}
/* End */


/* Start:/local/templates/sprintvelo/template_styles.css?171378764359943*/
/* Common */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 6px;
    padding-right: 2px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--black);
    border-radius: 8px;
}

a {
    text-decoration: none;
}

a:hover, a:focus {
    color: inherit;
    text-decoration: none;
}

header a:not(.btn, .no-effect),
main a:not(.btn, .no-effect),
footer a:not(.btn, .no-effect) {
    position: relative;
}

header a:not(.btn, .no-effect):hover,
main a:not(.btn, .no-effect):hover,
footer a:not(.btn, .no-effect):hover {
    text-decoration: none;
}

header a:not(.btn, .no-effect)::after,
main a:not(.btn, .no-effect)::after,
footer a:not(.btn, .no-effect)::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: currentColor;
    transform: translateX(-50%);
    transition: var(--transition);
    opacity: 0.75;
}

header a:not(.btn, .no-effect):hover::after,
main a:not(.btn, .no-effect):hover::after,
footer a:not(.btn, .no-effect):hover::after {
    width: 0%;
}

header a.reverse::after,
main a.reverse::after,
footer a.reverse::after {
    width: 0%;
}

header a.reverse:hover::after,
main a.reverse:hover::after,
footer a.reverse:hover::after {
    width: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
    position: relative;
	font-family: "Gilroy", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.7;
    overflow-x: hidden;
}

body::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: var(--gray-60);
    transition: var(--transition);
    transition-duration: 0.5s;
    opacity: 0;
}

body.lock::after {
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

main {
    padding-top: 78px;
}

main.home {
    padding-top: 20px;
}

main.is-product {
    padding-top: 10px;
}

main.is-404 {
    padding-top: 0px;
}

:root {
    --black: #222;
    --white: #fff;
    --gray-80: #616161;
    --gray-60: #9E9E9E;
    --gray-50: #C2C2C2;
    --gray-40: #E0E0E0;
    --gray-20: #F1F1F1;
    --gray-10: #F8F8F8;
    --light-blue: #D8E6F3;
    --blue: #698BC7;
    --dark-blue: #3E5F99;
    --yellow: #F3BF39;
    --green: #A6B869;
    --dark-green: #0D5955;
    --red: #A82525;
    --transition: all 0.3s ease;
}

.wide-container {
    padding: 0px 30px;
}

.container-middle {
    max-width: 1440px;
    margin-inline: auto;
}

.m-top-200 {
    margin-top: 160px;
}

.m-top-150 {
    margin-top: 150px;
}

.m-top-100 {
    margin-top: 100px;
}

.m-top-80 {
    margin-top: 80px;
}

.m-top-42 {
    margin-top: 42px;
}

.m-top-19 {
    margin-top: 19px;
}

.m-top-16 {
    margin-top: 16px;
}

@media (min-width: 1919.75px) { 
    .container-middle {
        max-width: 1550px;
    }

    div.m-top-200 {
        margin-top: 200px;
    }

    .wide-container {
        padding: 0px 40px;
    }
}

@media (max-width: 1599.75px) {
    .m-top-80 {
        margin-top: 60px;
    }

    div.m-top-200 {
        margin-top: 100px;
    }

    .container-middle {
        max-width: 1130px;
        padding: 0 30px;
    }
}

@media (max-width: 1279.75px) {
    main.is-product {
        padding-top: 0px;
    }
    
    .container-middle {
        max-width: 1024px;
    }
}

@media (max-width: 1023.75px) {
    main {
        padding-top: 40px;
        overflow-x: hidden;
    }

    main.home {
        padding-top: 20px;
    }
    
    .m-top-80 {
        margin-top: 40px;
    }

    .m-top-100 {
        margin-top: 40px;
    }


    div.m-top-200 {
        margin-top: 80px;
    }

    .wide-container {
        padding: 0px 20px;
    }

    .container-middle {
        max-width: 640px;
        padding: 0 20px;
    }
}

@media (max-width: 639.75px) {
    .m-top-80 {
        margin-top: 20px;
    }

    .wide-container {
        padding: 0px 10px;
    }

    div.m-top-200 {
        margin-top: 100px;
    }

    .container-middle {
        max-width: 100%;
        padding: 0 15px;
    }
}

@media (max-width: 1023.75px) {

    .m-top-100 {
        margin-top: 40px;
    }

    .m-top-150 {
        margin-top: 100px;
    }
}

/* Popup */

.mfp-content {
    position: static;
}

.mfp-bg {
    background: var(--gray-60);
    opacity: 0.7;
}

.mfp-close-btn-in .mfp-close {
    display: none;
}

.white-popup__wrap {
    position: relative;
    max-width: 630px;
    width: 100%;
    margin: 20px auto;
    padding: 40px;
    border-radius: 26px;
    background-color: var(--white);
}

.white-popup__wrap-wide {
    max-width: 836px;
    padding: 80px 70px;
}

.white-popup__wrap-medium {
    max-width: 500px;
    padding: 80px 70px;
}

.white-popup__close {
    position: absolute;
    top: 28px;
    right: 28px;
    display: flex;
    transition: var(--transition);
}

.white-popup__close:hover {
    color: var(--red);
}

.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

@media only screen and (min-width: 1920px) {

}

@media (max-width: 1599.75px) {
    .white-popup__wrap-wide {
        max-width: 663px;
        padding: 70px;
    }
}

@media (max-width: 1023.75px) {
    .white-popup__wrap-wide {
        max-width: 453px;
        padding: 40px;
    }
}

@media (max-width: 639.75px) {
    .mfp-container {
        padding: 0 15px;
    }

    .white-popup__wrap-wide {
        max-width: calc(100vw - 20px);
        padding: 24px 20px;
    }

    .white-popup__wrap-medium {
        max-width: calc(100vw - 20px);
        padding: 40px 24px 76px;
    }

    .white-popup__close {
        top: 21px;
        right: 18px;
    }

    .white-popup__close svg {
        width: 21px;
        height: 21px;
    }
}

/* Header */
.header-search-icon {
    display: none !important;
}

.header {
    background: linear-gradient(180deg, #CCC 0%, rgba(234, 234, 234, 0.00) 100%);
}

/* Only for admin pamel - START */
#panel:has(#bx-panel) + .header {
    position: relative !important;
}

body:has(> #panel #bx-panel) {
    margin-top: 0px !important;
}

/* Only for admin pamel - END */

/* Header top */

.top-menu__burger-wrap {
    display: flex;
    align-items: center;
    gap: 18px;
}

.top-menu-hamburger {
    width: 50px;
    height: 50px;
    padding: 17px 14px;
    display: none;
    flex-direction: column;
    gap: 5px;
    border-radius: 50%;
    background-color: var(--white);
}

.top-menu-hamburger span {
    height: 1px;
    width: 21px;
    background-color: var(--black);
    border-radius: 26px;
}

.top-menu__wrap {
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-menu__bottom-line {
    width: 100%;
    height: 1px;
    display: block;
    background-color:var(--gray-50);
}

.top-menu__address {
    font-size: 16px;
}

.top-menu__address svg{
    margin-right: 2px;
}

.top-menu__search {
    position: relative;
}

.top-menu__search input{
    max-width: 346px;
    width: 100%;
    padding: 8px 16px;
    padding-left: 40px;
    background-color: var(--white);
    border-radius: 20px;
    border: none;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
}

.top-menu__search input:focus-visible{
    outline: none;
}

svg.search-icon {
    position: absolute;
    width: 22px;
    height: 22px;
    left: 12px;
    top: 9px;
    text-align: center;
    z-index: 1;
    float: left;
}

i.search-icon + input {
    padding-left: 26px;
}

.header-icons__wrap {
    display: flex;
    gap: 8px;
}

.header-icons__wrap a {
    display: flex;
    padding: 10px;
    background-color: var(--white);
    border-radius: 50%;
    border: 1px solid var(--white);
    transition: var(--transition);
}

.header-icons__wrap a.header-profile-icon svg circle, .header-icons__wrap a.header-profile-icon svg path{
    stroke: var(--black);
    fill: var(--white);
}

.header-icons__wrap a.header-profile-icon.is-authorized svg circle{
    stroke: var(--blue);
    fill: var(--blue);
}

.header-icons__wrap a.header-profile-icon.is-authorized svg path {
    stroke: var(--blue);
}

.header-icons__wrap a.has-cart {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
}

.header-icons__wrap a:hover {
    border: 1px solid #616161;
}

.header-icons__wrap a svg{
    width: 20px;
    height: 20px;
}

.header-icons__wrap a svg path {
    transition: var(--transition);
}


/* Header bottom */

.header-bottom-menu__wrap {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-bottom-menu__wrap .top-menu__links{
    width: 100%;
    justify-content: space-between;
}

.header-bottom-menu__wrap .top-menu__links li a, .header-bottom-menu__wrap .top-menu__links li div{
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 170%; /* 34px */
}

/* Header popup */

.header-popup__wrap {
    padding: 46px;
    margin: 30px;
    border-radius: 20px;
    background-color: var(--white);
}

.header-mobile__header {
    display: flex;
    justify-content: space-between;
}

.header-mobile__wrap .white-popup__close {
    position: inherit;
}

.header-mobile__menu-wrap {
    padding-top: 27px;
    display: flex;
    justify-content: space-between;
    gap: 80px;
}

.header-mobile-menu__title {
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6em;
    color: var(--black);
}

.header-mobile-menu__list .footer-menu__wrap{
    padding-top: 20px;
    gap: 0px;
}

.header-mobile-menu__list .footer-menu__wrap li a {
    font-weight: 400;
}

.footer-menu__wrap li + li {
    padding-top: 16px; 
}

.header-logo {
    display: inline-flex;
    max-width: 145px;
}

.header-logo img {
    width: 100%;
}

.header-favourites-icon svg #filled {
    fill: transparent;
}

.has-favourite.header-favourites-icon svg path {
    transition: var(--transition);
}

.has-favourite.header-favourites-icon svg #filled {
    fill: var(--blue);
}

a.header-compare-icon::after {
    content: "";
    position: absolute;
    right: 11px;
    bottom: 11px;
    width: 0;
    height: 0;
    background-color: var(--yellow);
    border-radius: 50%;
    transform: translate(50%, 50%);
    transition: var(--transition);
}

a.header-compare-icon.has-compare {
    position: relative;
}

a.header-compare-icon.has-compare svg {
    color: var(--blue);
}

a.header-compare-icon.has-compare::after {
    width: 6px;
    height: 6px;
}

@media (max-width: 1599.75px) {

    .top-menu__address span, .header-bottom-menu__wrap .top-menu__links li a, .header-bottom-menu__wrap .top-menu__links li div{
        font-size: 16px !important;
    }

    .header-bottom-menu__wrap .top-menu__links {
        gap: 0px;
    }

    .container-middle.bottom-menu-container {
        max-width: 1130px;
    }   
    
    .header-mobile-menu__list .footer-menu__wrap{ 
        padding-top: 12px;
    }
}

@media (max-width: 1279.75px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #EAEAEA;
        z-index: 999;
    }

    .top-menu-hamburger {
        display: flex;
    }

    .header-bottom-menu__wrap {
        display: none !important;
    }

    .top-menu-horizontal-links, .top-menu__address {
        display: none;
    }

    .header .top-menu__bottom-line {
        display: none;
    }

    .header-icons__wrap a svg, .header-icons__wrap div svg{
        width: 20px;
        height: 20px;
    }

    .header-mobile-bottom {
        padding-top: 80px;
        display: flex;
        justify-content: space-between;
    }

    .header-mobile-bottom .contacts-info__block-wrap {
        gap: 10px;
    }

    .header-mobile-bottom .contacts-info__block {
        gap: 10px;
    }

    .header-mobile-bottom .contacts-info__block svg {
        width: 22px;
        height: 22px;
    }

    .header-mobile-bottom__socials {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .header-mobile-bottom__socials .order-call__btn {
        width: 235px;
    }

    .header-mobile-bottom__socials .social-media__wrap {
        justify-content: flex-end;
    }

    .header-mobile-bottom__socials .order-call__btn {
        width: 191px;
        margin: 0 auto;
        font-size: 16px;
    }

    .header-mobile-bottom__socials {
        flex-direction: column-reverse;
        gap: 40px;
    }

    .header-mobile-dropdown-wrap svg {
        display: none;
    }

    .header-mobile-open-top .header-favourites-icon, .header-mobile-open-top .header-compare-icon {
        display: none;
    }

    .footer-menu__wrap li + li {
        padding-top: 10px;
    }
}

@media (max-width: 1023.75px) {

    .header-mobile__header {
        padding-left: 28px;
    }

    .header-popup__wrap {
        padding: 24px 12px 40px;
    }

    .header-mobile__menu-wrap {
        flex-direction: column;
        gap: 12px;
    }

    .header-mobile-bottom {
        padding-top: 40px;
        gap: 40px;
        flex-direction: column;
    }

    .social-media__wrap {
        justify-content: center;
    }

    .header-search-icon {
        display: flex !important;
    }

    .top-menu__search {
        display: none;
    }

    .header-mobile-bottom__socials .social-media__wrap, .header-mobile-bottom .contacts-info__block {
        justify-content: center;
    }

    .header-mobile-bottom .contacts-info__block {
        gap: 8px;
    }

    .header-mobile-bottom .contacts-info__block p {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .header-mobile-bottom .contacts-info__block svg {
        width: 19px;
        height: 19px;
    }

    .header-mobile-dropdown-wrap {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 20px;
        line-height: 34px;
    }

    .header-mobile-dropdown-wrap svg {
        display: block;
        transition: .3s;
    }

    .header-mobile-dropdown-wrap.active-dropdown-title svg {
        display: block;
        transform: rotate(90deg);
        
    }

    .footer-menu__wrap {
        display: none;
    }

    .header-mobile-menu__list {
        padding: 8px 28px 8px 20px;
        border-radius: 16px;
        background-color: var(--gray-10);
    }
    
    .header-mobile-bottom .contacts-info__block-wrap .contact-phones {
        justify-content: center;
    }

    .header-mobile-open-top {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-mobile-open-top .header-mobile-open-icons {
        display: flex;
        gap: 8px;
        padding-right: 24px;
    }

    .header-mobile__wrap .white-popup__close svg{
        width: 21px;
        height: 21px;
    }

    .header-mobile-open-top .header-mobile-open-icons svg {
        width: 20px;
        height: 20px;
    }

    .header-mobile-open-icons .header-favourites-icon, .header-mobile-open-icons .header-compare-icon {
        display: flex;
        padding: 8px;
        border-radius: 50%;
        background-color: var(--white);
        box-shadow: 0px 3px 8px 0px #0000000D;
    }
}

@media (max-width: 1023.75px) {
    a.header-compare-icon::after {
        right: 9px;
        bottom: 9px;
    }
    
}

@media (max-width: 639.75px) {
    .header-popup__wrap {
        margin: 15px 0px;
    }

    .top-menu__wrap {
        padding: 10px 0px 12px;
    }

    .header-logo{
        max-width: 108px;
    }

    .top-menu__burger-wrap {
        gap: 12px;
    }

    .header-icons__wrap .header-favourites-icon, .header-icons__wrap .header-compare-icon {
        display: none;
    }

    .header-icons__wrap a svg, .header-icons__wrap div svg{
        width: 15px;
        height: 15px;
    }

    .header-icons__wrap a {
        justify-content: center;
        align-items: center;
        padding: 0px;
        width: 30px;
        height: 30px;
    }

    .top-menu-hamburger {
        width: 30px;
        height: 30px;
        padding: 10px 8px;
        align-items: center;
        gap: 3px;
    }

    .top-menu-hamburger span {
        width: 12px;
    }

    .header-mobile-bottom .contacts-info__block-wrap .contact-phones {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .email {
        font-size: 16px;
    }
}


/* Catalog categories */

.catalog-categories__wrap {
    display: grid;
    grid-template-areas:
        'first first second third'
        'fourth fifth six six';
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.catalog-categories__item:first-child {
    grid-area: first;
}

.catalog-categories__item:nth-child(2) {
    grid-area: second;
}

.catalog-categories__item:nth-child(3) {
    grid-area: third;
}

.catalog-categories__item:nth-child(4) {
    grid-area: fourth;
    height: 270px;
}

.catalog-categories__item:nth-child(5) {
    grid-area: fifth;
    height: 270px;
}

.catalog-categories__item:nth-child(5) .categories-item__img {
    position: relative;
    height: 182px;
}

.catalog-categories__item:last-child {
    grid-area: six;
    height: 270px;
}

.catalog-categories__item:last-child .categories-item__title{
    position: absolute;
    top: 28px;
    left: 28px;
}

.catalog-categories__item {
    position: relative;
    padding: 32px 28px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 26px;
    border: 1px solid var(--gray-60);
    background: var(--gray-20);
    box-shadow: 10px 10px 22px 0px #C6D0D9;
    transition: var(--transition);

}

.catalog-categories__item:hover {
    background-color: var(--white);
    border: 1px solid var(--black);
    box-shadow: 25px 25px 24.4px 0px #C6D0D9;
}

.categories-item__title {
    color: var(--black);
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 170%; /* 54.4px */
}

/* Categories image main page */

.categories-item__img {
    display: flex;
    justify-content: center;
    gap: 25px;
}

.catalog-categories__item:first-child img  {
    max-height: 279px;
}

.catalog-categories__item:nth-child(2) img {
    max-height: 231px;
}

.catalog-categories__item:nth-child(3) img {
    max-height: 256px;
}

.catalog-categories__item:nth-child(4) img {
    max-height: 155px;
}

.catalog-categories__item:nth-child(5) img {
    position: absolute;
    top: -40px;
    right: 0;
    max-height: 182px;
}

.catalog-categories__item:last-child img:first-child {
    max-height: 103px;
    margin-top: auto;
    object-fit: cover;
}

.catalog-categories__item:last-child img:nth-child(2) {
    max-height: 106px;
    max-width: 121px;
    margin-top: auto;
    object-fit: cover;
}

.catalog-categories__item:last-child img:last-child {
    max-height: 211px;
    margin-top: auto;
    object-fit: cover;
}

.catalog-categories__item:last-child img:last-child {
    max-width: 174px;
    max-height: 211px;
    object-fit: cover;
}


@media only screen and (min-width: 1920px) {
    .catalog-categories__wrap {
        gap: 46px;
    }

    .categories-item__title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1599.75px) {
    .catalog-categories__item {
        padding: 20px 36px;
    }

    .categories-item__img {
        gap: 20px;
    }

    .catalog-categories__item:first-child img {
        max-height: 165px;
    }

    .catalog-categories__item:nth-child(2) img {
        max-height: 132px;
    }

    .catalog-categories__item:nth-child(3) img {
        max-height: 153px;
    }

    .catalog-categories__item:nth-child(4) img {
        max-height: 94px;
    }

    .catalog-categories__item:nth-child(5) img {
        max-height: 107px;
        top: 0px;
    }

    .catalog-categories__item:last-child img:first-child {
        max-height: 73px;
    }

    .catalog-categories__item:last-child img:nth-child(2) {
        max-width: 85px;
        max-height: 74px;
    }

    .catalog-categories__item:last-child img:last-child {
        max-width: 108px;
        max-height: 131px;
    }

    .catalog-categories__item:nth-child(4) {
        max-height: 189px;
    }

    .catalog-categories__item:nth-child(4) .categories-item__img {
        justify-content: flex-end;
    }

    .catalog-categories__item:nth-child(5) {
        max-height: 189px;
    }

    .catalog-categories__item:last-child {
        max-height: 189px;
    }
}

@media only screen and (max-width: 1023.75px) {
    .catalog-categories__wrap {
        grid-template-areas:
            'first first first second'
            'third six six six'
            'fourth fourth fifth fifth';
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .catalog-categories__item:first-child img {
        max-height: 142px;
    }

    .catalog-categories__item:nth-child(2) img {
        max-height: 117px;
    }

    .catalog-categories__item:nth-child(3) img {
        max-height: 125px;
    }

    .categories-item__img {
        gap: 10px;
    }

    .catalog-categories__item:last-child img:first-child {
        max-height: 63px;
    }

    .catalog-categories__item:last-child img:nth-child(2) {
        max-width: 69px;
        max-height: 60px;
    }

    .catalog-categories__item:nth-child(4) img {
        max-height: 112px;
    }

    .catalog-categories__item:nth-child(5) img {
        top: -10px;
        max-height: 124px;
    }

    .catalog-categories__item:last-child {
        max-height: 217px;
    }

    .catalog-categories__item:first-child, .catalog-categories__item:nth-child(2) {
        max-height: 235px;
    }

    .catalog-categories__item:first-child .categories-item__img{
        justify-content: flex-end;
    }
}

@media only screen and (max-width: 639.75px) {
    .catalog-categories__wrap {
        grid-template-areas:
            'first first'
            'third second'
            'six six'
            'fourth fifth';
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .catalog-categories__item .categories-item__title {
        width: 100%;
        text-align: center;
    }

    .catalog-categories__item:first-child .categories-item__img {
        justify-content: center;
    }

    .catalog-categories__item:first-child {
        max-height: 174px;
    }

    .catalog-categories__item:first-child img {
        max-height: 103px;
    }

    .catalog-categories__item:nth-child(2), .catalog-categories__item:nth-child(3) {
        max-height: 170px;
    }

    .catalog-categories__item:nth-child(3) img {
        max-height: 100px;
    }

    .catalog-categories__item:nth-child(2) img {
        max-height: 85px;
    }

    .catalog-categories__item:nth-child(4) .categories-item__img {
        justify-content: center;
    }

    .catalog-categories__item:nth-child(4) img {
        max-height: 81px;
    }

    .catalog-categories__item:nth-child(5) img {
        top: 0;
        max-height: 93px;
        position: inherit;
    }

    .catalog-categories__item:nth-child(5) .categories-item__img {
        max-height: auto;
    }

    .catalog-categories__item {
        padding: 16px 15px;
        overflow-x: hidden;
    }

    .catalog-categories__item:last-child .categories-item__title {
        top: 16px;
        left: 0px;
    }
}



/* Sale products slider */

.sale-products__title {
	max-width: 846px;
    padding: 52px 119px 0px 119px;
    margin: 0;
	border-top-left-radius: 46px;
	border-top-right-radius: 46px;
	background: #C6D0D9;
	text-transform: uppercase;
    font-family: 'Bebas-Neue', sans-serif;
}

.sale-products__slider {
    margin-top: -1px;
	padding: 58px 0px 80px;
    padding-left: 227px;
	background-color: #C6D0D9;
	border-top-right-radius: 46px;
	border-bottom-right-radius: 46px;
	border-bottom-left-radius: 46px;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.swiper-sale-products__wrap {
    max-width: initial !important;
    margin-right: -40px;
    padding-right: 80px;
}

.sale-slider {
    position: relative;
}

.wheel-near-slider {
    position: absolute;
    left: -44px;
    top: 52%;
    transform: translateY(-48%);
    width: 308px;
    height: 572px;
    object-fit: contain;
}

@media only screen and (min-width: 1920px) {
    .sale-products__title {
        padding: 52px 137px 0px 137px;
    }
}

@media (max-width: 1599.75px) {
    .sale-products__slider {
        padding: 40px 0px 80px;
        padding-left: 159px;
    }

    .swiper-sale-products__wrap .swiper-slide {
        max-width: 100%;
    }

    .sale-products__title {
        max-width: 768px;
        padding: 40px 80px 0px;
        font-size: 46px;
    }

    .wheel-near-slider {
        width: 217px;
        height: 433px;
        left: -26px;
    }
    
}

@media (max-width: 1279.75px) {
    .swiper-sale-products__wrap {
        padding-right: 60px;
    }
}

@media (max-width: 1023.75px) {
    .swiper-sale-products__wrap {
        margin-right: -16px;
        padding-right: 40px;
    }

    .sale-products__title {
        max-width: 528px;
        font-size: 40px;
    }
    .sale-products__slider {
        padding: 47px 0px 80px;
        padding-left: 144px;
    }

    .product-card .product-card-image__wrap img {
        width: 235px;
        height: 150px;
    }

    .wheel-near-slider {
        left: -44px;
    }
}

@media (max-width: 639.75px) {
    .swiper-sale-products__wrap {
        margin-inline: -15px;
        padding-inline: 30px;
    }

    .sale-products__slider {
        padding: 24px 0px 24px;
    }

    .sale-products__title {
        max-width: 100%;
        padding: 46px 46px 0px 15px;
        font-size: 32px;
        border-radius: 0;
    }

    .sale-products__slider {
        border-radius: 0;
    }

    .wide-container.sale-slider {
        padding: 0px;
    }

    .wheel-near-slider {
        left: auto;
        right: 0px;
        top: -70px;
        transform: scale(-1, -1);
        width: 59px;
        height: 154px;
    }
}

@media (max-width: 429.75px) {

    .sale-products__title .h1{
        max-width: 360px;
    }
}

/* Footer */

/* Footer top */

footer {
    margin-top: 100px;
}

footer.is-404 {
    margin-top: 0;
}

.footer-top__wrap {
    padding: 70px 0px 110px;
    display: flex;
    flex-direction: column;
    gap: 72px;
}

.footer-top__content {
    display: flex;
    gap: 156px;
}

.footer-top__first-column {
    max-width: 143px;
    width: 100%;
}

.footer-top__first-column img {
    width: 100%;
}

.footer-menu__title {
    color: var(--black);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 25.6px */
}

.footer-menu__center {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer-menu__links {
    display: flex;
    justify-content: space-between;
    gap: 98px;
}

.footer-menu__right {
    max-width: 314px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-menu__social-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-phones {
    display: flex;
    gap: 16px;
}

.contact-phones a, .contact-phones span {
    color: var(--black);
    font-size: 16px;
    font-style: normal;
    line-height: 140%; /* 22.4px */
}

.contact-phones a {
    font-weight: 600;
}

.contact-phones span {
    font-weight: 300;
}

.footer-social__mail {
    padding-top: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-social__mail a {
    color: var(--black);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 25.6px */
}

.order-call__btn {
    max-width: 235px;
    padding: 12px 0px;
    border-radius: 20px;
    background-color: var(--black);
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    line-height: 170%; /* 34px */
}

footer .header-mobile-dropdown-wrap .header-mobile-menu__title {
    display: none;
}

/* Footer top bottom elements */

.footer-center__bottom-desc {
    max-width: 570px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-center__bottom-desc p {
    margin: 0;
    color: var(--gray-80);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
}

.payment-methods__wrap {
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-media__wrap {
    display: flex;
    gap: 14px;
}

.social-media__wrap a {
    display: flex;
}

.social-media__wrap a:hover {
    transform: scale(1.1);
    transition: var(--transition);
}

/* Footer bottom */

.footer-bottom__wrap {
    padding: 40px 0px;
    position: relative;
}

.footer-bottom__content {
    display: flex;
    justify-content: space-between;
}

.footer-bottom__wrap p {
    margin: 0;
}

.footer-container__wrap {
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
}

.footer-container__wrap.footer-right__side {
    align-items: flex-end;
}

.footer-bottom__wrap p, .footer-bottom__wrap a {
    color: var(--black);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 16.8px */
    text-decoration: none;
}

.to-top__icon circle{
    transition: .3s;
}

.to-top__icon:hover circle{
    fill: var(--gray-80);
}

.to-top__icon {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 3;
    width: 57px;
    height: 57px;
    cursor: pointer;
}

.footer-menu__links svg {
    display: none;
}

.footer-top__wrap .footer-top__content:first-child .footer-top__first-column {
    display: inline-flex;
    align-self: start;
}

@media only screen and (min-width: 1920px) {
    footer {
        margin-top: 150px;
    }

    .footer-top__wrap {
        gap: 86px;
    }
}

@media (max-width: 1599.75px) {
    .footer-top__wrap {
        padding: 40px 0px 110px;
    }

    .footer-top__wrap .footer-top__content:first-child {
        flex-direction: column;
        gap: 40px;
    }

    .footer-menu__links {
        gap: 50px;
    }

    .footer-menu__wrap {
        padding-top: 12px;
        gap: 12px;
    }

    .footer-menu__social-wrap {
        gap: 10px;
    }

    .footer-social__mail {
        padding-top: 16px;
    }

    .footer-top__content:not(:first-child) .footer-top__first-column {
        display: none;
    }

    .footer-center__bottom-desc {
        gap: 8px;
    }

    .payment-methods__wrap {
        margin-top: 0px;
    }

    footer .order-call__btn {
        max-width: 191px;
        width: 100%;
        padding: 10px 0px;
        border-radius: 16px;
        font-size: 16px;
    }
}

@media (max-width: 1279.75px) {

}

@media (max-width: 1023.75px) {
    footer.home {
        margin-top: 46px;
    }

    .footer-top__wrap {
        padding: 40px 0px 85px;
        gap: 12px;
    }

    .footer-top__content:first-child .footer-menu__center {
        flex-direction: column;
        gap: 72px;
    }

    .footer-menu__links {
        flex-direction: column;
        gap: 20px;
    }

    .footer-menu__links svg {
        display: block;
    }

    .footer-top__first-column img {
        
    }

    .footer-top__content:first-child .footer-menu__center .footer-menu__right {
        max-width: 100%;
        flex-direction: row;
    }

    footer .order-call__btn {
        font-size: 16px;
    }

    .footer-menu__center {
        flex-direction: column-reverse;
    }

    .footer-menu__center .social-media__wrap {
        justify-content: start;
    }

    .footer-center__bottom-desc {
        padding-top: 85px;
    }

    footer .header-mobile-dropdown-wrap .header-mobile-menu__title {
        display: block;
    }

    footer .header-mobile-menu__list span {
        display: none;
    }

    .to-top__icon {
        width: 40px;
        height: 40px;
        right: 20px;
        bottom: 20px;
    }

    .to-top__icon svg{
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 639.75px) {
    footer .container-middle {
        max-width: 100%;
        padding: 0px 10px;
    }

    .footer-top__wrap {
        padding: 40px 0px;
    }

    .footer-top__content:first-child .footer-menu__center {
        gap: 60px;
    }

    .footer-top__content:first-child .footer-menu__center .footer-menu__right {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .footer-menu__social-wrap .footer-menu__social{
        flex-direction: column;
        gap: 0px;
        align-items: center;
    }

    .footer-menu__social-wrap {
        align-items: center;
    }

    .footer-menu__social-wrap .contact-phones {
        flex-direction: column;
        align-items: center;
        gap: 0px;
    }

    .footer-social__mail {
        justify-content: center;
    }

    .footer-menu__center .social-media__wrap {
        width: 100%;
        padding-top: 40px;
        justify-content: center;
    }

    .footer-menu__right {
        max-width: 100%;
    }

    .footer-center__bottom-desc {
        padding-top: 60px;
        text-align: center;
    }

    .footer-center__bottom-desc .payment-methods__wrap {
        justify-content: center;
    }

    .payment-methods-large {
        max-width: 295px;
        margin: 0 auto;
        display: flex;
    }

    .footer-bottom__content {
        flex-direction: column;
        align-items: center;
        gap: 18px;
    }

    .footer-container__wrap, .footer-container__wrap.footer-right__side {
        align-items: center;
    }

    .to-top__icon {
        display: none;
    }
    
}


/* Dostavka */

.dostavka__content .section-with-images__text .section-with-images__desc {
    display: flex;
    flex-direction: column;
    gap: 16px;    
}

.dostavka__content .section-with-images__text {
    position: relative;
    width: 60%;
 }

 .dostavka__content .section-with-images__images {
    width: 40%;
 }

 .dostavka__content .section-with-images__text {
    position: relative;
    width: 60%;
 }

 .dostavka__content .section-with-images__images {
    width: 40%;
 }

 .dostavka__content .section-with-images__images.first-image-section {
    margin-top: -470px;
 }

.dostavka__content .section-with-images__images.first-image-section:before {
    --circle-top: -15%;
    --circle-left: 49%;
}

.dostavka__content .section-with-images__images.second-section {
    width: 25%;
    margin-top: 210px;
}

.dostavka__content .section-with-images__images.second-section::before {
    top: -19%;
    left: -37%;
}

.dostavka__content .section-with-images__text.second-section {
    width: 75%;
    padding-right: 270px;
}


@media only screen and (max-width: 1599.75px) {

    .dostavka__content .section-with-images__text.second-section {
        padding-right: 40px;
    }

    .dostavka__content .section-with-images__images.second-section img {
        width: 211px;
    }

    .dostavka__content .section-with-images__images img {
        width: 212px;
    }

    .dostavka__content .section-with-images__images.first-image-section {
        margin-top: -520px;
    }

    .dostavka__content .section-with-images__text {
        width: 80%;
    }

    .dostavka__content .section-with-images__images {
        width: 20%;
    }

    .dostavka__content .section-with-images__text.second-section {
        width: 85%;
    }

    .dostavka__content .section-with-images__images.second-section {
        width: 15%;
        margin-top: 0px;
    }

    .dostavka__content .section-with-images__images.first-image-section:before {
        --circle-top: 16%;
        --circle-left: 44%;
    }

    .dostavka__content .section-with-images__images.second-section::before {
        top: -6%;
        left: -24%;
    }
}

@media only screen and (max-width: 1279.75px) { 
    .dostavka__content .section-with-images__images {
        width: 20%;
    }

    .dostavka__content.without-image .section-with-images__text {
        width: 80%;
    }

    .dostavka__content.without-image .section-with-images__images {
        width: 20%;
    }

    .dostavka__content .section-with-images__images.first-image-section:before {
        --circle-top: 16%;
        --circle-left: 54%;
    }

    .dostavka__content .section-with-images__images.second-section::before {
        top: -6%;
        left: -30%;
    }

    .dostavka__content .section-with-images__text.second-section {
        width: 80%;
    }

    .dostavka__content .section-with-images__images.second-section {
        width: 20%;
    }
}

@media only screen and (max-width: 1023.75px) { 

    .dostavka__content .section-with-images__images.second-section {
        display: none;
    }
    
    .dostavka__content .section-with-images__text.second-section {
        width: 100%;
        padding-right: 0px;
    }

    .dostavka__content .section-with-images__images img {
        width: 202px;
    }

    .dostavka__content .section-with-images__images.first-image-section {
        margin-top: 0px;
    }

    .dostavka__content.without-image .section-with-images__images {
        display: none;
    }

    .dostavka__content.without-image .section-with-images__text {
        width: 100%;
        padding-right: 0px;
    }

    .dostavka__content .section-with-images__text {
        width: 67%;
        padding-right: 60px;
    }

    .dostavka__content .section-with-images__images {
        width: 32%;
    }

    .dostavka__content .section-with-images__images.circle::before {
        left: -27%;
        top: 42%;
    }
}

@media only screen and (max-width: 639.75px) {

    .dostavka__content .section-with-images__text {
        width: 100%;
        padding-right: 0;
    }

    .section-with-images.dostavka__content {
        flex-direction: column;
        gap: 20px;
    } 

    .dostavka__content .section-with-images__images img {
        position: relative;
    }

    .dostavka__content .section-with-images__images, .dostavka__content .section-with-images__images img {
        width: 248px;
    }

    .dostavka__content .section-with-images__images img {
        margin-left: -15px;
    }

    .dostavka__content .section-with-images__images.first-image-section:before {
        left: 44%;
        top: 50%;
    }

    .dostavka__content .section-with-images__images.first-image-section {
        margin-bottom: 30px;
    }
}




/* Rassrochka */

.installment-cards__wrap {
    margin-top: 56px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 80px;
}

.installment-card__item {
    max-width: 426px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 calc(33.33% - 20px);
}

.installment-card__item img{
    width: 365px;
    height: 232px;
    object-fit: cover;
}

.installment-card__desc-wrap {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.installment-card__title {
    color: var(--black);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 170%; /* 34px */
}

.installment-card__desc {
    color: var(--black);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 170%; /* 34px */
}

.installment-payment-steps__wrap {
    display: flex;
    gap: 37px; 
    align-items: center;
}

.installment-type__title {
    display: flex;
    gap: 12px;
}

.installment-type__title img {
    width: 60px;
    height: 60px; 
}

.installment-payment-steps__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 37px;
}

.installment-payment__single-step {
    max-width: 160px;
    width: 100%;
    padding: 30px 36px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 20px;
    border: 1px solid var(--gray-60);
    text-align: center;
}

.installment-payment__single-step p {
    margin: 0;
}

@media only screen and (max-width: 1599.75px) {
    .installment-cards__wrap {
        gap: 60px 80px;
        justify-content: center;
    }

    .installment-card__item {
        max-width: 256px;
    }

    .installment-card__item img {
        width: 256px;
        height: 163px;
    }
    
    .installment-card__desc-wrap {
        margin-top: 0px;
    }

    .installment-card__title, .installment-card__desc {
        font-size: 16px;
    }
 }

 @media only screen and (max-width: 1023.75px) {
    .installment-cards__wrap {
        margin-top: 40px;
        gap: 30px;
    }

    .installment-card__item {
        max-width: 179px;
    }

    .installment-card__item img {
        width: 179px;
        height: 114px;
    }

    .installment-card__desc-wrap {
        gap: 4px;
    }

    .installment-card__title, .installment-card__desc {
        font-size: 14px;
    }

    .installment-card__item:first-child{
        order: 3;
    }

    .installment-card__item:nth-child(2) {
        order: 0;
    }

    .installment-card__item:nth-child(3) {
        order: 3;
    }

    .installment-card__item:nth-child(4) {
        order: 2;
    }

    .installment-card__item:last-child {
        order: 1;
    }

    .installment-type__title img {
        width: 33px;
        height: 33px;
    }

    .installment-payment__single-step {
        width: 100px;
        padding: 14px;
    }

    .installment-payment-steps__wrap {
        gap: 16px;
    }
}

@media only screen and (max-width: 639.75px) {

    .installment-cards__wrap {
        margin-top: 28px;
        flex-direction: column;
        align-items: center;
        gap: 28px;
    }

    .installment-card__item:first-child{
        order: inherit;
    }

    .installment-card__item:nth-child(2) {
        order: inherit;
    }

    .installment-card__item:nth-child(3) {
        order: inherit;
    }

    .installment-card__item:nth-child(4) {
        order: inherit;
    }

    .installment-card__item:last-child {
        order: inherit;
    }

    .m-top-150 .installment-type__title {
        position: relative;
        max-width: 230px;
        align-items: flex-end;
    }

    .installment-sprint {
        position: absolute;
        left: 96px;
        bottom: 12px;
    }

    .installment-alfa {
        position: absolute;
        right: 20px;
        bottom: 10px;
    }
}

/* Sposoby oplaty */

.sposoby-oplaty__content .second-section img{
    margin-top: 84px;
    margin-right: 100px;
}

.sposoby-oplaty__content .section-with-images__text {
    position: relative;
    width: 62%;
 }

 .sposoby-oplaty__content .section-with-images__text.second-section {
    width: 55%;
 }

.sposoby-oplaty__content .section-with-images__images {
    position: relative;
    width: 38%;
}

.sposoby-oplaty__content .section-with-images__images.second-section {
    position: relative;
    width: 45%;
}

.sposoby-oplaty__content .section-with-images__images img {
    position: absolute;
}

.sposoby-oplaty__content .section-with-images__images.first-image-section {
    margin-top: -210px;
}
    
@media only screen and (max-width: 1599.75px) {

    .sposoby-oplaty__content .section-with-images__images.first-image-section {
        margin-top: 0px;
    }

    .sposoby-oplaty__content .section-with-images__text {
        width: 20%;
    }

    .sposoby-oplaty__content .section-with-images__images {
        width: 50%;
    }

    .sposoby-oplaty__content .section-with-images__images img {
        width: 303px;
    }

    .sposoby-oplaty__content .section-with-images__images.second-section {
        width: 33%;
    }

    .sposoby-oplaty__content .section-with-images__images.second-section img {
        margin-top: 300px;
        width: 226px;
        margin-right: 0px;
    }

    .sposoby-oplaty__content .section-with-images__text {
        padding-right: 70px;
    }

    .sposoby-oplaty__content.without-image .section-with-images__text {
        width: 67%;
    }

    .sposoby-oplaty__content.without-image .section-with-images__images {
        width: 33%;
    }

    .sposoby-oplaty__content .section-with-images__images.circle::before {
        left: 36%;
    }
}

@media only screen and (max-width: 1279.75px) { 
    .sposoby-oplaty__content .section-with-images__images {
        width: 40%;
    }

    .sposoby-oplaty__content.without-image .section-with-images__text {
        width: 80%;
    }

    .sposoby-oplaty__content.without-image .section-with-images__images {
        width: 20%;
    }
}

@media only screen and (max-width: 1023.75px) { 

    .sposoby-oplaty__content .section-with-images__images.second-section {
        display: none;
    }
    
    .sposoby-oplaty__content .section-with-images__text.second-section {
        width: 100%;
        padding-right: 0px;
    }

    .sposoby-oplaty__content .section-with-images__images img {
        width: 204px;
    }

    .sposoby-oplaty__content.without-image .section-with-images__images {
        display: none;
    }

    .sposoby-oplaty__content.without-image .section-with-images__text {
        width: 100%;
        padding-right: 0px;
    }

    .sposoby-oplaty__content .section-with-images__text {
        width: 67%;
        padding-right: 50px;
    }

    .sposoby-oplaty__content .section-with-images__images {
        width: 33%;
    }

    .sposoby-oplaty__content .section-with-images__images.circle::before {
        left: -14%;
        top: 24%;
    }
}

@media only screen and (max-width: 639.75px) {

    .section-with-images.sposoby-oplaty__content {
        flex-direction: column;
        gap: 20px;
    } 

    .sposoby-oplaty__content .section-with-images__images img {
        position: relative;
    }

    .sposoby-oplaty__content .section-with-images__images, .sposoby-oplaty__content .section-with-images__images img {
        width: 100%;
    }

    .sposoby-oplaty__content .section-with-images__images img {
        margin-left: -15px;
    }

    .sposoby-oplaty__content .section-with-images__images.first-image-section:before {
        display: none;
    }

    .sposoby-oplaty__content .section-with-images__text {
        width: 100%;
        padding-right: 0px;
    }
}

/* Sposoby oplaty  pc-popup*/

.pc-popup__requisites {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Guarantee */

.guarantee__content .section-with-images__text {
    padding-right: 30px;
}

@media only screen and (max-width: 1599.75px) {
    .guarantee__content .section-with-images__images img {
        width: 292px;
    }

    .guarantee__content .circle::before {
        top: 5%;
        left: 60%;
        width: 126px;
        height: 126px;
    }
}

@media only screen and (max-width: 1023.75px) { 

    .m-top-42.guarantee__content {
        margin-top: 42px;
    }

    .guarantee__content .circle::before {
        width: 243px;
        height: 243px;
    }

    .section-with-images.guarantee__content {
        display: flex;
        flex-direction: column-reverse;
        gap: 90px;
    }

    .guarantee__content .section-with-images__images img {
        width: 562px;
        margin-left: -15px;
    }

    .guarantee__content .circle::before {
        top: 54%;
        left: 58%;
    }

    .guarantee__content p.m-top-16 {
        margin-top: 8px;
    }
}

@media only screen and (max-width: 639.75px) {
    
    .section-with-images.guarantee__content {
        gap: 42px;
    }

    .guarantee__content .section-with-images__images img {
        width: 281px;
    }

    .m-top-42.guarantee__content {
        margin-top: 20px;
    }

    .guarantee__content .section-with-images__images.circle {
        text-align: center;
    }

    .guarantee__content .circle::before {
        width: 121px;
        height: 121px;
    }
}

/* Vozvrat i obmen tovara */

.return-goods__content .section-with-images__text {
    position: relative;
    width: 62%;
 }

.return-goods__content .section-with-images__images {
    position: relative;
    width: 38%;
}

.return-goods__content .section-with-images__images img {
    position: absolute;
}
    
@media only screen and (max-width: 1599.75px) {
    .return-goods__content .section-with-images__text {
        width: 20%;
    }

    .return-goods__content .section-with-images__images {
        width: 20%;
    }

    .return-goods__content .section-with-images__images img {
        width: 185px;
    }

    .return-goods__content .section-with-images__text {
        padding-right: 70px;
    }

    .return-goods__content.without-image .section-with-images__text {
        padding-right: 70px;
    }

    .return-goods__content .section-with-images__images.circle::before {
        top: 130%;
        left: 40%;
        width: 133px;
        height: 133px;
    }
}

@media only screen and (max-width: 1279.75px) { 
    .return-goods__content .section-with-images__images.circle::before {
        top: 130%;
        left: 40%;
    }
}

@media only screen and (max-width: 1023.75px) { 

    .return-goods__content .section-with-images__images img {
        width: 138px;
        margin-top: -44px;
    }

    .return-goods__content .section-with-images__text {
        width: 80%;
    }

    .return-goods__content.without-image {
        flex-direction: column;
    }

    .return-goods__content.without-image .section-with-images__text {
        width: 100%;
        padding-right: 0;
    }

    .return-goods__content .section-with-images__images {
        width: 36%;
    }

    .return-goods__content .section-with-images__images.circle::before {
        top: 40%;
        left: 26%;
    }
    
}

@media only screen and (max-width: 639.75px) {

    .return-goods__content .section-with-images__text {
        width: 100%;
        padding-right: 0;
    }

    .return-goods__content .section-with-images__images img {
        width: 254px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .return-goods__content .section-with-images__images {
        width: 100%;
        text-align: center;
    }

    .return-goods__content .section-with-images__images img {
        position: relative;
    }

    .return-goods__content .section-with-images__images.circle::before {
        top: 44%;
        left: 28%;
        width: 215px;
        height: 215px;
    }

    .return-goods__content.without-image .section-with-images__images {
        display: none;
    }
}

/* Politika konfidencialnosti */

 .privacy-policy__content .section-with-images__text {
    position: relative;
    width: 100%;
 }

.privacy-policy__content .section-with-images__images {
    position: relative;
    width: 38%;
}

.privacy-policy__content .section-with-images__images img {
    position: absolute;
}
    
@media only screen and (max-width: 1599.75px) {
    .privacy-policy__content .section-with-images__images img {
        width: 246px;
    }

    .privacy-policy__content .section-with-images__text {
        padding-right: 30px;
    }

    .privacy-policy__content.without-image .section-with-images__text {
        padding-right: 0;
    }

    .privacy-policy__content.without-image .section-with-images__images {
        display: none;
    }
}

@media only screen and (max-width: 1023.75px) { 
    .privacy-policy__content.section-with-images {
        flex-direction: column;
        gap: 20px;
    }

    .privacy-policy__content .section-with-images__images img {
        width: 600px;
        position: relative;
    }

    .privacy-policy__content .section-with-images__text, .privacy-policy__content .section-with-images__images {
        width: 100%;
    }

    .privacy-policy__content .section-with-images__text {
        padding-right: 0;
    }

    .privacy-policy__content .h2 {
        font-size: 20px;
    }
    
}

@media only screen and (max-width: 639.75px) {
    .privacy-policy__content .section-with-images__images img {
        max-width: 100%;
        width: 100%;
    }

    .privacy-policy__content .h2 {
        font-size: 16px;
    }
}

/* Contacts start */

.contacts-main__wrap {
    display: flex;
    justify-content: space-between;
}

.contacts-info__wrap {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contacts-info__block-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contacts-info__block {
    display: flex;
    gap: 16px;
    align-items: center;
}

.contacts-info__block .contact-phones a, .contacts-info__block .contact-phones span{
    font-size: 20px;
    font-weight: 300;
}

.contacts-info__block a, .contacts-info__block span, .contacts-info__block p {
    color: var(--black);
}

.contacts-map {
    margin-top: -32px;
}

.contacts-map, .contacts-map #map {
    max-width: 906px;
    width: 100%;
    height: 636px;
}

.contacts-map #map ymaps {
    border-radius: 26px;
}

@media only screen and (max-width: 1599.75px) {
    .contacts-info__wrap {
        margin-top: 40px;
    }
    .contacts-main__wrap {
        flex-direction: column;
        gap: 80px;
    }

    .contacts-info__wrap {
        flex-direction: row;
        align-items: start;
    }

    .contacts-map {
        margin-top: 0px;
    }

    .contacts-map, .contacts-map #map {
        max-width: 1160px;
        width: 100%;
        height: 506px;
    }
}

@media only screen and (max-width: 1023.75px) {
    .contacts-info__block-wrap {
        gap: 16px;
    }
    .contacts-main__wrap {
        gap: 40px;
    }

    .contacts-map, .contacts-map #map {
        height: 314px;
    }

    .contacts-info__wrap {
        margin-top: 20px;
    }

    .contacts-info__block .contact-phones a, .contacts-info__block .contact-phones span{
        font-size: 16px;
    }
}

@media only screen and (max-width: 639.75px) {
    .contacts-info__wrap {
        flex-direction: column;
        gap: 40px;
    }

    .contacts-info__block .email {
        font-size: 14px;
    }

    .contacts-map, .contacts-map #map {
        height: 274px;
    }
}

/* Contacts end */

/* O magazine start */

.about-shop-main__wrap {
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.about-shop-main__wrap .about-shop-info__wrap:first-child {
    margin-top: 80px;
}

.about-shop-info__wrap {
    display: flex;
    gap: 70px;
}

.about-shop-info__wrap .about-shop__desc p:first-child{
    margin-bottom: 20px;
}

.about-shop-info__wrap .about-shop__img {
    width: 786px;
    height: 413px;
    border-radius: 26px;
}

.about-shop__desc .h4 {
    font-size: 32px;
}

@media only screen and (min-width: 1920px) {
    .about-shop-info__wrap .about-shop__img {
        width: 896px;
        height: 470px;
    }
}


@media only screen and (max-width: 1599.75px) {
    .about-shop-main__wrap .about-shop-info__wrap:first-child {
        margin-top: 40px;
    }

    .about-shop-info__wrap .about-shop__img {
            width: 371px;
            height: 194px;
    }

    .about-shop-info__wrap {
        display: flex;
        gap: 30px;
    }

}

@media only screen and (max-width: 1023.75px) {
    .about-shop-info__wrap {
        flex-direction: column;
        gap: 24px;
    }

    .about-shop-main__wrap {
        gap: 40px;
    }

    .about-shop-info__wrap .about-shop__img {
        width: 100%;
        height: 314px;
    }

    .about-shop-info__wrap .about-shop__desc p:first-child {
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 639.75px) {
    .about-shop-main__wrap .about-shop-info__wrap:first-child {
        margin-top: 20px;
    }

    .about-shop-info__wrap .about-shop__desc p:first-child {
        margin-bottom: 4px;
    }

    .about-shop-info__wrap {
        gap: 20px;
    }

    .about-shop-info__wrap .about-shop__img {
        height: 158px;      
        object-fit: cover;
    }

    .contacts-info__block .contact-phones a, .contacts-info__block .contact-phones span {
        font-size: 14px;
    }

    .contacts-info__block, .contact-phones {
        gap: 8px;
    }
}

/* O magazine end */

/* Velokasko start */

.return-goods__content.velokasko .section-with-images__images img {
    width: 416px;
    height: 616px;
}

.velokasko p + p {
    margin: 0.8em 0;
}

.velokasko .section-with-images__text, .return-goods__content.without-image.velokasko .section-with-images__text {
    padding-right: 246px;
}

@media only screen and (max-width: 1599.75px) {
    .velokasko .section-with-images__text, .return-goods__content.without-image.velokasko .section-with-images__text {
        padding-right: 20px;
    }

    .return-goods__content.velokasko .section-with-images__images img {
        width: 205px;
        height: 303px;
    }

    .return-goods__content.velokasko .section-with-images__images.circle::before {
        width: 132px;
        height: 132px;
        top: 94%;
        left: 42%;
    }
}

@media only screen and (max-width: 1279.75px) {
    .return-goods__content.velokasko .section-with-images__images.circle::before {
        top: 96%;
        left: 52%;
    }
}

@media only screen and (max-width: 1023.75px) {
    .return-goods__content.velokasko .section-with-images__images.circle::before {
        opacity: 0;
    }

    .return-goods__content.velokasko .section-with-images__images img {
        width: 203px;
        height: 300px;
    }
}

@media only screen and (max-width: 639.75px) {
    .return-goods__content.velokasko .section-with-images__images.circle::before {
        content: "";
        left: 45%;
        top: 50%;
        opacity: 1;
        width: 173px;
        height: 173px;
    }

    .return-goods__content.velokasko .section-with-images__images img {
        margin-bottom: 70px;
    }
}


/* Velokasko end */

/* 404 page start */

.error-page__background {
    background: url("/upload/404/404-page-background.webp");
    background-size: cover;
}

.error-page-container {
    max-width: 430px;
    padding: 200px 0px 340px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.error-page-title {
    color: var(--blue);
}

.error-page-sub-title {
    color: var(--white);
}

.error-page-desc {
    margin-top: 40px;
    color: var(--white);
}

.error-link {
    max-width: 400px;
    width: 100%;
    margin: 80px auto 0px;
    display: block;
    
    cursor: pointer;
    
}

.error-page-footer .m-top-100 {
    margin-top: 0px;
}

@media only screen and (max-width: 1023.75px) {
    .error-page-container {
        padding: 100px 10px 170px;
    }

    .error-page-sub-title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 639.75px) {
    

    .error-page-desc {
        margin-top: 20px;
    }

    .error-link {
        margin: 50px auto 0px;
    }
}

/* 404 page end */

/* Search popup start */

.search-popup__wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 90%;
    background-color: var(--gray-10);
}

@media only screen and (max-width: 639.75px) {
    .search-popup__wrap {
        padding: 25px;
    }

    .icon.modal-close {
        top: 32px;
        right: 34px;
    }
}
    

/* Search popup end */

/* Media requests */

@media only screen and (min-width: 1920px) {

}

@media only screen and (max-width: 1599.75px) {
    
}

@media only screen and (max-width: 1279.75px) {
    body {
        margin-top: 90px;
    }
}

@media only screen and (max-width: 1023.75px) {
    body {
        font-size: 16px;
    }

    .m-top-42 {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 639.75px) {
    body {
        margin-top: 52px;
        font-size: 14px;
    }
}
/* End */
/* /local/templates/sprintvelo/css/styles_components.css?171333763617840 */
/* /local/templates/sprintvelo/css/styles_helpers.css?1713261037956 */
/* /local/templates/sprintvelo/css/kostya.css?17125862641523 */
/* /local/templates/sprintvelo/components/bitrix/search.form/main/style.css?17127507732825 */
/* /local/templates/sprintvelo/components/bitrix/menu/horizontal_multilevel/style.css?17345279812631 */
/* /local/templates/sprintvelo/components/bitrix/form/callback/bitrix/form.result.new/.default/style.css?171154094043 */
/* /local/templates/sprintvelo/components/bitrix/menu/vertical_multilevel/style.css?1713253762385 */
/* /local/templates/sprintvelo/styles.css?171343269637467 */
/* /local/templates/sprintvelo/template_styles.css?171378764359943 */