.unifying-block {
    margin-right: -16px;
    margin-left: -16px;
    margin-bottom: 80px;
}
.clear {
    clear: both;
}

.unifying-item {
    float: left;
    clear: right;

    width: calc(50% - 32px);
    width: -moz-calc(50% - 32px);
    width: -webkit-calc(50% - 32px);

    position: relative;
    margin-bottom: 32px;
    margin-right: 16px;
    margin-left: 16px;
    top: 0;
    overflow: hidden;
}

.unifying-item {

}
.unifying-item.big {
    min-height: 672px;
}

.unifying-item.small {
    min-height: 320px;
}

.unifying-item-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 0.5s;
}


.unifying-item-mask {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    background-color: #000000;
    padding: 30px 35px 30px 35px;
}

.unifying-item-mask .h3-container {
    margin-bottom: 10px;
}

.unifying-item-mask h3 {
    font-size: 30px;
    line-height: 42px;
    color: #ffffff;
    margin-top: 0;
    display: inline-block;
    margin-right: -15px;
    margin-bottom: 10px;
}

.unifying-item-mask .h3-container sup {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin-top: -10px;
    margin-left: 5px;
    font-weight: normal;
}

.unifying-item-text {
    font-size: 16px;
    line-height: 28px;
    color: #b0b2b3;
}

.unifying-item-button {
    position: absolute;
    left: 35px;
    bottom: 35px;
}

.icon--square {
    display: flex;
    width: 50px;
    height: 50px;
    padding: 15px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    color: #ffffff;
    border: 1px solid #ffffff;
    background: transparent;
    transition: all 0.5s;
}
.unifying-item-link:hover .icon--square {
    color: #1a1919;
    background: #ffffff;
    transition: all 0.5s;
}

.unifying-item-link:hover .unifying-item-image {
    transform: scale(1.05);
    transition: transform 0.5s;
}

@media (max-width: 1430px) {
    .unifying-item-mask h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .unifying-item-text {
        font-size: 16px;
        line-height: 28px;
        color: #b0b2b3;
    }
    .unifying-item.small {
        min-height: 400px;
    }
    .unifying-item.big {
        min-height: 832px;
    }

}

@media (max-width: 1250px) {
    .unifying-item-mask h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .unifying-item-text {
        font-size: 15px;
        line-height: 24px;
        color: #b0b2b3;
    }
    .unifying-item.small {
        min-height: 460px;
    }
    .unifying-item.big {
        min-height: 952px;
    }

}

@media (max-width: 900px) {
    .unifying-item.small .unifying-item-image {
        display: none;
    }
    .unifying-item.small .unifying-item-mask {
        left: 0;
    }

    .unifying-item.big .unifying-item-image {
        right: 0;
        bottom: 60%;
    }
    .unifying-item.big .unifying-item-mask {
        left: 0;
        top: 40%;
    }
}

@media (max-width: 768px) {
    .unifying-item.big,
    .unifying-item.small {
        min-height: auto;
    }
    .unifying-block {
        margin-left: 0;
        margin-right: 0;
    }
    .unifying-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .unifying-item-image {
        display: block;
        position: static;
        width: 100%;
        height: 180px;
        background-position: center center;
    }
    .unifying-item-mask {
        position: static;
        display: block;
    }

    .unifying-item-button {
        position: static;
        margin-top: 25px;
    }
    .unifying-item-mask h3 {
        margin-right: 0;
    }
}
.brand-catalog {
    background-color: #000;
    color: #fff;
    min-height: 302px;
    position: relative;
    margin-bottom: 100px;
}
.brand-catalog-mask {
    position: absolute;
    width: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 30px 35px 30px 35px;
}
.brand-catalog-mask h3 {
    font-size: 32px;
    line-height: 42px;
    color: #ffffff;
    margin-top: 0;
    display: inline-block;
    margin-right: -15px;
    margin-bottom: 10px;
}
.brand-catalog-text {
    font-size: 16px;
    line-height: 28px;
    color: #b0b2b3;
    margin-bottom: 15px;
}

.brand-catalog-button {
    position: absolute;
    left: 35px;
    bottom: 35px;
}

.brand-catalog-button .product_btn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    border: 1px solid #ddebe7;
    background: #ddebe7;
    color: #1e2226;
    padding: 5px 30px 2px 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border-radius: 8px;
}

.brand-catalog-button .product_btn .icon--square {
    color: #1e2226;
    border: 0;
    width: 40px;
    height: 40px;
    padding: 5px 9px 9px 9px;
}

.brand-catalog-button:hover .product_btn {
    background: transparent;
    color: #ddebe7;
    transition: all 0.3s;
}

.brand-catalog-button:hover  .product_btn .icon--square {
    color: #ddebe7;
}

.brand-catalog-cover {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    bottom: 0;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 0.5s;
}

@media (max-width: 830px) {
    .brand-catalog-mask {
        position: static;
        display: block;
        width: 100%;
    }
    .brand-catalog-cover {
        position: static;
        display: block;
        height: 220px;
    }
    .brand-catalog-button {
        position: static;
        display: inline-block;
    }
}
div.breadcrumbs {
  max-width: 1246px;
  margin: 0 auto;
}
ol.breadcrumbs {
  list-style: none;
  display: flex;
  padding: 40px 0 0 0;
  overflow-x: scroll;
}
ol.breadcrumbs li {
  display: inline-block;
}
.breadcrumbs::-webkit-scrollbar {
  display: none;
}
.breadcrumbs {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
ol.breadcrumbs li a {
  color: #1e2226;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  white-space:nowrap;
}
ol.breadcrumbs li a:hover {
  color: #8ac5b9;
  transition: color 0.3s;
}
ol.breadcrumbs li.active {
  color: #8ac5b9;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  line-height:22px;
  white-space: nowrap;
}

ol.breadcrumbs li::after {
  content: "/";
  position: relative;
  margin: 0 12px;
}
ol.breadcrumbs li:last-child a {
  color: #8AC5B9
}

ol.breadcrumbs li:nth-last-child(2)::after {
  color: #8AC5B9
}
ol.breadcrumbs li:last-child::after {
  content: none
}

/* Dark mode */
.dark div.breadcrumbs {
  max-width: none;
}

.dark ol.breadcrumbs li a {
  color: #ffffff;
}
.dark ol.breadcrumbs li a:hover {
  color: #8ac5b9;
  transition: color 0.3s;
}

.dark ol.breadcrumbs li.active {
  color: #8ac5b9;
}
.flex_center {
    display: flex;
    justify-content: center;
    width: 180px;
    margin: 0 auto;
    margin-bottom: 110px;
}

.main-button-view {
    display: flex;
    outline: 0;
    position: relative;
    width: 100%;
    height: 60px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid #1e2226;
    background: #1e2226;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
}
.main-button-view:hover {
    border: 1px solid #1e2226;
    background: transparent;
    color: #1e2226;
    transition: all 0.3s;
}
.main-button-view span {
    position: absolute;
    display: flex;
    align-items: center;
}
.main-button-view .icon--sm_box::after {
    content: "";
    display: block;
    height: 2px;
    width: 18px;
    right: -10px;
    border-radius: 2px;
    background: #ffffff;
    position: relative;
    transition: transform 0.4s, width 0.4s, background 0.3s;
}

.main-button-view:hover .icon--sm_box::after {
    background: #1a1919;
    transition: transform 0.4s, width 0.4s, background 0.3s;
}

.show-more-button {
    padding: 22px 22px 20px 50px;
    border: 1px solid #8ac5b9;
    background: #ffffff;
    color: #1e2226;
    height: 50px;
}

.show-more-button .icon--sm_box::after {
    background: #1a1919;
}

.show-more-button:hover {
    border: 1px solid #8ac5b9;
    background: #8ac5b9;
    transition: background 0.3s;
}

.button-404 {
    width: 280px;
    padding-right: 0px;
}

.main-button-view.green {
    border: 1px solid #ddebe7;
    background: #ddebe7;
    color: #000;
    margin-top: 30px;
}

.main-button-view.green .icon--sm_box::after {
     content: "";
     display: block;
     height: 2px;
     width: 18px;
     right: -10px;
     border-radius: 2px;
     background: #000;
     position: relative;
     transition: transform 0.4s, width 0.4s, background 0.3s;
 }

.main-button-view.green span {
    margin-left: 20px;
}

.main-button-view.green:hover {
    background: transparent;
    color: #ddebe7;
    transition: background 0.3s, color 0.3s;
}
.main-button-view.green:hover .icon--sm_box::after {
    background:  #ddebe7;
    width: 25px;
}
.duo_section {
    background: #282c30;
    color: #ffffff;
}
.duo_title {
    line-height: 140%;
}
.duo_gallery {
    display: grid;
    margin: 40px 0 0;
}
.duo_conbox {
    display: grid;
}
.duo_con {
    background: #2b3034;
}
.photo_brand {
    width: 100%;
    float: left;
    aspect-ratio: 1/1;
    background: #f7f7f7;
}
.duo_con_desc {
    color: #b2b4b5;
    line-height: 170%;
}
.duo_con_title {
    font-weight: 500;
}
.duo_designer_img,
.duo_video {
    width: 100%;
}
.duo_gallery_title .green {
    color: #458d8c;
}
.btn_contact {
    display: inline-flex;
    color: var(--basic-black, #1e2226);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    height: 60px;
    padding: 20px 22px 20px 34px;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    position: relative;
    text-wrap: nowrap;
    border: 1px solid #ddebe7;
    background: #ddebe7;
    transition: background 0.3s, color 0.3s;
}
.btn_contact:hover {
    background: transparent;
    color: #ddebe7;
    transition: background 0.3s, color 0.3s;
}
.btn_contact:hover .icon--aleft_box::after {
    background: #ddebe7;
}

.duo_designer {
    display: flex;
}
@media (min-width: 1220px) {
    .duo_conbox {
        grid-template-columns: repeat(4, 1fr);
        gap: 32px;
        margin-top: 80px;
    }
    .duo_designer_img {
        height: 550px;
    }
    .duo_designer_imgbox {
        width: 60%;
    }
}
@media (max-width: 1219px) {
    .duo_conbox {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        margin-top: 60px;
    }
    .duo_designer_imgbox {
        width: 50%;
    }
    .duo_designer_img {
        height: unset;
    }
}
@media (min-width: 961px) {
    .btn_contact {
        margin-top: 60px;
    }
    .duo_background {
        margin: 80px 0;
    }
    .duo_designer {
        margin: 160px 0;
    }
    .duo_gallery_box {
        margin-top: 160px;
    }
    .duo_section {
        padding: 140px 0;
        margin-top: 140px;
        margin-bottom: -140px;
    }
    .duo_designer_img {
        max-width: 870px;
        object-fit: cover;
    }
    .duo_title {
        font-size: 72px;
    }
    .duo_gallery_title {
        font-size: 56px;
    }
    .duo_con_title {
        font-size: 32px;
    }
    .duo_con_desc {
        margin-top: 32px;
    }
    .duo_con {
        padding: 40px;
    }
    .duo_step_title {
        font-size: 14px;
        color: #b2b4b5;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 30px;
    }
    .neptvn_advantages_content {
        display: flex;
    }
    .duo_advantages_title {
        min-width: 25%;
        width: 25%;
        color: #ffffff;
        font-size: 24px;
        font-weight: 500;
        text-transform: uppercase;
    }
    .neptvn_advantages_description {
        min-width: 33%;
        width: 33%;
        position: relative;
        z-index: 2;
    }
    .neptvn_advantages_desc_img {
        max-width: 616px;
        height: 424px;
        aspect-ratio: 616 / 424;
        object-fit: cover;
    }
    .swiper-advantages-flex {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    .swiper-advantages .swiper-pagination {
        position: absolute;
        left: 0;
        width: auto;
        bottom: 36px;
        z-index: 2;
        font-size: 14px;
        color: #ffffff;
    }
    .swiper-advantages .swiper-slide {
        opacity: 0 !important;
        transition: 1s;
    }
    .swiper-advantages .swiper-slide-active {
        opacity: 1 !important;
    }
    .swiper-advantages .swiper-slide .main-wrapper > *,
    .swiper-advantages .swiper-slide .main-content > * {
        transform: translateX(-50px);
        opacity: 0;
        transition-duration: 1s;
    }
    .swiper-advantages .swiper-slide-active .main-wrapper > *,
    .swiper-advantages .swiper-slide-active .main-content > * {
        transform: none;
        opacity: 1;
    }
    .swiper-advantages .swiper-slide .neptvn_advantages_desc_img {
        transition-duration: 1s;
        transform: scale(0.8);
        opacity: 0;
    }
    .swiper-advantages .swiper-slide-active .neptvn_advantages_desc_img {
        opacity: 1;
        transform: scale(1);
    }
    .swiper-advantages .swiper-slide-active .appear_line_animation::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #282c30;
        animation: appear_line 1s ease-out forwards;
        transform: translateX(-51%);
    }
    @keyframes appear_line {
        0% {
            transform: translateX(-50%);
        }
        100% {
            transform: translateX(101%);
        }
    }
    @keyframes appear_line_before {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(200%);
        }
    }
    .advantages_progress {
        width: 117px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        overflow: hidden;
    }
    .progress_bar_num {
        width: 32px;
        text-align: left;
    }
    .progress_bar {
        width: 40px;
        height: 2px;
        background: #ffffff;
        margin: 0 20px 0 0;
        overflow: hidden;
    }
    .progress_bar::after {
        content: "";
        position: absolute;
        overflow: hidden;
        top: 8px;
        left: 32px;
        width: 40px;
        height: 2px;
        background: #8dc9b5;
        animation: appear_bar 5s linear forwards;
    }
    @keyframes appear_bar {
        0% {
            width: 0;
        }
        100% {
            width: 40px;
        }
    }
}

@media (max-width: 960px) {
    .swiper-pagination {
        display: none;
    }
    .duo_designer,
    .duo_background {
        margin: 60px 0;
    }
    .duo_gallery_box,
    .duo_section {
        margin-top: 60px;
    }

    .duo_section {
        padding: 80px 0;
        margin-bottom: -140px;
    }
    .duo_title,
    .duo_gallery_title {
        font-size: 32px;
    }
    .duo_con_title {
        font-size: 24px;
    }
    .duo_con {
        padding: 24px;
    }
    .btn_contact {
        margin-top: 40px;
    }
    .duo_con_desc {
        font-size: 14px;
        margin-top: 24px;
    }
    .duo_step_title {
        display: none;
    }
    .swiper-advantages-flex {
        transform: none !important;
    }
    .swiper-advantages .swiper-slide {
        height: unset !important;
    }
    .duo_advantages_title {
        margin-bottom: 40px;
    }
    .swiper-advantages-flex {
        display: flex;
        flex-direction: column-reverse;
        width: 100% !important;
    }
    .neptvn_advantages_desc_img {
        width: 100%;
        height: 268px;
        object-fit: cover;
        margin-bottom: 32px;
    }
    .swiper-advantages .swiper-wrapper {
        align-items: start;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        pointer-events: none;
        gap: 24px 32px;
    }
}
@media (min-width: 721px) {
    .duo_gallery {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }
    .duo_designer_imgbox {
        margin-right: 10%;
    }
    .duo_designer_about {
        width: 30%;
    }
}
@media (max-width: 720px) {
    .duo_gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .duo_designer_imgbox {
        width: 100%;
    }
    .duo_designer {
        flex-direction: column-reverse;
    }
    .duo_designer_img {
        margin-top: 40px;
    }
}
@media (max-width: 1024px) {
    .neptvn_config_cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        margin: 60px 0;
    }
    .neptvn_title {
        font-size: 56px;
    }
}

@media (max-width: 600px) {
    .duo_conbox {
        grid-template-columns: repeat(1, 1fr);
    }
    .swiper-advantages .swiper-wrapper {
        display: flex !important;
        overflow-x: scroll;
        pointer-events: all;
    }
    .swiper-advantages-flex {
        width: 80% !important;
    }
    .swiper-advantages {
        margin: 0 -20px !important;
    }
    .swiper-advantages .swiper-wrapper {
        padding: 0 20px !important;
    }
    .swiper-advantages-flex:last-child .appear_line_animation,
    .swiper-advantages-flex:last-child {
        padding-right: 20px;
    }
    .neptvn_title {
        font-size: 32px;
    }
}

footer {
  background: var(--basic-black, #282c30);
  color: #ffffff;
  position: relative;
  z-index: 1;
  overflow: hidden
}
.footer_logo-img {
  width: 156px;
  height: 32px
}
.footer_form_title {
  color: #ffffff;
  font-size: 56px;
  font-weight: 500;
  line-height: 120%;
  margin-top: -12px
}
.sm_title_block {
  font-size: 16px;
  font-weight: 500;
  line-height: 170%;
  margin-bottom: 28px
}
.sm_title_upper {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 170%;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 32px;
  transition: 0.3s
}
.sm_title_upper:hover,
.footer_contacts_link:hover,
.icon--social:hover {
  color: #a2e4d7;
  transition: 0.3s
}
.footer_contacts_link {
  display: block;
  color: #ffffff;
  margin: 0 0 20px
}
.footer_bottom {
  display: flex;
  color: var(--basic-grey-50, #8e9092);
  font-size: 14px
}
.footer_bottom_link {
  color: var(--basic-grey-50, #8e9092)
}
.footer_bottom_link:hover {
  color: #ffffff
}
.footer_sub {
  margin-top: 20px;
  font-size: 20px
}
.footer_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 52px
}
.input_dark {
  background: transparent;
  width: 48%;
  height: 28px;
  border: none;
  border-bottom: 2px solid #53555a;
  margin-bottom: 32px;
  padding-bottom: 12px
}
.input_dark::placeholder {
  padding: 16px 0;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff
}
.input_dark:-webkit-autofill,
.input_dark:-webkit-autofill:hover,
.input_dark:-webkit-autofill:focus,
.input_dark:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff !important
}
.footer_form_send {
  margin-top: 32px;
  display: flex;
  outline: 0;
  position: relative;
  width: 100%;
  height: 60px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #ddebe7;
  background: #ddebe7;
  color: #1e2226;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s
}
.footer_form_send:hover {
  background: transparent;
  color: #ddebe7;
  transition: all 0.3s
}
.footer_form_send span {
  position: absolute;
  display: flex;
  align-items: center
}
.marquee_inner {
  display: flex
}
.footer_columns {
  display: flex;
  width: 100%
}
.icon--social {
  color: #ffffff;
  width: 24px;
  height: 24px
}
.social_ig .icon--social {
  width: 20px;
  height: 20px
}
.footer_social {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 82px;
  margin-left: -10px;
}
.footer_contact_box {
  display: flex;
  flex-direction: column
}
.check_box {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  padding-left: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.check_box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  color: #ffffff;
  border: 2px solid #ffffff;
  transition: border 0.3s
}
.check_box:hover input ~ .checkmark {
  border: 2px solid #71a998;
  transition: border 0.3s
}
.check_box input:checked ~ .checkmark {
  border: 2px solid #ffffff;
  transition: border 0.3s
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none
}
.check_box input:checked ~ .checkmark:after {
  display: block
}
.check_box .checkmark:after {
  left: 5px;
  top: 0;
  width: 4px;
  height: 10px;
  border: solid #71a998;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.mode-dark .check_box .checkmark:after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
}
.footer_contacts_box {
  display: flex
}
.social_icon {
  margin-left: 10px;
}
.social_icon, .social_icon div {
  width: 24px;
  height: 24px;
}
.social_icon .icon--social {
  color: #fff;
  transition: color 0.3s;
}

.social_icon:hover .icon--social {
  color: #a2e4d7;
  transition: color 0.3s;
}
.social_button,
.social_button:hover {
  background-position: center center;
  background-repeat: no-repeat;
}
.footer-ext-logo-container {
  margin-top: 60px;
  margin-bottom: 30px;
}
.footer-custom-container {
  display: flex;
  flex-direction: column;
}
.footer-ext-logo-container img {
  width: 112px;
}
@media (min-width: 1025px) {
  .mainpage footer {
    background: var(--basic-black, #1e2226)
  }
  .footer_columns {
    flex-direction: row;
    margin-top: 50px
  }
  .footer_contact_box,
  .footer_menu,
  .footer_contacts {
    margin-top: 60px
  }
  .marquee_inner {
    margin-bottom: 160px
  }
  .marquee_img {
    height: 118px
  }
  .footer_column-6 {
    width: 50%
  }
  .footer_column-4 {
    width: 25%
  }
  .footer_bottom {
    padding: 60px 0 44px 0
  }
  .footer_logo {
    margin-bottom: 64px
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .footer_form_title {
    font-size: 32px;
    line-height: 150%;
    margin-top: 0
  }
}
@media (max-width: 1024px) {
  .footer_columns {
    flex-direction: column
  }
  .marquee_inner {
    margin-bottom: 42px;
    overflow: hidden
  }
  .marquee_img {
    height: 48px
  }
  .footer_column-6 {
    order: 1
  }
  .footer_column-6:first-child {
    display: flex;
    flex-direction: column;
    order: 2
  }
  .footer_column-6 {
    margin-bottom: 64px
  }
  .footer_bottom {
    padding: 48px 0 24px 0;
    flex-direction: column
  }
  .footer_bottom div {
    margin: 8px 0
  }
  .footer_form_title {
    font-size: 32px;
    margin-top: 46px;
    line-height: 150%
  }
  .footer_address {
    order: 2
  }
  .footer-custom-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .footer_bottom {
    align-items: flex-end;
  }
  .footer_column-empty {
    display: none;
  }
  .footer-ext-logo-container img {
    width: 92px;
  }
}

@media (min-width: 680px) and (max-width: 1024px) {
  .footer_address {
    margin-top: 64px
  }
}
@media (min-width: 680px) {
  .footer_contact_box,
  .footer_menu {
    width: 50%;
    position: relative;
  }
}
@media (max-width: 679px) {
  .footer_contacts_box {
    flex-direction: column
  }
  .footer_address,
  .footer_menu,
  .footer_social {
    margin-top: 32px
  }
  .footer_bottom {
    padding: 0 0 20px;
    margin-top: -12px
  }
}

.page_form {
    margin-bottom: 120px;
}

.field-container {
    width: 48%;
}
.field-container-pdata {
    width: 100%;
}
input.form-control {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    height: 28px;
    border: none;
    border-bottom: 2px solid #53555a;
    margin-bottom: 32px;
    transition: all 0.5s ease;
    opacity: 1;
}

input::placeholder {
    padding: 16px 0;
    font-weight: 400;
    font-size: 14px;
}

.form-container.mode-light input::placeholder {
    color: var(--basic-black, #1e2226);
}

.form-container.mode-dark input::placeholder {
    color: #ffffff;
    opacity: 0.5;
}

.form-container.mode-dark input.form-control {
    color: #fff;
}

.form-container.mode-dark input.form-control.onfocus {
    background-color: #24D2F4;
    box-shadow: 0 0 25px 0 #24D2F4;
    opacity: 0.5;
    transition: all 0.1s ease;
}

.error-message {
    color: #f86b5b;
    font-size: 14px;
    margin-top: 16px;
}

.error-message p {
    margin-top: 0;
    margin-bottom: 6px;
}

.form-container .has-error  input.form-control {
    border-bottom: 1px solid #f86b5b80;

}

.form-container .has-error .form-control::placeholder {
    color: #f86b5b;
    opacity: 1;
}

.form-container.mode-dark .tx_sub {
    margin-top: 20px;
    font-size: 20px;
    color: #d2d1d2;
    opacity: 1;
}
.checkbox-relative-container {
    font-size: 14px;
    margin-bottom: 30px;
}


.form-container.mode-dark  .contact_form_send {
    border: 1px solid #ddebe7;
    background: #ddebe7;
    color: #1e2226;
}

.form-container.mode-dark .contact_form_send:hover {
    background: transparent;
    color: #ddebe7;
    transition: all 0.3s;
}

.form-container.mode-dark .footer_form_send:hover {
    background: transparent;
    color: #ddebe7;
    transition: all 0.3s;
}

.form-container.mode-dark .contact_form_send .icon--sm_box::after {
    background: #1a1919;
}

.form-container.mode-dark .contact_form_send:hover .icon--sm_box::after {
    background: #DDEBE7;
    transform: translateX(-8px);
    transition: transform 0.4s, width 0.4s, background 0.3s;
}
.check_box {
    line-height: 22px;
}

.checkmark {
    border: 2px solid #53555a;
}

.form-container.mode-dark .checkmark {
    border: 2px solid #ffffff;
}

.form-group.has-error .checkmark {
    border: 2px solid #f86b5b80;
}

.check_box input:checked ~ .checkmark {
    border: 2px solid #71a998;
    transition: border 0.3s;
}

.form-container.mode-dark .check_box input:checked ~ .checkmark {
    border: 2px solid #ffffff;
    transition: border 0.3s;
}
.dark header {
  background: var(--basic-black-light, #282c30);
}
.header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  /*overflow: hidden;*/
  z-index: 5;
}
header::after {
  content: "";
  position: absolute;
  width: 120vw;
  height: 1px;
  background: #e8e8e8;
  left: -20vw;
}
.dark header::after {
  background: #ffffff0f;
}
.nav_link {
  text-transform: uppercase;
  font-weight: 500;
  white-space: nowrap;
  font-size: 16px;
}
.nav_link.active {
  opacity: 0.5;
}
.nav_links_up {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  margin-top: 30px;
}
.nav_link_up {
  display: flex;
  font-size: 16px;
  margin-left: 32px;
  font-weight: 500;
  text-wrap: nowrap;
  color: #1e2226;
  white-space: nowrap;
}
.nav_link:hover,
.nav_link_up:hover {
  color: #8ac5b9 !important;
}
.nav_country {
  color: var(--basic-grey-50, #8e9092);
  margin-right: 8px;
  font-weight: 400;
}
.nav_menu {
  display: flex;
  width: 100%;
}
.nav_ul {
  display: flex;
  list-style: none;
  margin-bottom: 0;
  margin-top: 1px;
  gap: 36px;
  flex-wrap: wrap;
}
.nav_li {
  margin-left: 8px;
  margin-right: 8px;
}
.header_nav {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-top: 28px;
  height: 25px;
  /*overflow: hidden;*/
  position: relative;
}
.hamburger {
  position: absolute;
}
.nav_link_up_social {
  display: none;
}
.lang_link {
  font-size: 14px;
  font-weight: 500;
}
.eftta-block {
  margin: -20px 0 0 0;
}
.eftta-block img {
  width: 60px;
}
@media (min-width: 1141px) {
  .header_logo,
  .header_logo-img {
    width: 220px;
    height: 45px;
  }
}
@media (max-width: 1240px) {
  .nav_ul {
    gap: 16px;
    padding-left: 20px;
  }
  .nav_link_up {
    margin-left: 20px;
  }
}
@media (max-width: 1140px) {
  .header_logo,
  .header_logo-img {
    width: 112px;
    height: 23px;
  }
  .nav_link {
    font-size: 14px;
  }
}
@media (max-width: 1064px) {
  .nav_ul {
    gap: 16px;
  }
  .nav_link_up {
    margin-left: 20px;
  }
}
@media (min-width: 1025px) {
  header::after {
    top: 79px;
  }
  .header_container {
    height: 80px;
    padding: 0 40px;
  }
  .nav_link {
    color: #1e2226;
    white-space: nowrap;
  }
  .dark .nav_link,
  .dark .nav_link_up {
    color: #ffffff;
  }
  .nav_menu {
    height: 80px;
  }
}
@media (max-width: 1024px) {
  body.nav_active {
    overflow: hidden;
  }
  header::after {
    top: 56px;
  }
  .header_container {
    height: 56px;
    padding: 0 20px;
  }
  .header_container::after {
    top: 56px;
  }
  .hamburger {
    display: block;
    cursor: pointer;
    z-index: 6;
    top: 16px;
    right: 28px;
  }
  .bar {
    display: block;
    width: 20px;
    height: 2px;
    margin: 5px auto;
    margin-top: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #8ac5b9;
    position: relative;
    z-index: 6;
  }
  .bar:nth-child(3) {
    width: 10px;
    margin-left: 0;
  }
  .hamburger.active .bar:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
    background-color: #8ac5b9;
  }
  .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }
  .hamburger.active .bar:nth-child(3) {
    -webkit-transform: translateY(-4px) rotate(-45deg);
    transform: translateY(-4px) rotate(-45deg);
    width: 20px;
    background-color: #8ac5b9;
  }
  .nav_menu {
    position: fixed;
    right: -120%;
    height: 100%;
    top: 0;
    padding-top: 13%;
    background-color: #282c30;
    /*transition: 0.3s;*/
    padding-bottom: 24px;
    flex-direction: column;
  }
  .nav_menu.active {
    right: 0;
    z-index: 4;
    overflow-x: hidden;
    justify-content: space-between;
  }
  .nav_ul {
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 0;
  }
  .nav_link {
    font-size: 20px;
  }
  .nav_ul {
    gap: 22px;
  }
  .nav_link,
  .nav_link_up {
    color: #fff;
  }
  .nav_link_up {
    margin-left: 0;
    font-weight: 400;
  }
  .nav_links_up {
    flex-direction: column;
    margin-right: 0;
    align-items: center;
    gap: 10px;
  }
  .header_nav {
    justify-content: center;
  }
  .nav_link_up_social {
    display: flex;
    gap: 16px;
    align-items: center;
    margin: 24px 0;
  }
  .nav_active .header_logo-img {
    width: 150px;
    height: 31px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 24px;
    z-index: 5;
    opacity: 0;
    animation: logo-img 0.5s forwards;
  }
  @keyframes logo-img {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      width: 150px;
      height: 31px;
    }
  }
}
@media (max-width: 1024px) {
  .nav_active .btn_solid {
    width: calc(100% - 40px);
  }
}

.langswitcher {
    display: inline-block;
    top: -7px;
    position: relative;
    border: 1px solid transparent;
    z-index: 5;
}

.langswitcher img {
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
}

.langswitcher .now {
    display: inline-block;
    padding: 4px 25px 4px 15px;
}

.langswitcher .now a {
    white-space: nowrap;
    font-size: 14px;
    color: #1E2226;
    font-weight: normal;
}

.footer-languages .langswitcher .now a,
body.dark .langswitcher .now a {
    color: #ffffff;
}
.footer-languages .langswitcher.open .now a,
body.dark .langswitcher.open .now a {
    color: #1E2226;
}

.langswitcher .now a .light-icon {
    display: none;
}
.footer-languages .langswitcher .now a .dark-icon,
body.dark .langswitcher .now a .dark-icon {
    display: none;
}
.footer-languages .langswitcher .now a .light-icon,
body.dark .langswitcher .now a .light-icon {
    display: inline-block;
}
.footer-languages .langswitcher.open .now a .light-icon,
body.dark .langswitcher.open .now a .light-icon {
    display: none;
}
.footer-languages .langswitcher.open .now a .dark-icon,
body.dark .langswitcher.open .now a .dark-icon {
    display: inline-block;
}


.langswitcher .langswitchers {
    max-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 100;
    /*transition: 0.3s;*/
}

.langswitcher .now .lang-arrow {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(/img/ar_down.svg) no-repeat center right;
    right: 7px;
    top: 6px;
    cursor: pointer;
    /*transition: 0.3s;*/
}
.footer-languages .langswitcher .now .lang-arrow,
body.dark .langswitcher .now .lang-arrow {
    background: url(/img/ar_down_white.svg) no-repeat center right;
}
.footer-languages .langswitcher.open .now .lang-arrow,
body.dark .langswitcher.open .now .lang-arrow {
    background: url(/img/ar_down.svg) no-repeat center right;
}

.langswitcher.open {
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    background-color: #fff;
    top: -11px;
    left: 0;
    padding-top: 4px;
}

.langswitcher.open .langswitchers {
    max-height: 500px;
    transition: 0.3s;
}
.langswitcher.open .now .lang-arrow {
    transform: rotate(180deg);
    transition: 0.3s;
    top: 11px;
}
.langswitcher .lang_link {
    white-space: nowrap;
    font-size: 14px;
    color: #1E2226;
    font-weight: normal;
    display: inline-block;
    margin-top: 4px;
    width: 100%;
    padding: 4px 25px 4px 15px;
}
.langswitcher .lang_link:last-child {
    border-radius: 0 0 8px 8px;
}

.langswitcher .lang_link:hover {
    background-color: #F7F8FA;
}

.footer-languages {
    position: relative;
    bottom: 0;
    left: -17px;
}
.footer-languages .langswitcher  {
    position: absolute;
}
.langswitcher-container {
    position: relative;
    bottom: 0;
}
.footer-languages .langswitcher-container {
    margin-top: 53px;
}
.footer-languages .langswitcher-container .langswitcher.open {
    position: absolute;
}

@media (max-width: 1024px) {
    .langswitcher-container {
        position: relative;
        height: 40px;
        margin-top: 12px;
    }
    body.nav_active .nav_menu.active .langswitcher .now a .dark-icon {
        display: none;
    }
    body.nav_active .nav_menu.active .langswitcher .now a .light-icon {
        display: inline-block;
    }
    body.nav_active .nav_menu.active .langswitcher .now a {
        color: #ffffff;
    }
    body.nav_active .nav_menu.active .langswitcher .now .lang-arrow {
        background: url(/img/ar_down_white.svg) no-repeat center right;
    }
    body.nav_active .nav_menu.active .langswitcher.open .now a .light-icon {
        display: none;
    }
    body.nav_active .nav_menu.active .langswitcher.open .now a .dark-icon {
        display: inline-block;
    }
    body.nav_active .nav_menu.active .langswitcher.open .now a {
        color: #1E2226;
    }
    body.nav_active .nav_menu.active .langswitcher.open .now .lang-arrow {
        background: url(/img/ar_down.svg) no-repeat center right;
        transform: rotate(180deg);
    }
}
@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/FedraSansAltProBook.woff2) format("woff2");
}
@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/FedraSansAltProBookItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/FedraSansAltProMedium.woff2) format("woff2");
}
@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/FedraSansAltProBold.woff2) format("woff2");
}
::root {
  --basic-grey-50: #8e9092;
  --accent: #8ac5b9;
  --basic-black: #1e2226;
  --basic-grey-100: #53555a;
}
* {
  outline: 0;
  box-sizing: border-box;
}
body {
  font-family: "Fedra Sans Alt Pro", -apple-system, BlickMacSystemFont,
    "Segoe UI", Roboto sans-serif;
  font-variant-numeric: lining-nums;
  overflow-x: hidden;
  min-height: 100vh;
  font-size: 16px;
  color: #1a1919;
  margin: 0;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.dark {
  background: var(--basic-black-light, #282c30);
}
button,
input,
textarea {
  font-family: "Fedra Sans Alt Pro", -apple-system, BlickMacSystemFont,
    "Segoe UI", Roboto sans-serif;
  font-variant-numeric: lining-nums;
}
a {
  color: #8ac5b9;
}
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: #1a1919;
  animation: 1s forwards hello_view_show;
}
@keyframes hello_view_show {
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.bold,
b,
strong {
  font-weight: 500;
}
.bolder {
  font-weight: 600;
}
a {
  text-decoration: none;
}
h2,
.title {
  display: block;
  margin: 0;
  font-weight: 500;
  line-height: 120%;
}
h2 {
  font-size: 42px;
}
.xl_title {
  font-size: 72px;
}
.lg_title {
  font-size: 56px;
}
.md_title {
  font-size: 32px;
}
.sm_title {
  font-size: 24px;
}
.title.black {
  color: var(--basic-black, #1e2226);
}
.title.white {
  color: #ffffff;
}
.tx_40 {
  font-size: 40px;
}
.tx_sub {
  margin-top: 40px;
  color: var(--basic-black, #1e2226);
  opacity: 0.5;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
.container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
/*
.container::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  min-height: 100vh;
  background: #e8e8e8;
  left: 39px;
  top: 0;
}
.container::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  min-height: 100vh;
  background: #e8e8e8;
  right: 39px;
  top: 0;
}
*/
.container_sm {
  width: 100%;
  max-width: 1258px;
  margin: 0 auto;
  padding: 0 40px;
}
.flex {
  display: flex;
}
.tx-grey-50 {
  color: var(--basic-grey-50, #8e9092);
}
.btn_solid {
  border-radius: 10px;
  display: inline-flex;
  height: 50px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 170%;
  text-transform: uppercase;
  gap: 8px;
}
.btn_solid.white {
  color: #1e2226;
  border: 1px solid #ffffff;
  background: #ffffff;
  transition: background 0.3s, color 0.3s;
}
.btn_solid.black {
  color: #ffffff;
  border: 1px solid #1e2226;
  background: #1e2226;
  transition: all 0.3s;
}
.btn_solid.black:hover {
  color: #1e2226;
  background: transparent;
  transition: all 0.3s;
}
a .to_right {
  transition: all 0.3s;
}
a:hover .to_right {
  transform: translateX(8px);
  transition: all 0.3s;
}
.btn_outline {
  border-radius: 10px;
  display: inline-flex;
  height: 50px;
  padding: 19px 20px 17px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  gap: 8px;
  text-wrap: nowrap;
  transition: background 0.3s, color 0.3s;
}
.btn_outline.white,
.btn_solid.white:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: transparent;
  transition: background 0.3s, color 0.3s;
}

.btn_outline.white:hover {
  background: #ffffff;
  color: #1e2226;
  transition: background 0.3s, color 0.3s;
}
.btn_outline.black {
  border: 1px solid #1e2226;
  color: #1e2226;
  transition: background 0.3s, color 0.3s;
}
.btn_outline.black:hover {
  border: 1px solid #1e2226;
  background: #1e2226;
  color: #ffffff;
  transition: background 0.3s, color 0.3s;
}
.line_link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: var(--basic-black, #1e2226);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  transition: transform 0.3s, color 0.3s;
}
.icon--sm_box {
  position: absolute;
  left: -37px;
  height: 14px;
  display: flex;
  align-items: center;
  width: 29px;
}
.icon--sm {
  width: 8px;
  height: 12px;
  position: absolute;
  right: 0;
  transition: width 0.4s;
}
.icon--sm path {
  transition: width 0.4s, color 0.2s;
}

.icon--sm_after {
  width: 17px;
  height: 10px;
  margin-left: 6px;
  transition: transform 0.3s;
}
a:hover .icon--sm_after {
  transform: translateX(8px);
  transition: transform 0.3s;
}
.icon--line {
  width: 20px;
  height: 14px;
}
.icon--prod {
  width: 20px;
  height: 12px;
}
.relative {
  position: relative;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-32 {
  margin-top: 32px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-80 {
  margin-top: 80px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mb-10 {
  margin-bottom: 10px;
}
.pt-40 {
  padding-top: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}
.reveal {
  position: relative;
  transform: translateY(40px);
  opacity: 0;
  transition: transform 1s ease, opacity 1s ease;
}
.reveal.is-visible {
  transform: translateY(0);
  opacity: 1;
}
.col-6 {
  min-width: 50%;
  width: 50%;
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  position: relative;
}
.link_req {
  display: inline-flex;
  height: 50px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #ddebe7;
  color: var(--basic-black, #1e2226);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.link_up {
  color: #8ac5b9;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.icon--sm_box::after {
  content: "";
  display: block;
  height: 2px;
  width: 18px;
  right: -10px;
  border-radius: 2px;
  background: #1a1919;
  position: relative;
  transition: transform 0.4s, width 0.4s, background 0.3s;
}
.footer_form_send:hover .icon--sm_box::after, a:hover .icon--sm_box::after  {
  width: 25px;
  background: #DDEBE7;
  transform: translateX(-8px);
  transition: transform 0.4s, width 0.4s, background 0.3s;
}
.text-page-block {
  margin-bottom: 80px;
}
.price-signature {
  font-weight: 500;
  color: #8ac5b9;
}
@media (min-width: 1025px) {
  .container {
    padding: 0 40px;
  }
  .mobile_flex,
  .mobile,
  .mobile_inflex {
    display: none;
  }
}
@media (min-width: 1377px) {
  .footer_before {
    padding-bottom: 48px;
  }
}
@media (max-width: 1376px) {
  .footer_before {
    padding-bottom: 140px;
  }
}
@media (max-width: 1024px) {
  h2 {
    font-size: 30px;
  }
  .footer_before {
    padding-bottom: 80px;
  }
  main.mainpage {
    padding-bottom: 0;
    overflow: hidden;
  }
  .container {
    padding: 0 20px;
  }
  .container_sm {
    padding: 0 20px;
  }
  .desktop_flex,
  .desktop {
    display: none;
  }
  .container::before {
    left: 19px;
  }
  .container::after {
    right: 19px;
  }
  .md_tx_16 {
    font-size: 16px;
  }
  .md_tx_20 {
    font-size: 26px;
  }
  .md_tx_32 {
    font-size: 32px;
  }
  .md_mt_20 {
    margin-top: 20px;
  }
  .md_mt_32 {
    margin-top: 32px;
  }
  .md_mt_48 {
    margin-top: 48px;
  }
  .product_cats {
    margin-bottom: 80px;
  }
  .mobile_flex {
    display: flex;
  }
  .mobile {
    display: block;
  }
  .mobile_inflex {
    display: inline-flex;
  }
  .text-page-block {
    margin-bottom: 40px;
  }
}
::-webkit-scrollbar {
  background-color: transparent;
  width: 10px;
}
::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: #9fa2a9;
  transition: 0.2s;
}
::-webkit-scrollbar-track {
  background-color: #25272a08;
  transition: 0.2s;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #636a72 !important;
  transition: 0.2s;
}
::-moz-selection {
  color: #fff;
  background: #000;
}
::selection {
  color: #fff;
  background: #000;
}

.mainpage_about_content {
  display: flex;
  justify-content: space-between;
}
.mainpage_about_heading {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 0 0;
}
.mainpage_about_description p {
  margin-bottom: 24px;
}

.mainpage_about_description,
.mainpage_about_col_title {
  color: var(--basic-white, #fff);
  font-weight: 500;
  line-height: 140%;
}
.mainpage_about_title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1025px) {
  .mainpage_about_description {
    width: 75%;
    font-size: 32px;
  }
  .mainpage_about_title {
    font-size: 24px;
  }
  .mainpage_about_heading {
    width: 25%;
  }
  .mainpage_about_content {
    padding-bottom: 80px;
}
}
@media (max-width: 1024px) {
  .mainpage_about_content {
    flex-direction: column-reverse;
    padding-bottom: 50px;
  }
  .mainpage_about_title,
  .mainpage_about_description,
  .mainpage_about_col_title {
    font-size: 20px;
  }
}

.mainpage_brand_description {
  margin: 0 calc(-100vw / 2 + 100% / 2) 0 0 !important;
  width: 100vw;
}
.mainpage_brands .swiper-pagination {
  position: relative;
}
.mainpage_brand_title {
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
}
.swiper-brands .swiper-slide img {
  width: 100%;
  max-width: 380px;
  height: 100%;
  object-fit: cover;
  padding-right: 24px;
}
@media (min-width: 1600px) {
  .swiper-brands .swiper-slide {
    min-width: 380px !important;
  }
}
@media (min-width: 1025px) {
  .mainpage_brands {
    background: linear-gradient(180deg, #282c30 50%, #1e2226 50%);
  }
  .mainpage_brand_content {
    display: flex;
    justify-content: space-between;
  }
  .mainpage_brand_heading {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    min-width: 25%;
    width: 25%;
    position: relative;
    z-index: 2;
  }
  .mainpage_brands .swiper-scrollbar {
    border-radius: 0;
    width: 75%;
    margin-left: 25%;
    height: 5px;
    margin-top: 49px;
    position: relative;
    -ms-touch-action: none;
    background: #393e42;
  }
  .mainpage_brands .swiper-scrollbar-drag {
    height: 100%;
    border-radius: 0;
    position: relative;
    background: var(--accent, #8ac5b9);
    left: 0;
    top: 0;
  }
  .mainpage_brands .swiper-pagination-bullet-active {
    background: var(--accent, #8ac5b9);
  }
  .mainpage_brand_title {
    font-size: 24px;
  }
}

@media (max-width: 1024px) {
  .mainpage_brand_content {
    overflow: hidden;
    margin: 0 -20px 60px;
    padding-left: 20px;
  }
  .mainpage_brand_title {
    font-size: 20px;
    margin-bottom: 32px;
  }
}
@media (min-width: 768px){
  .swiper-brands .swiper-slide {
    max-width: 25% !important;
  }
}
@media (max-width: 768px) {
  .mainpage_brand_content {
    overflow: hidden;
    margin: 0 -20px 60px;
    padding-left: 20px;
  }
  .mainpage_brand_title {
    font-size: 20px;
    margin-bottom: 32px;
  }
}
@media (min-width: 600px) and (max-width: 767px){
  .swiper-brands .swiper-slide {
    max-width: 32% !important;
  }
}
@media (max-width: 599px) {
  .swiper-brands .swiper-slide {
    max-width: 46% !important;
  }
}

.mainpage section {
  position: relative;
  z-index: 1;
}
.mainpage .container::before,
.mainpage .container::after {
  content: none;
}
.mainpage_hero {
  background: #282c30;
}
.mainpage_hero_heading {
  color: #fff;
  font-weight: 500;
  margin: 0 0 25px 0;
  line-height: 120%;
}
.mainpage_hero_description {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 170%;
  margin: 0;
}
.mainpage_hero_slider_img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  float: left;
}
.swiper-slide-active .action_point_cards {
  animation: card_up 3s forwards;
  opacity: 0;
  position: relative;
  width: 100%;
  min-height: 100%;
  aspect-ratio: 1 / 1;
}
@keyframes card_up {
  60% {
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.mainpage_lines {
  position: absolute;
  width: 100%;
  max-width: 1600px;
  height: 10000vh;
  display: flex;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  justify-content: space-between;
}
.v_line_main {
  bottom: 0;
  position: relative;
  overflow: hidden;
  width: 1px;
}
.v_line_main::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: #ffffff0f;
  width: 1px;
  z-index: 1;
  height: 10000vh;
}
@media (min-width: 1025px) {
  .mainpage_hero_heading {
    font-size: 72px;
  }
  .mainpage_hero_box {
    width: 75%;
    padding: 179px 0 148px;
  }
  .mainpage {
    background: #1e2226;
    overflow: hidden;
  }
  .mainpage_lines {
    padding: 0 40px;
  }
  .am_icon {
    width: 78px;
    height: 67px;
    margin: 0 0 -13px 7px;
  }
}
@media (max-width: 1024px) {
  .mainpage_hero_heading {
    margin: 0 0 12px 0;
  }
  .mainpage_hero_description {
    font-size: 14px;
    margin-top: 11px;
  }
  .mainpage_lines {
    padding: 0 20px;
  }
  .mainpage_lines
    .v_line_main:is(:nth-child(2), :nth-child(3), :nth-child(4))::after {
    content: none;
  }
  .mainpage_hero_box {
    padding: 107px 0 86px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .mainpage_hero_box {
    width: 85%;
  }
  .mainpage_hero_heading {
    font-size: 56px;
  }
  .am_icon {
    width: 68px;
    height: 56px;
    margin: 0 0 -5px 0;
  }
}
@media (max-width: 768px) {
  .mainpage_hero_heading {
    font-size: 32px;
  }
  .am_icon {
    width: 42px;
    height: 35px;
    margin: 0 0 -8px 0px;
  }
  .mainpage_lines {
    display: none;
  }
}

/*.marquee-sp {
  float: left;
  color: #ffffff;
  font-size: 110px;
  font-weight: 500;
  text-transform: uppercase;
}
.am_sign {
  margin: 0 80px;
}
*/
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes marquee-r {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.marquee {
  font-size: 110px;
  height: 130px;
  margin-top: 80px;
  margin-bottom: 110px;
  overflow: hidden;
  position: relative;
  width: 100vw;
  max-width: 100%;
  opacity: 0.1;
}

.track {
  height: 100%;
  overflow: hidden;
  position: absolute;
  transition: background-color 300ms ease, color 300ms ease;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 32s linear infinite;
}

.track .text {
  -webkit-animation: marquee 50000ms linear infinite;
  animation: marquee 50000ms linear infinite;
  align-items: center;
  display: inline-flex;
  will-change: transform;
}
.track .text.-r {
  -webkit-animation-name: marquee-r;
  animation-name: marquee-r;
}
.track .text.-twox {
  -webkit-animation-duration: 25000ms;
  animation-duration: 25000ms;
}
.content {
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
}

.product_neptvn section {
    position: relative;
}
.product_neptvn {
    color: #ffffff;
}
.neptvn_hero_img {
    width: 100%;
    aspect-ratio: 1520 / 500;
    display: inline-block;
    background: #1a1919;
    margin: 64px 0 16px;
}
.neptvn_hero_description p {
    margin: 0 0 12px 0;
    line-height: 170%;
}
.neptvn_hero_description input {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}
.neptvn_hero_description span {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 4px;
}
.neptvn_hero_description input:focus ~ label {
    outline: -webkit-focus-ring-color auto 5px;
}
.neptvn_hero_description input:checked + span {
    -webkit-line-clamp: unset;
}
.neptvn_hero_description input:checked ~ label {
    display: none;
}
/*
.read-more-link {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    transition: color 0.2s;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-top: 12px;
}
.read-more-link::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(/img/ar_down_white.svg) no-repeat top right;
    right: -20px;
    top: 4px;
    transition: 0.3s;
    cursor: pointer;
}
.read-more-link:hover {
    color: #8ac5b9;
    transition: color 0.2s;
}
.read-more-link:hover::after {
    background: url(/img/ar_down_green.svg) no-repeat top right;
}
 */
.neptvn_hero_title {
    margin: 0;
    font-weight: 500;
}
.neptvn_title {
    margin: 0;
    font-weight: 500;
}
.neptvn_advantages_subtitle {
    line-height: 170%;
}
.neptvn_list_box {
    display: flex;
    width: 50%;
}
.neptvn_hero_moto {
    width: 50%;
}
.neptvn_list {
    width: 50%;
    margin: 0;
    padding: 0 0 0 28px;
}
.neptvn_list li {
    list-style-image: url(/img/ar_stright_green.svg);
    padding-inline-start: 1ch;
    margin-bottom: 22px;
}
.boats_wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.boatsboatsboats {
    display: flex;
    width: 100vw;
    align-items: center;
    max-width: 1600px;
    margin: 0 auto 122px;
    height: 552px;
    position: relative;
    opacity: 1;
    transform: translateX(0);
    transition-timing-function: ease-out;
    transition-duration: 0.6s;
}
.boats_img {
    width: 958px;
    max-width: 958px;
    margin: 0 80px;
}
.neptvn_banner_black {
    margin: 9px auto -263px;
    display: block;
    width: 100%;
    max-width: 1086px;
    z-index: 2;
}
.neptvn_config {
    padding-top: 312px;
    background: #313538;
    padding-bottom: 80px;
}
.neptvn_config_card.green {
    background: #458d8c;
    width: 25%;
}
.swiper-advantages.swiper-container {
    cursor: text;
}
.neptvn_advantages_subtitle {
    color: #8e9092;
}
.neptvn_tech_cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 32px 68px;
    margin-top: 120px;
}
.neptvn_tech {
    width: calc(25% - 68px);
    padding: 24px;
    background: #313538;
}
.neptvn_tech_title {
    font-size: 32px;
    font-weight: 500;
    line-height: 140%;
}
.neptvn_tech_subtitle {
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    margin-top: 14px;
    line-height: 170%;
}
.zindex {
 z-index: 1;
}
@media (max-width: 1400px) {
    .neptvn_advantages_title {
        display: none;
    }
}
@media (min-width: 961px) {
    .neptvn_section {
        display: flex;
        margin: 38px 0 124px;
    }
    .neptvn_advantages_subtitle {
        margin-top: 40px;
    }
    .neptvn_advantages_content {
        display: flex;
    }

    .tx_20-16 {
        font-size: 20px;
    }
    .neptvn_advantages_title {
        min-width: 25%;
        width: 25%;
        color: #ffffff;
        font-size: 24px;
        font-weight: 500;
        text-transform: uppercase;
    }
    .neptvn_advantages_desc_title {
        color: #ffffff;
        font-size: 32px;
        font-weight: 500;
        line-height: 120%;
    }
    .neptvn_advantages_description {
        min-width: 33%;
        width: 33%;
        position: relative;
        z-index: 2;
    }
    .neptvn_advantages_desc_img {
        max-width: 616px;
        height: 424px;
        aspect-ratio: 616 / 424;
    }
    .swiper-advantages-flex {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    .swiper-advantages .swiper-pagination {
        position: absolute;
        left: 0;
        width: auto;
        bottom: 0;
        z-index: 2;
        font-size: 14px;
        color: #ffffff;
    }
    .swiper-advantages .swiper-slide {
        opacity: 0 !important;
        transition: 1s;
    }
    .swiper-advantages .swiper-slide-active {
        opacity: 1 !important;
    }
    .swiper-advantages .swiper-slide .main-wrapper > *,
    .swiper-advantages .swiper-slide .main-content > * {
        transform: translateX(-50px);
        opacity: 0;
        transition-duration: 1s;
    }
    .swiper-advantages .swiper-slide-active .main-wrapper > *,
    .swiper-advantages .swiper-slide-active .main-content > * {
        transform: none;
        opacity: 1;
    }
    .swiper-advantages .swiper-slide .neptvn_advantages_desc_img {
        transition-duration: 1s;
        transform: scale(0.8);
        opacity: 0;
    }
    .swiper-advantages .swiper-slide-active .neptvn_advantages_desc_img {
        opacity: 1;
        transform: scale(1);
    }
    .swiper-advantages .swiper-slide-active .appear_line_animation::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #282c30;
        animation: appear_line 1s ease-out forwards;
        transform: translateX(-51%);
    }
    @keyframes appear_line {
        0% {
            transform: translateX(-50%);
        }
        100% {
            transform: translateX(101%);
        }
    }
    @keyframes appear_line_before {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(200%);
        }
    }
    .advantages_progress {
        width: 117px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        overflow: hidden;
    }
    .progress_bar_num {
        width: 32px;
        text-align: left;
    }
    .progress_bar {
        width: 40px;
        height: 2px;
        background: #ffffff;
        margin: 0 20px 0 0;
        overflow: hidden;
    }
    .progress_bar::after {
        content: "";
        position: absolute;
        overflow: hidden;
        top: 8px;
        left: 32px;
        width: 40px;
        height: 2px;
        background: #8dc9b5;
        animation: appear_bar 5s linear forwards;
    }
    @keyframes appear_bar {
        0% {
            width: 0;
        }
        100% {
            width: 40px;
        }
    }
}

@media (min-width: 1100px) {
    .neptvn_section_list {
        display: flex;
        margin-top: 104px;
    }
    .neptvn_mobile {
        display: none !important;
    }
    .neptvn_list_box {
        width: 100%;
    }
    .neptvn_hero_moto {
        width: 100%;
    }
}
@media (max-width: 1099px) {
    .neptvn_desktop {
        display: none !important;
    }
    .neptvn_mobile {
        display: inline-flex !important;
    }
    .neptvn_list {
        margin-top: 60px;
    }
}
@media (min-width: 960px) {
    .neptvn_section_hero {
        display: flex;
    }
    .neptvn_hero_header,
    .neptvn_hero_description {
        width: 50%;
        min-width: 50%;
    }
}
@media (max-width: 960px) {
    .neptvn_list:first-child {
        margin-top: 40px;
    }
    .neptvn_list:nth-child(2) {
        margin-top: 0;
    }
    .neptvn_section_list {
        margin-top: 104px;
    }
    .swiper-advantages-flex {
        transform: none !important;
    }
    .swiper-advantages .swiper-slide {
        height: unset !important;
    }
    .neptvn_advantages_title {
        display: none;
    }
    .neptvn_advantages_desc_title {
        font-size: 20px;
        font-weight: 500;
    }
    .neptvn_advantages_subtitle {
        font-size: 14px;
        margin-top: 32px;
    }
    .swiper-advantages-flex {
        display: flex;
        flex-direction: column-reverse;
        width: 100% !important;
    }
    .neptvn_advantages_desc_img {
        width: 100%;
        height: 268px;
        object-fit: cover;
        margin-bottom: 32px;
    }
    .swiper-advantages .swiper-wrapper {
        align-items: start;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        pointer-events: none;
        gap: 24px 32px;
    }
    .tx_20-16 {
        font-size: 16px;
    }
}
@media (min-width: 1025px) {
    .neptvn_config_cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 32px 68px;
        margin: 120px 0 60px;
    }
    .neptvn_config_card {
        width: calc(25% - 68px);
        padding: 40px;
        background: #282c30;
    }
    .neptvn_hero_box {
        margin-top: 30px;
        display: flex;
    }
    .neptvn_hero_description {
        padding: 0 0 16px 0;
        margin-top: 20px;
        line-height: 170%;
    }
    .neptvn_hero_title {
        font-size: 72px;
    }
    .neptvn_title {
        font-size: 56px;
    }
}
@media (max-width: 1024px) {
    .neptvn_tech_cards {
        gap: 24px;
        margin-top: 100px;
    }
    .neptvn_tech {
        width: calc(33% - 14px);
        padding: 12px 24px;
    }
    .neptvn_tech_subtitle {
        margin-top: 2px;
    }
    .neptvn_banner_black {
        margin: -17px auto -173px;
        max-width: 715px;
    }
    .neptvn_config {
        padding-top: 289px;
    }
    .neptvn_config_cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        margin: 60px 0;
    }
    .neptvn_config_card,
    .neptvn_config_card.green {
        width: 100%;
        padding: 24px;
    }
    .neptvn_config_card {
        background: #282c30;
    }

    .neptvn_tech_title {
        font-size: 24px;
    }
    .boatsboatsboats {
        margin: 0 auto -38px;
        height: 496px;
    }
    .boats_img {
        width: 632px;
        max-width: 632px;
        margin: 0 80px;
    }
    .neptvn_hero_header {
        margin-top: 32px;
    }
    .neptvn_hero_title {
        font-size: 32px;
    }
    .neptvn_title {
        font-size: 56px;
    }
    .neptvn_hero_description {
        font-size: 14px;
        margin-top: 14px;
    }
}

@media (max-width: 600px) {
    .swiper-advantages .swiper-wrapper {
        display: flex !important;
        overflow-x: scroll;
        pointer-events: all;
    }
    .swiper-advantages-flex {
        width: 80% !important;
    }
    .swiper-advantages {
        margin: 0 -20px !important;
    }
    .swiper-advantages .swiper-wrapper {
        padding: 0 20px !important;
    }
    .swiper-advantages-flex:last-child .appear_line_animation,
    .swiper-advantages-flex:last-child {
        padding-right: 20px;
    }
    .neptvn_section {
        display: block;
        margin: 0 0 68px;
    }
    .read-more-link {
        margin-top: 30px;
    }
    .neptvn_title {
        font-size: 32px;
    }
    .neptvn_list_box {
        display: block;
    }
    .neptvn_list {
        width: 100%;
        padding: 0 0 0 1.6em;
    }
    .boats_img {
        width: 255px;
        max-width: 255px;
        margin: 0 15px;
    }
}

.overlay-element-mask[data-type=window] {
    opacity: 0.8 !important;
    background-color: #ffffff;
}
.overlay-element {
    max-width: 1600px !important;
}

.overlay-element[data-type=window] {
    border: 1px solid #1E2226 !important;
    background-color: #1E2226 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 50px 60px;
}

.overlay-element[data-type=window] .overlay-element-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-right: 10px;
    background: url(/img/close_cross.svg) 0 0 no-repeat;
    background-size: contain;
}

@media (max-width: 1024px) {
    .overlay-element[data-type=window] {
        padding: 30px 40px;
    }
}

@media (max-width: 767px) {
    .overlay-element[data-type=window] {
        padding: 10px 22px;
    }
    .overlay-element[data-type=window] .overlay-element-close {
        width: 15px;
        height: 15px;
        margin-top: 6px;
        margin-right: 6px;
    }
    .overlay-element {
        width: 96% !important;
    }
}

.page_404 {
  margin-bottom: 110px;
}
.page_404_box {
  padding: 60px 0;
  display: flex;
  align-items: center;
}
.page_404_content {
  min-width: 50%;
  width: 50%;
}
.page_404_title,
.page_404_sub {
  font-weight: 500;
}
.page_404_sub {
  margin-top: 40px;
}
.page_404_suggestion {
  margin: 32px 0;
}
.img_404 {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1025px) {
  .page_404_title {
    font-size: 144px;
  }
  .page_404_sub {
    font-size: 56px;
  }
}
@media (max-width: 1024px) {
  .page_404_title {
    font-size: 72px;
  }
  .page_404_sub {
    font-size: 32px;
  }
}
@media (max-width: 720px) {
  .page_404_img {
    display: none;
  }
  .page_404_content {
    width: 100%;
  }
  .btn_solid.page_404 {
    width: 100%;
  }
}

.about_promo {
  margin-bottom: 110px;
}
.about_img {
  width: 100%;
}
.about_mainimg {
  width: 100%;
}
.page_about_columns {
  display: grid;
}
.page_about_desc {
  color: var(--basic-grey-100, #53555a);
  line-height: 170%;
}
.page_about_subtitle {
  line-height: 140%;
  font-weight: 500;
}
.page_about_column .main-button-view {
  margin: 30px 0;
}
/*
.btn_lg_solid {
  border-radius: 10px;
  display: flex;
  height: 60px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 170%;
  text-transform: uppercase;
  gap: 8px;
}
.btn_lg_solid.black {
  color: #ffffff;
  border: 1px solid #1e2226;
  background: #1e2226;
  transition: all 0.3s;
}
.btn_lg_solid.black:hover {
  color: #1e2226;
  background: transparent;
  transition: all 0.3s;
}
.btn_lg_solid .btn_aleft_box {
  left: -3px;
}
.btn_lg_solid .icon--aleft_box {
  left: -8px;
}
*/
@media (min-width: 960px) {
  .page_about_description {
    margin: 20px 16px;
  }
}

@media (min-width: 961px) {
  .page_about_description p {
    margin: 0 0 50px 0;
    line-height: 170%;
  }
  .page_about_subtitle {
    font-size: 32px;
  }
}
@media (max-width: 960px) {
  .page_about_description p {
    font-size: 14px;
    margin: 0 0 13px 0;
    line-height: 170%;
  }
  .page_about_subtitle {
    font-size: 20px;
  }
}
@media (max-width: 959px) {
  .page_about_description {
    margin: 24px 0;
  }
}
@media (min-width: 769px) {
  .page_about_columns {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 52px;
    gap: 80px;
  }
  .page_about_desc {
    margin-top: 20px;
  }
  .about_mainimg {
    margin-bottom: 26px;
  }

  .btn_lg_solid {
    margin-top: 32px;
  }
}
@media (max-width: 768px) {
  .page_about_columns {
    margin-top: 44px;
  }
  .page_about_desc {
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 14px;
  }
  .page_about_columns {
    gap: 10px 24px;
  }
  .btn_lg_solid {
    margin-top: 0;
  }
}
@media (min-width: 601px) and (max-width: 768px) {
  .page_about_columns {
    grid-template-columns: repeat(2, 1fr);
  }

  .about_mainimg {
    margin-bottom: -2px;
  }
}
@media (max-width: 600px) {
  .page_about_columns {
    grid-template-columns: repeat(1, 1fr);
  }
  .about_mainimg {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }
}


.page_brand_box {
  display: grid;
  gap: 24px;
  margin-bottom: 92px;
}
.brand_inner {
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.brand_link {
  margin-bottom: 24px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}
.brand_img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: darken;
  transition: transform 0.4s;
}
.brand_desc {
  color: #838688;
  transition: color 0.3s;
}
.brand_inner:hover .brand_img {
  transform: scale(1.1);
  transition: transform 0.4s;
}
.brand_inner:hover .brand_desc {
  color: #1E2226;
  transition: color 0.3s;
}

.brand_inner:hover .btn_outline.black {
  border: 1px solid #1e2226;
  background: #1e2226;
  color: #ffffff;
  transition: background 0.3s, color 0.3s;
}
.brand_content {
  margin-bottom: 24px;
}
.uppercase {
  text-transform: uppercase;
}

@media (min-width: 1100px) {
  .brand_link {
    height: 180px;
    padding: 0 52px;
  }
}
@media (max-width: 1024px) {
  .page_brand_box {
    margin-bottom: 12px;
  }
}
@media (min-width: 1025px) {
  .page_brand_box {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 98px;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .page_brand_box {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 600px) {
  .page_brand_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 441px) and (max-width: 1099px) {
  .brand_link {
    height: 100px;
    padding: 0 26px;
  }
}
@media (max-width: 440px) {
  .brand_link {
    height: 86px;
    padding: 0 12px;
  }
  .brand_desc {
    font-size: 14px;
  }
}

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

.similar-brands .brand_link {
  background: #F7F8FA;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 12%;
}

.brand_img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: darken;
  transform: scale(1);
  transition: transform .4s;
}
.brand_link:hover .brand_img {
  transform: scale(1.1);
  transition: transform .4s;
}

@media screen and (min-width: 961px) {
  .similar-brands .brand_link {
    height: 127px;
  }
}
@media screen and (min-width: 721px) and (max-width: 960px) {
  .similar-brands .brand_link {
    height: 102px;
  }
}
@media screen and (min-width: 481px) and (max-width: 720px) {
  .similar-brands .brand_link {
    height: 87px;
  }
}
@media screen and (max-width: 480px) {
  .similar-brands .brand_link {
    height: 80px;
  }
}
.categories {
  display: grid;
}
.cat_link {
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 12px;
  position: relative;
}
.category {
  margin-top: 16px;
}
.category:hover .cat_img {
  transform: scale(1.1);
}
.cat_img {
  border: 2px solid transparent;
  padding: 20px;
  display: block;
  aspect-ratio: 1 / 1;
  width: 100%;
  margin-bottom: 16px;
  object-fit: contain;
  transition: all 0.5s;
  mix-blend-mode: multiply;
  transform: scale(1);
}
.cat_img_box {
  background: #f7f8fa;
}
.cat_desc {
  color: #1a1919;
}
.cat_label {
  position: absolute;
  top: 12px;
  left: 12px;
  border-radius: 4px;
  padding: 8px 8px 5px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid var(--mint-bright, #a2e4d7);
  color: var(--basic-black, #1e2226);
  z-index: 1;
}
.cat_label.new {
  background: var(--mint-bright, #a2e4d7);
}
.cat_label.popular {
  background: var(--basic-grey-05, #f7f8fa);
}
.btn_main {
  display: flex;
  color: var(--basic-black, #1e2226);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  height: 50px;
  padding: 20px 28px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  position: relative;
  border: 1px solid var(--accent, #8ac5b9);
}
.btn_main:hover {
  background: var(--accent, #8ac5b9);
  border: 1px solid var(--accent, #8ac5b9);
}
.title_flexbox {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .categories {
    padding: 32px 0 96px;
  }

}
@media screen and (max-width: 1024px) {
  .categories {
    padding: 32px 0 36px;
  }
}
@media screen and (min-width: 769px) {
  .cat_desc {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .categories {
    grid-template-columns: repeat(6, 1fr);
    gap: 32px;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .categories {
    grid-template-columns: repeat(5, 1fr);
    gap: 32px;
  }
}
@media screen and (max-width: 960px) {
  .cat_desc {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
  .categories {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
}
@media screen and (min-width: 481px) and (max-width: 599px) {
  .categories {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
@media screen and (max-width: 480px) {
  .categories {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

.contact_block {
  display: flex;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 10px;
  background: #f7f8fa;
}
.contact_block:hover .line_link {
  color: #8ac5b9;
  transform: translateX(8px);
  transition: transform 0.3s, color 0.3s;
}
.contact_sub {
  color: #898989;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.contact_link {
  color: #1e2226;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  display: block;
  margin-top: 32px;
  transition: color 0.3s;
}
.contact_link:hover {
  color: #8ac5b9;
  transition: color 0.3s;
}
.map {
  background: #f7f8fa;
  width: 100%;
  height: 400px;
}
.contact_form_send .icon--sm_box::after {
  background: #ffffff;
}
.contact_form_send:hover .icon--sm_box::after {
  width: 25px;
  background: #1a1919;
  transform: translateX(-8px);
  transition: transform 0.4s, width 0.4s, background 0.3s;
}
@media (max-width: 768px) {
  .contact_blocks {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 48px;
  }
  .contact_block {
    padding: 24px;
}
.map {
  margin-bottom: 48px;
}
}
@media (min-width: 769px) and (max-width: 1376px) {
  .contact_blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 80px;
  }
  .contact_block {
    height: 240px;
  }
  
.map {
  margin-bottom: 80px;
}
}
@media (min-width: 1377px) {
  .contact_blocks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    margin-bottom: 140px;
  }
  .contact_block {
    height: 240px;
  }
  .map {
    margin-bottom: 140px;
  }
}
.contact_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.input_light {
  background: transparent;
  height: 28px;
  border: none;
  border-bottom: 1px solid #d2d3d4;
  margin-bottom: 32px;
}
.input_light::placeholder {
  padding: 16px 0;
  font-weight: 400;
  font-size: 14px;
  color: var(--basic-black, #1e2226);
}
.input_light:-webkit-autofill,
.input_light:-webkit-autofill:hover,
.input_light:-webkit-autofill:focus,
.input_light:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #1e2226 !important;
}
@media (max-width: 768px) {
  .contact_form {
    margin-top: 32px;
  }
}
@media (min-width: 769px) and (max-width: 1376px) {
  .contact_form {
    padding: 48px 0 20px 0;
  }
}
@media (min-width: 1377px) {
  .input_light {
    width: 48%;
  }
  .contact_form {
    padding: 32px 0 20px 0;
  }
}
@media (max-width: 1376px) {
  .input_light {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .page_form_title {
    margin-top: 140px;
    font-size: 56px;
  }
}
@media (max-width: 1024px) {
  .page_form_title {
    margin-top: 60px;
    font-size: 32px;
  }
}

.page_hero {
  margin-bottom: 130px;
}
.page_hero_description p,
.page_hero_description_open p {
  margin: 0 0 12px 0;
}
.page_hero_description input {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.page_hero_description span {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 4px;
}

.page_hero_description input:focus ~ label {
  outline: -webkit-focus-ring-color auto 5px;
}
.page_hero_description input:checked + span {
  -webkit-line-clamp: unset;
}
.page_hero_description input:checked ~ label {
  display: none;
}
.page_hero_description_open {
  margin-bottom: 4px;
}

.read-more-link {
  font-size: 14px;
  font-weight: 500;
  color: #1e2226;
  text-transform: uppercase;
  transition: color 0.2s;
  cursor: pointer;
  position: relative;
}
.read-more-link::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(/img/ar_down.svg) no-repeat top right;
  right: -20px;
  top: -3px;
  transition: 0.3s;
  cursor: pointer;
}

.dark .read-more-link {
  color: #ffffff;
}
.dark .read-more-link::after {
  background: url(/img/ar_down_white.svg) no-repeat top right;
}

.read-more-link:hover,
.dark .read-more-link:hover {
  color: #8ac5b9;
  transition: color 0.2s;
}
.read-more-link:hover::after,
.dark .read-more-link:hover::after {
  background: url(/img/ar_down_green.svg) no-repeat top right;
}

.page_hero_title {
  margin: 0;
  font-weight: 500;
}
@media (min-width: 1258px) {
  .page_hero_box {
    max-width: 1258px;
    margin: auto;
  }
}
@media (min-width: 1025px) {
  .page_hero_box {
    margin-top: 30px;
    display: flex;
  }
  .page_hero_header,
  .page_hero_description,
  .page_hero_description_open {
    width: 50%;
    min-width: 50%;
  }
  .page_hero_description,
  .page_hero_description_open {
    padding: 0 16px;
    margin-top: 20px;
    line-height: 170%;
  }
  .page_hero_title {
    font-size: 72px;
  }
}
@media (max-width: 1024px) {
  .page_hero_header {
    margin-top: 32px;
  }
  .page_hero_title {
    font-size: 32px;
  }
  .page_hero_description,
  .page_hero_description_open {
    font-size: 14px;
    margin-top: 14px;
  }
}

.policy-container table {
    border-collapse: collapse;
}

.policy-container table th, .policy-container table td {
    vertical-align: top;
    padding: 10px 10px 10px 0;
}

.policy-container table thead th, .policy-container table thead tr:first-child td  {
    font-size: 16px;
    font-weight: bold;
    padding-left: 25px;
    padding-bottom: 0;
    text-align: left;
}

.policy-container table td:last-child, .policy-container table thead tr:first-child td:last-child  {
    padding-left: 30px;
}

.policy-container ol li {
    margin-bottom: 20px;
}
.policy-container ol > li {
    color: #1a1919;
}
.product_about_content {
    margin-top: 30px;
    line-height: 160%;
    padding-right: 60px;
}
.product_about_content p {
    margin: 1em 0 0 0;
}
.move {
    outline: none;
    border: none;
    background: #f7f8fa;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s;
}
.move:hover {
    background: #8ac5b9;
    transition: background 0.3s;
}
.previous-column svg,
.next-column svg {
    stroke: #1e2226;
    transition: stroke 0.3s;
}
.previous-column:hover svg,
.next-column:hover svg {
    stroke: #ffffff;
    transition: stroke 0.3s;
}
.product_content_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.product_graph_section {
    background: #F7F8FA;
}
.product_title_caps {
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
}
.product_title_caps.center {
    text-align: center;
}
.product_graph_section {
    padding: 64px 0;
}
.product_graph_img_box {
    margin: 32px auto;
    display: flex;
    justify-content: center;
}
.product_graph_img {
    width: 100%;
    max-width: 1130px;
}

@media (min-width: 1025px) {
    .product_title_caps {
        font-size: 24px;
    }
    .product_content,
    .product_about_box {
        margin: 128px 0;
    }
    .product_about_box {
        display: flex;
    }
    .product_about_text {
        width: 50%;
    }
    .product_about_text.full-width {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .product_title_caps {
        font-size: 20px;
    }
    .product_content,
    .product_about_box {
        margin: 60px 0;
    }
    .table-responsive {
        overflow-x: scroll;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .product_hero_var_table {
        font-size: 14px;
    }
}

.product_hero {
    margin: auto;
}
.product_hero_title {
    font-weight: 500;
    margin-top: 20px;
}
.product_hero_img_box {
    background: #f7f8fa;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    padding: 2% 4%;
}
.product_hero_img {
    width: 100%;
    aspect-ratio: 1 / 1;
    mix-blend-mode: multiply;
}
.product_hero_var_colors {
    display: grid;
}
.product_hero_var_color_img_link {
    max-width: 100%;
    object-fit: contain;
    position: relative;
}
.product_hero_var_color_img {
    border: 2px solid #ededed;
    display: block;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    transition: border 0.3s;
    max-width: 100%;
}
.product_hero_var_color_img.current {
    border: 2px solid #8ac5b9;
}
a .product_hero_var_color_img:hover {
    border: 2px solid #d2d1d2;
    transition: border 0.3s;
}
.product_hero_var_color_title_link {
    color: var(--basic-black, #1e2226);
    text-align: center;
    font-size: 12px;
    margin-top: 2px;
    display: block;
    line-height: 170%;
}
.product_hero_var_color_title_link.current {
    font-weight: 500;
}
.product_hero_var_sizes {
    display: flex;
    margin: 28px 0 54px;
    gap: 24px 32px;
    flex-wrap: wrap;
}

.product_hero_var_size {
    display: flex;
    height: 40px;
    padding: 16px;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    color:#ffffff;
    background:  #1e2226;
}





.product_hero_var_size.link {
    display: flex;
    height: 40px;
    padding: 16px;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    color:#1E2226;
    background: #f7f8fa;
    transition: color 0.3s, background 0.3s;
}
.product_hero_var_size.link.current, .product_hero_var_size.link:hover {
    color: #ffffff;
    background: #1e2226;
    transition: color 0.3s, background 0.3s;
}
.product_hero_var_table dl {
    display: flex;
    margin: 15px 0;
}
.product_hero_var_table dt {
    color: #8e9092;
    width: 36%;
    padding-right: 32px;
}
.product_hero_var_table dd {
    width: 64%;
}
.link_req:hover {
    background: #8ac5b9;
    color: #ffffff;
    transition: background 0.3s, color 0.3s;
}
.product_hero_var_color:not(:lt(17)) {
    display: none;
}
.show_all {
    background: #ddebe7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    border: none;
    line-height: 170%;
    aspect-ratio: 1 / 1;
    color: #1e2226;
    text-transform: uppercase;
    transition: background 0.3s, color 0.3s;
}
.show_all:hover {
    background: #8ac5b9;
    color: #ffffff;
    transition: background 0.3s, color 0.3s;
}
@media screen and (max-width: 599px) {
    .product_hero_var_color:not(:lt(11)) {
        display: none;
    }
}
@media (min-width: 1418px) {
    .product_hero {
        max-width: 1418px;
    }
}
@media (min-width: 1025px) {
    .product_hero_var_colors {
        grid-template-columns: repeat(5, 1fr);
        gap: 25px 32px;
        margin: 28px 0 54px;
    }
    .product_hero_title {
        font-size: 40px;
        margin: 0.84em 0 0;
    }
    .product_hero_img_box {
        max-width: 613px;
        max-height: 613px;
    }
    .product_hero_var_title {
        margin-top: -6px;
    }
}
@media (max-width: 1024px) {
    .product_hero_title {
        font-size: 32px;
    }
    .product_hero_var_title {
        font-size: 14px;
    }
}
@media (min-width: 960px) {
    .product_hero {
        padding: 0 80px;
    }
    .product_hero_var_table {
        margin-bottom: 64px;
    }
}
@media (min-width: 500px) and (max-width: 959px) {
    .product_hero {
        padding: 0 40px;
    }
    .product_hero_var_table {
        margin-bottom: 48px;
    }
}
@media (max-width: 499px) {
    .product_hero {
        padding: 0 20px;
    }
    .product_hero_var_table {
        margin-bottom: 60px;
    }
}
@media (min-width: 769px) {
    .product_hero_row {
        display: flex;
        align-items: flex-start;
        margin: 22px auto 32px;
    }
    .product_hero_img_box {
        width: 50%;
        margin-right: 32px;
        position: sticky;
        top: 20px;
    }
    .product_hero_var {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .product_hero_img_box {
        max-width: 420px;
        margin: 0 auto;
    }
    .product_hero_var_title {
        margin: 24px auto 0;
        max-width: 420px;
    }
    .product_hero_row {
        margin: 60px auto;
    }
    .link_req {
        width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .product_hero_var_colors {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin: 24px 0;
    }
}
@media (min-width: 600px) and (max-width: 768px) {
    .product_hero_var_colors {
        grid-template-columns: repeat(6, 1fr);
        gap: 24px;
        margin: 60px 0;
    }
}
@media (min-width: 375px) and (max-width: 599px) {
    .product_hero_var_colors {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        margin: 60px 0;
    }
}
@media (max-width: 374px) {
    .product_hero_var_colors {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin: 60px 0;
    }
}

@media (min-width: 1025px) {
  .product_hero_slider_box {
    max-width: 613px;
  }
}
@media (min-width: 769px) {
  .product_hero_slider_box {
    width: 50%;
    margin-right: 32px;
    position: sticky;
    top: 20px;
  }
}
.product_slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #f7f8fa;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.product_slider .swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.product_slider .swiper-slide {
  background-size: cover;
  background-position: center;
}

.product_slider {
  height: 100%;
  width: 100%;
  background: #f7f8fa;
  aspect-ratio: 1 / 1;
  margin-right: 32px;
  overflow: hidden;
}

.product_slider_thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 8px 48px;
  position: relative;
  overflow: hidden;
}
.product_slider_thumbs.no_nav {
  padding: 8px 0;
}
.product_slider_thumbs .swiper-slide {
  max-width: 70px;
  height: 100%;
  opacity: 0.4;
}
.product_slider_thumbs .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.product_slider_thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.product_slider img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
  padding: 4% 4%;
  aspect-ratio: 1 / 1;
}
.product_slider_thumbs img {
  display: block;
  width: 70px;
  height: 70px;
  object-fit: cover;
  border: 1px solid #ededed;
  transition: border 0.3s;
  cursor: pointer;
}
.product_slider_thumbs img:hover {
  border: 1px solid #d2d1d2;
  transition: border 0.3s;
}
.product_slider_thumbs .swiper-slide-thumb-active img {
  border: 1px solid #8ac5b9;
  transition: border 0.3s;
}
.product_slider_thumbs .swiper-button-next,
.product_slider_thumbs .swiper-button-prev {
  position: absolute;
  top: 8px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  width: 40px;
  height: 70px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #f7f8fa;
  color: #1e2226;
  transition: background 0.3s;
}
.product_slider_thumbs .swiper-button-next:hover,
.product_slider_thumbs .swiper-button-prev:hover {
  background: #ededed;
  transition: background 0.3s;
}

.product_slider_thumbs .swiper-button-next {
  right: 0;
}
.product_slider_thumbs .swiper-button-prev {
  left: 0;
}

.product_slider_thumbs .swiper-button-next::after,
.product_slider_thumbs .swiper-button-prev::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(/img/ar_down.svg) no-repeat top right;
  top: 26px;
  transition: 0.3s;
  cursor: pointer;
}

.product_slider_thumbs .swiper-button-prev::after {
  transform: rotate(90deg);
  right: 14px;
}
.product_slider_thumbs .swiper-button-next::after {
  transform: rotate(-90deg);
  left: 14px;
}


/*
.prod_container {
  display: flex;
  justify-content: space-between;
}
.prod_infobox {
  width: 50%;
}
.prod_imgbox .swiper-slide {
  background: #f7f8fa;
}
.prod_imgbox .slider__image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  mix-blend-mode: multiply;
}
.prod_imgbox .slider__thumbs .slider__image {
  width: 96px;
}
.prod_infobox dl {
  position: relative;
  margin: 8px 0;
  display: flex;
  background: #fff;
}
.prod_infobox dt {
  display: inline-block;
  width: 30%;
  margin: 0 0 6px;
  vertical-align: top;
  background: inherit;
  opacity: 0.55;
  font-weight: 400;
}
.prod_infobox dd {
  display: inline-block;
  width: 70%;
  margin: 0 0 6px;
  vertical-align: bottom;
}
.prod_info {
  margin-top: 32px;
}
.embed-youtube {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
}
.embed-youtube img {
  width: 100%;
  top: -16.84%;
  left: 0;
}
.embed-youtube .embed-youtube-play {
  width: 70px;
  height: 49px;
  z-index: 1;
}
.embed-youtube .embed-youtube-play {
  background: url(/img/yt-icon.svg);
  transition: filter 0.3s;
}
.embed-youtube img,
.embed-youtube .embed-youtube-play {
  cursor: pointer;
}
.embed-youtube img,
.embed-youtube iframe,
.embed-youtube .embed-youtube-play,
.embed-youtube .embed-youtube-play:before {
  position: absolute;
}
.embed-youtube .embed-youtube-play,
.embed-youtube .embed-youtube-play:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.embed-youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.embed-youtube:hover .embed-youtube-play {
  filter: drop-shadow(0 0 36px #00000085);
  transition: filter 0.3s;
}
.prod_models a {
  color: #71a998;
}
.prod_models a:hover {
  color: #47887b;
}
.table-btns {
  display: flex;
  float: right;
  gap: 8px;
}
.next-column,
.previous-column {
  width: 28px;
  height: 28px;
  padding: 8px;
  display: block;
}
.next-column {
  background: url(/img/ar_right.svg) #e1ebe6 center center;
}
.previous-column {
  background: url(/img/ar_left.svg) #e1ebe6 center center;
}
.table-container {
  overflow: hidden;
  position: relative;
}
.slider__thumbs .swiper-slide,
.slider__thumbs-modal .swiper-slide {
  transition: border 0.3s;
  border: 2px solid transparent;
}
.slider__thumbs .swiper-slide:hover,
.slider__thumbs-modal .swiper-slide:hover {
  border-bottom: 2px solid #e1ebe6;
  transition: border-bottom 0.3s;
}
.slider__thumbs .swiper-slide.swiper-slide-thumb-active,
.slider__thumbs-modal .swiper-slide.swiper-slide-thumb-active {
  transition: border-bottom 0.3s;
  border-bottom: 2px solid #8ac5b9;
}
.sliding-window {
  display: flex;
  white-space: nowrap;
}
.table-cell {
  width: 120px;
  height: 98px;
  padding: 10px 10px 10px 20px;
}
.table-img {
  width: 90px;
  height: 98px;
  padding: 10px 10px 10px 0 !important;
}
.table-row:first-child div:first-child {
  padding: 10px 10px 10px 20px;
}
.table-row div:first-child {
  height: 32px;
  color: #a5a6a8;
  font-size: 12px;
  font-weight: 500;
}
.sliding-window:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 31px;
  border-bottom: 1px solid #e4e3e4;
}
.table-head {
  width: 150px;
  padding: 10px;
  height: 98px;
  white-space: break-spaces;
  box-shadow: 14px 5px 22px -10px rgba(8, 22, 54, 0.08);
}
.table-modal-container {
  background: #ffffff;
  max-width: 100%;
  overflow-y: overlay;
  position: relative;
  z-index: 3;
  padding: 32px;
}
.slider-modal-container {
  max-width: 100%;
  z-index: 3;
  padding: 32px;
}
.modal-white-bg {
  position: absolute;
  background: #ffffff;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.modal .prod_models {
  min-width: 750px;
  margin: 20px 0;
}
.modal-close-green {
  position: fixed;
  z-index: 2;
  right: 18px;
  top: 18px;
  border: 0px;
  cursor: pointer;
  background: url(/img/close-green.svg) #ffffff center center no-repeat;
  background-size: 10px;
  width: 24px;
  height: 24px;
  filter: drop-shadow(0px 3px 16px rgba(83, 85, 90, 0.2));
  border-radius: 4px;
  padding: 6px;
}
.modal-close-green:hover {
  filter: drop-shadow(0px 3px 16px rgba(83, 85, 90, 0.3));
}
.modal .btn_top {
  z-index: 4;
  position: relative;
  width: 100%;
}

body.modalopen {
  overflow: hidden;
}
.modal.column {
  flex-direction: column;
  justify-content: space-between;
}
.swiper-pagination-lock {
  display: block;
}

.slider__col-modal {
  width: 50%;
  margin: 24px auto 12px;
}
.swiper-horizontal {
  max-height: 70vh;
}
.slider__image-modal {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider__next {
  background: url(/img/ar_right.svg) no-repeat center center;
  right: 0;
}
.slider__prev {
  background: url(/img/ar_left.svg) no-repeat center center;
  left: 0;
}
.slider__next,
.slider__prev {
  position: absolute;
  top: 0;
  width: 10%;
  height: 100vh;
  z-index: 2;
  cursor: pointer;
  transition: background-color 0.3s;
}
.slider__next:hover,
.slider__prev:hover {
  background-color: #f7f7f7;
  transition: background-color 0.3s;
}
.slider {
  overflow: hidden;
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
}
.slider__flex {
  display: flex;
  align-items: flex-start;
}
.slider__col {
  display: flex;
  flex-direction: column;
  width: 120px;
  margin-right: 32px;
}
.slider__thumbs {
  height: 484px;
  width: 96px;
}
.slider__thumbs .slider__image {
  transition: 0.25s;
  opacity: 0.8;
  object-fit: contain;
}
.slider__thumbs .slider__image:hover {
  opacity: 1;
}
.slider__thumbs .swiper-slide-thumb-active .slider__image {
  opacity: 1;
}
.slider__images {
  height: 484px;
  width: 100%;
  background: #f7f8fa;
  mix-blend-mode: darken;
}
.slider__images .slider__image img {
  transition: 0.6s;
}
.slider__images .slider__image:hover img {
  transform: scale(1.05);
}
.slider__image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.modal {
  z-index: 6;
}
.swiper-pagination-bullet-active {
  background: #71a998;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex;
  justify-content: center;
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .slider__images {
    height: 495px;
  }
}

@media (min-width: 769px) and (max-width: 1025px) {
}

@media (min-width: 769px) {
  .prod_imgbox .swiper-pagination-main {
    display: none;
  }
}

@media (max-width: 1024px) {
  .lg-mt-36 {
    margin-top: 36px;
  }
  .slider__images {
    max-height: 50vh;
    width: 100%;
  }
  .table-modal-container .prod_models thead td {
    z-index: 2;
    height: auto !important;
  }
  .prod_infobox {
    margin-top: 12px;
  }
  .sliding-window {
    justify-content: space-between;
  }
  .table-modal-container .prod_models tbody tr {
    height: 108px;
  }
  .table-modal-container .prod_models td:first-child,
  .table-modal-container .prod_models td:nth-child(2) {
    position: fixed;
    background: #ffffff;
  }
  .table-modal-container .prod_models td:nth-child(2) {
    margin-left: 95px;
    height: 110px;
    width: 150px;
    box-shadow: 14px 5px 22px -10px rgba(8, 22, 54, 0.08);
  }
  .table-modal-container .prod_models td:nth-child(3) {
    padding-left: 270px;
  }
  .table-container-mobile {
    overflow: hidden;
    position: relative;
  }
  .slider__col-modal {
    display: none;
  }
  .modal.column {
    overflow: scroll;
    background-color: #ffffff;
  }
  .md-fixed {
    position: fixed;
  }
  .modal .prod_models {
    margin: 60px 0 20px;
  }
}

@media (max-width: 768px) {
  .slider__thumbs {
    display: none;
  }
  .prod_imgbox .swiper-pagination-vertical.swiper-pagination-bullets {
    margin: auto;
    display: flex;
    gap: 10px;
  }
  .table-modal-container {
    padding: 20px;
  }
  .slider {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .slider__images-modal {
    height: 85vh;
  }
  .slider-modal-container {
    padding: 0;
  }
  .swiper-horizontal {
    max-height: unset;
    height: 100%;
  }
  .slider__image-modal {
    margin-top: 48px;
    height: 100%;
  }
  .slider__col-modal {
    width: 100%;
    height: 20vh;
  }
  .slider__image-modal img {
    width: 100%;
  }
  .slider__images {
    height: 100%;
    max-height: unset;
    margin-bottom: 12px;
  }
  .slider__flex {
    flex-direction: column-reverse;
  }
  .slider__col {
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    margin-top: 24px;
    width: 100%;
  }
  .slider__images {
    width: 100%;
  }
  .slider__thumbs {
    height: auto;
    width: 100%;
    margin: 0;
  }
  .slider__image img {
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .slider__images-modal {
    height: auto;
  }
  .swiper-container-modal .swiper-wrapper {
    flex-direction: column;
  }
  .slider__next,
  .slider__prev,
  .slider__images-modal .swiper-pagination {
    display: none;
  }
}
.slider__thumbs .swiper-wrapper {
  display: flex;
  flex-direction: column;
  width: 120px;
  margin-right: 32px;
}
.slider__images .swiper-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
*/

.videos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    margin: 30px 0 0 0;
}

.multi-video-mode .videos {
    margin: 30px -16px 0 -16px;
}
.product_about_video {
    width: 50%;
}

.multi-video-mode .youtube-preview {
    width: 50%;
    padding: 0 16px 0 16px;
    margin: 0 0 25px 0;
}
.video-preview-element {
    position: relative;
    overflow: hidden;
}

.youtube-preview img {
    width: 100%;
    transform: scale(1);
    transition: transform 0.5s;
}
.youtube-preview:hover img {
    transform: scale(1.05);
    transition: transform 0.5s;
}

.youtube-preview .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -25px;
    width: 70px;
    height: 49px;
    z-index: 1;
    background: url(/img/yt-icon.svg);
    opacity: 0;
    transition: opacity 1s;
}
.youtube-preview:hover .play-button {
    opacity: 0.9;
    transition: opacity 1s;
}
.video-player-element {
    margin-bottom: 100px;
}
.overlay-element-body .video-player-element {
    margin-bottom: 15px;
}
.video-container {
    margin-top: 40px;
}

@media (max-width: 1024px) {
    .product_about_video {
        width: 100%;
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .multi-video-mode .youtube-preview {
        width: 100%;
    }
    .youtube-preview .play-button {
        opacity: 1;
    }
}

.search-page-search-form {
    margin-top: 120px;
    margin-bottom: 30px;
}

.search-page-search-form form {
    position: relative;
}

.search-page-search-form input {
    width: 100%;
    margin-right: 50px;
    border: 0;
    border-bottom: 1px solid #000;
    font-size: 20px;
    color: #1F2327;
    background-color: var(--basic-light-grey-00);
    padding: 5px 50px 5px 1px;
}

.title-container h1.page_title {
    display: inline-block;
}

.search-clear {
    position: absolute;
    right: 5px;
    top: 4px;
}

.not-found {
    color: #7d7d7d;
    font-size: 20px;
    margin-bottom: 120px;
}

.search-items {
    margin-top: 60px;
}

.title-container sup {
    font-size: 20px;
    color: #7d7d7d;
    margin-left: 15px;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    font-weight: 400;
}

.search-brands {
    margin-bottom: 120px;
}

.search-results-container {
    margin-bottom: 100px;
}

.search-next-container {
    text-align: center;
    margin-bottom: 80px;
}

.search-next-block {
    display: inline-block;
}
.search-next-button {
    padding: 16px 25px 14px 25px;
    border: 1px solid #000000;
    color: #000000;
    text-decoration: none;
    border-radius: 25px;
}

.search-next-button:hover {
    text-decoration: none;
}

.search-next-button {
    font-weight: normal;
    width: auto;
}

.g-recaptcha {
    text-align: center;
    margin: 40px auto;
}
.g-recaptcha > div {
    display: inline-block;
}

.centered-container {
    text-align: center;
}
.search-button-container {
    display: inline-block;
}
.header_links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    min-width: 500px;
    gap: 33px;
    margin-top: 9px;
}

.more-menu {
    /*margin-left: 40px;
    margin-right: 40px;*/
    height: 20px;
    vertical-align: top;
    /*margin-top: 29px;*/
    position: relative;
}

.search_link {
    background: url('/img/search.svg') no-repeat top left;
    background-size: 16px;
    padding-left: 22px;
    padding-top: 1px;
}

.search-line {
    max-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    z-index: 5;
    transition: all 0.15s ease-out;
}

.search-line.active {
    max-height: 91px;
    transition: max-height 0.25s ease-in;
    background-color: #ffffff;
    box-shadow: 0 7px 10px -5px rgba(220,220,220,0.75);
    -webkit-box-shadow: 0 7px 10px -5px rgba(220,220,220,0.75);
    -moz-box-shadow: 0 7px 10px -5px rgba(220,220,220,0.75);
    margin-top: -1px;
    z-index: 2;
}

.search-block {
    display: flex;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.input-container {
    width: 100%;
    margin-top: 28px;
    margin-bottom: 28px;
}
.input-container input {
    width: 100%;
    font-size: 14px;
    padding: 5px 5px;
    background-color: #ffffff !important;
    color: #1e2226 !important;
    caret-color: #8AC5B9;
    border: 0;
    font-weight: bold;
}
.input-container input:-internal-autofill-selected {
    background-color: #2f3946 !important;
    color: #fff !important;
}

.input-container input::placeholder {
    font-weight: 400;
    opacity: 0.5;
    color: #1e2226;
    padding-left: 4px;
    padding-bottom: 0;
    VERTICAL-ALIGN: middle;
}

.close-container {
    width: 60px;
    text-align: center;
}

.more-link-block {
    position: absolute;
    top: 18px;
    min-width: 150px;
    margin-left: 0;
    border: 0;
    background-color: #ffffff;
    z-index: 3;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.dark .more-link-block {
    background-color: #282c30;
}

.more-link-block a {
    display: inline-block;
    font-size: 16px;
    color: #1e2226;
    margin-bottom: 10px;
}
.dark .more-link-block a {
    color: #ffffff;
}

.more-link-block a:hover {
    color: #78aa32;
}
.dark .more-link-block a:hover {
    color: #78aa32;
}

.more-menu:hover .more-link ~ .more-link-block {
    overflow: visible !important;
    max-height: initial !important;
    min-height: 40px;
    transition: max-height 2s ease-in-out;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}

.dark .more-menu:hover .more-link ~ .more-link-block {
    border: 1px solid #ffffff1f;
}

.more-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.more-menu .more-link .icon-more {
    color: #78AA32;
    width: 22px;
    height: 22px;
    transform: rotate(90deg);
    transition: transform 0.3s;
}
.more-menu:hover .more-link .icon-more {
    transform: rotate(135deg);
    transition: transform 0.3s;
}

.close-search img {
    width: 24px;
    height: 24px;
}

.search-button {
    color: #78AA32;
    width: 24px;
    height: 24px;
    transition: transform 0.3s;
}

.search-button:hover {
    transform: rotate(45deg);
    transition: transform 0.3s;
}
.more-link-block {
    list-style: none;
    padding-left: 0;
}
.more-link-block li {
    padding: 5px 10px 5px 10px;
}
.more-link-block li:first-child {
    margin-top: 10px;
}

.more-link-block li a {
    white-space: nowrap;
}
.mobile-search {
    position: absolute;
    right: 75px;
    z-index: 6;
    display: none;
    margin-top: 4px;
}
@media (min-width: 1025px) {
    .nav_li.invisible {
        display: none;
    }
}

@media (max-width: 1024px) {
    .nav_li.invisible {
        display: block !important;
    }
    .search_nav_li {
        display: none;
    }
    .more-menu {
        display: none;
    }
}

@media (max-width: 1099px) {


    .header_links {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
        padding: 24px;
        width: 100%;
    }
    .mobile-search {
        display: block;
    }
}

.mainpage_ad_description,
.mainpage_ad_col_title {
    color: var(--basic-white, #fff);
    font-weight: 500;
    line-height: 140%;
}
.sub_title {
    font-weight: 400;
    line-height: 170%;
}
.mainpage_ad_slider {
    position: relative;
}
.mainpage_ad_slider .swiper-pagination {
    position: absolute;
    left: 40px;
    width: auto;
    bottom: 40px;
    z-index: 2;
    color: #ffffff;
}
.advantages_progress {
    width: 117px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}
.progress_bar_num {
    width: 32px;
    text-align: left;
}
.progress_bar {
    width: 40px;
    height: 2px;
    background: #ffffff;
    margin: 0 20px 0 0;
    overflow: hidden;
}
.progress_bar::after {
    content: "";
    position: absolute;
    overflow: hidden;
    top: 9px;
    left: 32px;
    width: 40px;
    height: 2px;
    background: #8dc9b5;
    animation: appear_bar 5s linear forwards;
}
@keyframes appear_bar {
    0% {
        width: 0;
    }
    100% {
        width: 40px;
    }
}
.mainpage_ad_box {
    display: flex;
    align-items: flex-start;
}
.action_point_card.before::before,
.action_point_card.after::after {
    content: "";
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: url(/img/dot.svg) no-repeat;
    animation: point_pulse 3s infinite;
}
@keyframes point_pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
        opacity: 0.6;
    }
    100% {
        transform: scale(1);
    }
}

.point_product {
    max-width: 200px;
}
.black .point_product {
    color: #1e2226;
}
.white .point_product {
    color: #ffffff;
}
.point_cat {
    opacity: 0.5;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 40px;
}
.point_title {
    font-size: 16px;
    line-height: 170%;
    margin: 14px 0;
}
.swiper_ad.swiper-container {
    height: 100%;
}
.swiper_ad .swiper-slide-active .slide-inner::before {
    opacity: 1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #282c30;
    animation: active_before 4.5s forwards;
}
@keyframes active_before {
    0% {
        width: 160%;
    }
    60% {
        width: 0;
    }
    100% {
        width: 0;
    }
}
.swiper_ad .swiper-slide-next .slide-inner {
    opacity: 0;
    animation: opacity 1s forwards linear;
}
@keyframes opacity {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.swiper_ad .swiper-slide {
    overflow: hidden;
}

.point_product {
    display: block;
    color: #1E2226;
    position: relative;
    z-index: 2;
    width: 175px;
    max-width: 175px;
    margin-top: 0;
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0px 3px 80px 0px rgba(83, 85, 90, 0.1);
    background-color: #fff;
    transition: all 300ms ease-in;
    opacity: 0;
    visibility: hidden;
}
.point_product > *:first-child {
    margin-top: 0;
}
.point_product > *:last-child {
    margin-bottom: 0;
}
.point_product.open {
    opacity: 1;
    visibility: visible;
}
.point_product.right {
    right: 0;
}
.point_title {
    font-size: 14px;
    margin: 10px 0;
}
.action_point_card {
    position: absolute;
}
.action_point_click {
    content: "";
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: url(/img/dot.svg) no-repeat;
    animation: point_pulse 3s infinite;
    margin-left: -16px;
    margin-top: -16px;
}
.action_point_click.open {
    background: url(/img/dot_green.svg) no-repeat;
}
.point_price {
    font-weight: 700;
}
.mainpage_ad_slider .swiper-button-prev {
    position: absolute;
    left: 28px;
    height: 40px;
    width: 40px;
    bottom: 28px;
    z-index: 3;
    cursor: pointer;
}
.mainpage_ad_slider .swiper-button-next {
    position: absolute;
    left: 122px;
    height: 40px;
    width: 40px;
    bottom: 28px;
    z-index: 3;
    cursor: pointer;
}
.mainpage_ad {
    z-index: 1 !important;
}

.pos-top-left {
    margin-top: 8px;
    left: 0;
}
.pos-top-center {
    margin-top: 8px;
    left: -50%;
}
.pos-top-right {
    margin-top: 8px;
    left: -100%;
}
.pos-middle-left {
    margin-top: -50%;
    left: 12%;
}
.pos-middle-right {
    margin-top: -50%;
    left: -112%;
}
.pos-bottom-left {
    margin-top: -100%;
    left: 0;
}
.pos-bottom-center {
    margin-top: -100%;
    left: -50%;
}
.pos-bottom-right {
    margin-top: -100%;
    left: -100%;
}

@media (max-width: 768px) {
    .point_product {
        display: block;
    }
    .mainpage_ad_slider .swiper-pagination {
        left: 16px;
        bottom: 16px;
    }
}

@media (min-width: 1025px) {
    .mainpage_ad {
        padding: 160px 0 117px 0;
    }
    .mainpage_ad_columns {
        display: flex;
        flex-wrap: wrap;
        min-width: 50%;
        gap: 60px 0;
        padding: 60px 0;
    }
    .mainpage_ad_column {
        width: 50%;
        padding-right: 80px;
    }
    .mainpage_ad_col_title {
        font-size: 32px;
    }
    .ad_col_line {
        width: 73%;
    }
    .mainpage_ad_heading {
        width: 25%;
    }
    .sub_title {
        margin-top: 20px;
    }
}
@media (max-width: 1024px) {
    .mainpage_ad {
        padding: 60px 0;
    }
    .mainpage_ad_column {
        padding-right: 24px;
    }
    .mainpage_ad_title,
    .mainpage_ad_description,
    .mainpage_ad_col_title {
        font-size: 20px;
    }
    .mainpage_ad_column:not(:last-child) {
        margin-bottom: 24px;
    }
    .sub_title {
        font-size: 14px;
        margin-top: 14px;
    }
}
@media (min-width: 769px) {
    .mainpage_ad_slider {
        min-width: 50%;
    }
}
@media (max-width: 768px) {
    .mainpage_ad_box {
        flex-direction: column;
    }
    .mainpage_ad_slider {
        width: 100%;
        min-width: 100%;
        min-height: 100%;
        margin-top: 32px;
    }
}

.responsive-table {
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
    padding: 0 0 20px 0;
}
.responsive-table::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.responsive-table .product_table {
    position: relative;
    width: 100%;
    left: -3px;
}

.product_table th {
    white-space: nowrap;
    padding: 50px 25px 13px 25px;
}

.product_table td {
    white-space: nowrap;
    padding: 13px 25px 13px 25px;
}

.product_table {

}
.product_table td, .product_table th {
    border-bottom: 1px solid #f2f2f2;
}

.product_table th {
    text-align: left;
    font-weight: 400;
}
.product_table td:first-child {
    font-weight: 500;
}
.product_table thead {
    color: var(--basic-black, #1e2226);
    opacity: 0.55;
    font-size: 16px;
    border-bottom: 1px solid #f5f5f5;
}
.product_table th {
    font-weight: 400;
}
.product_table td:first-child,
.product_table th:first-child {
    padding: 11px 25px 11px 0;
}

.responsive-table thead th {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 0;
}

.responsive-table thead th:first-child {
    left: 0;
    z-index: 1;
    background-color: #fff;
}

.responsive-table tbody td:first-child {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-color: #fff;
}

.specifications-table .table-btns {
    display: none;
}
.specifications-table.scroll .table-btns {
    display: flex;
    float: right;
    gap: 8px;
}
@media (max-width: 575px) {
    .responsive-table tbody {
        font-size: 14px;
    }

    .responsive-table tbody td:first-child {
        min-width: 220px;
        white-space: normal;
    }
}
@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/FedraSansAltProBook.woff2) format("woff2");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/FedraSansAltProBookItalic.woff2) format("woff2");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/FedraSansAltProMedium.woff2) format("woff2");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/FedraSansAltProBold.woff2) format("woff2");
}

/* START: HOME BANNER */
.valkein_promo {
  margin: 160px 0 0;
}

.brand-banner .valkein_promo {
  margin-top: 0;
  margin-bottom: 80px;
}

.valkein_promo-link {
  position: relative;
  display: block;
  width: 100%;
  height: 400px;
}

.valkein_promo-content {
  position: absolute;
  top: 50px;
  left: 50px;
  z-index: 1;
}

.valkein_promo-title {
  font-size: 56px;
  font-weight: 500;
  color: #FFF;
}

.valkein_promo-subtitle {
  color: #FFFFFFA6;
}

.valkein_promo-img {
  width: 100%;
  position: absolute;
  object-fit: cover;
  height: 400px;
  object-position: right bottom;
}

.valkein_promo .btn_outline {
  position: absolute;
  bottom: 50px;
  left: 50px;
  z-index: 1;
}

@media (max-width: 768px) {
  .valkein_promo-link {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .valkein_promo {
    margin: 60px 0 0;
  }

  .valkein_promo-content,
  .valkein_promo .btn_outline {
    left: 20px;
  }

  .valkein_promo-content {
    top: 20px;
  }

  .valkein_promo .btn_outline {
    bottom: 20px;
  }

  .valkein_promo-title {
    font-size: 32px;
  }
}

@media (max-width: 500px) {

  .valkein_promo-img,
  .valkein_promo-link {
    height: 560px;
  }
}


/* END: HOME BANNER */
.valkein_hero {
  background: url(/img/promo/valkein/bluesign.svg) #1C93B3 no-repeat center top;
  padding-bottom: 60px;
  color: #fff;
}

.valkein_hero-box {
  display: flex;
  align-items: center;
}

.valkein_hero-head {
  padding: 40px 0 90px;
  display: flex;
  justify-content: space-between;
}

.valkein_hero-col-2 {
  position: relative;
}

.valkein_hero-logos {
  display: flex;
  align-items: center;
}

.valkein_info-box {
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}

.valkein_reveal {
  opacity: 0;
  transform: scale(0);
}

.valkein_reveal.is-visible {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s, transform 0.5s;
}

.valkein_info {
  display: flex;
  gap: 40px;
}

.valkein_info-center {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.valkein_blocks {
  display: flex;
  gap: 20px;
}

.valkein_subtitle {
  font-weight: 500;
  text-transform: uppercase;
}

.valkein_hero-link {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  height: 24px;
  position: relative;
}

.valkein_hero-link .icon--sm {
  transform: rotate(180deg);
  right: unset;
  left: 0;
}

.valkein_hero-link .icon--sm_box::after {
  background: #fff;
  right: unset;
}

.valkein_hero-link:hover .icon--sm_box::after {
  width: 25px;
  background: #DDEBE7;
  transform: translateX(0px);
  transition: transform 0.4s, width 0.4s, background 0.3s;
}

.valkein_title,
.valkein_title-lg {
  font-weight: 500;
}

.valkein_subtitle-lg {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}

.valkein_info-text {
  max-width: 320px;
}

.valkein_block {
  background: #1C93B3;
  color: #fff;
}

.valkein_conquest-list {
  counter-reset: item;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.valkein_conquest-list li {
  display: flex;
  align-items: center;
  line-height: 160%;
  margin-top: 18px;
}

.valkein_conquest-list li:before {
  content: counter(item) "  ";
  counter-increment: item;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 500;
  min-width: 28px;
  min-height: 28px;
  max-width: 28px;
  max-height: 28px;
  margin-right: 20px;
  border: 2px solid #231F20;
}

.valkein_title {
  text-align: center;
}

.valkein_line {
  bottom: 0;
  position: relative;
  overflow: hidden;
  width: 1px;
}

.valkein_line::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: linear-gradient(180deg, #9dbabf4a 50%, #9dbabf08);
  width: 1px;
  z-index: 1;
  height: 6400px;
}

.valkein_else {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  gap: 50px 44px;
}

.valkein_block .error-message {
  color: #cb1500;
  margin-bottom: 20px;
}


.valkein-form-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

.valkein_subtitle-form {
  font-size: 20px;
  margin-top: 32px;
}
.line-160 {
  line-height: 160%;
}
/*
input.valkein_form-control {
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  height: 28px;
  border: none;
  color: #fff;
  border-bottom: 2px solid #fff;
  margin-bottom: 32px;
  transition: all 0.5s ease;
  opacity: 1;
}
*/
.valkein-form-fields input.form-control {
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  height: 28px;
  border: none;
  color: #fff;
  border-bottom: 2px solid #fff;
  margin-bottom: 32px;
  transition: all 0.5s ease;
  opacity: 1;
}

.valkein-form-fields .has-error input.form-control {
  border-bottom: 2px solid #cb1500;
}

.valkein-form-fields input.form-control::placeholder {
  padding: 16px 0;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff69;
}

.valkein-form-fields .has-error input.form-control::placeholder {
  color: #cb150069;
}

.valkein_checkmark {
  border: 2px solid #fff;
}

.valkein_form_send {
  border: 1px solid #fff;
  background: transparent;
}

.valkein_form_send:hover {
  border: 1px solid #1e2226;
  background: #1e2226;
  color: #fff;
}

.valkein_form_send:hover .icon--sm_box::after {
  background: #fff;
}

.valkein_form-control:-webkit-autofill,
.valkein_form-control:-webkit-autofill:hover,
.valkein_form-control:-webkit-autofill:focus,
.valkein_form-control:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #1C93B3;
}

.check_box:hover input~.valkein_checkmark {
  border: 2px solid #b2eeff;
  transition: border 0.3s;
}

.check_box .valkein_checkmark:after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
}

.check_box input:checked~.valkein_checkmark {
  border: 2px solid #fff;
}

.valkein_block a {
  color: #bcf1ff;
}

.valkein_herotext-img {
  position: absolute;
}

.valkein_conquest-title {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase
}

.valkein_hero-box .valkein_title {
  margin: 0;
}

@media (min-width: 1401px) {

  .valkein_block:nth-child(1) {
    width: calc(50% - 100px);
  }

  .valkein_block:nth-child(2) {
    width: calc(50% + 80px);
  }

  .valkein_block-sm {
    width: calc(50% - 44px);
  }

  .valkein_herotext-img {
    width: 166px;
    height: 143px;
    top: 90px;
    margin-left: 10px;
  }

}

@media (max-width: 1400px) {
  .valkein_blocks {
    flex-flow: column;
  }
}

@media (min-width: 1025px) and (max-width: 1400px) {
  .valkein_block-sm {
    width: calc(25% - 44px);
  }

  .valkein_herotext-img {
    width: 166px;
    height: 143px;
    top: -20px;
    margin-left: -30px;
  }
}

@media (max-width: 1280px) {
  .valkein_info-wrap {
    flex-wrap: wrap;
    gap: 40px;
  }

}

@media (min-width: 720px) and (max-width: 1280px) {
  .valkein_info-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 960px) and (max-width: 1280px) {
  .valkein_hero-box .valkein_title {
    font-size: 56px;
  }
}

@media (min-width: 720px) and (max-width: 959px) {
  .valkein_hero-box .valkein_title {
    font-size: 64px;
  }
}

@media (min-width: 1025px) {
  .valkein_logo-img {
    margin-left: 80px;
  }

  .valkein_subtitle {
    font-size: 24px;
  }
}

@media (min-width: 1024px) {

  .valkein_hero {
    min-height: 980px;
  }

  .valkein_block {
    padding: 80px;
  }

  .valkein_conquest-cards {
    display: flex;
    justify-content: space-between;
  }

  .valkein_conquest-card {
    max-width: 332px;
  }

  .valkein_hero-img {
    width: 641px;
    height: 482px;
    max-width: 90%;
  }


  .valkein_conquest-card-img {
    margin-bottom: 40px;
    width: 322px;
    height: 322px;
  }

}

@media (max-width: 1024px) {
  .valkein_logo-img {
    margin-left: 40px;
  }

  .valkein_conquest-card {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
  }

  .valkein_herotext-img {
    width: 120px;
    height: 104px;
    top: -20px;
    margin-left: -30px;
  }
}

@media (min-width: 960px) {
  .valkein_hero-col-2 {
    width: 50%;
  }

  .valkein_hero-link {
    margin-top: 24px;
  }

  .valkein_title.m-120 {
    margin: 102px 0;
  }

  .valkein_blocks.m-120 {
    margin: 120px 0;
  }
}

@media (max-width: 959px) {
  .valkein_hero-box {
    flex-direction: column;
    gap: 20px;
  }

  .valkein_mainlogo-img {
    width: 160px;
    height: 32px;
  }

  .valkein_logo-img {
    width: 155px;
    height: 46px;
  }

  .valkein_hero-link {
    margin-top: 12px;
  }
}


@media (min-width: 721px) and (max-width: 1024px) {
  .valkein_title.m-120 {
    margin: 80px 0;
  }

  .valkein_blocks.m-120 {
    margin: 80px 0;
  }
}

@media (min-width: 721px) and (max-width: 1024px) {
  .valkein_hero {
    min-height: 858px;
  }

  .valkein_conquest-list {
    display: flex;
    gap: 20px;
  }

  .valkein_conquest-list li {
    flex-flow: column;
    align-items: flex-start;
    gap: 20px;
    width: 33%;
  }

  .valkein_blocks {
    margin: 120px 0;
  }
}

@media (min-width: 420px) and (max-width: 1024px) {
  .valkein_hero-img {
    width: 382px;
    height: 288px;
  }

  .valkein_conquest-card-img {
    width: 25%;
    height: 200px;
  }
}

@media (min-width: 720px) and (max-width: 1024px) {
  .valkein_block {
    padding: 60px;
  }

  .valkein_subtitle {
    font-size: 20px;
  }
}

@media (max-width: 720px) {

  .valkein_line:nth-child(2n) {
    display: none;
  }

  .valkein_title.m-120 {
    margin: 40px 0 70px;
  }

  .valkein_blocks.m-120 {
    margin: 40px 0;
  }
}

@media (min-width: 720px) {
  .valkein_title {
    font-size: 72px;
  }

  .valkein_title-lg {
    font-size: 56px;
  }
}

@media (max-width: 768px) {
  .valkein_form {
    margin-bottom: 24px;
  }
}

@media (max-width: 719px) {
  .valkein_info-box {
    justify-content: center;
}
  .valkein_block {
    padding: 40px;
  }

  .valkein_title,
  .valkein_title-lg {
    font-size: 32px;
  }

  .valkein_hero-box .valkein_title {
    font-size: 40px;
  }

  .valkein_info-center {
    gap: 8px;
  }

  .valkein_hero-col-2 .valkein_subtitle {
    font-size: 16px;
  }

  .valkein_info-text .valkein_subtitle {
    font-size: 20px;
  }
}


@media (min-width: 500px) and (max-width: 1024px) {
  .valkein_block-sm {
    width: calc(50% - 44px);
  }
}

@media (max-width: 590px) {
  .valkein_hero-head {
    padding: 12px 0 80px;
    flex-direction: column-reverse;
  }

  .valkein_hero-link {
    margin-bottom: 24px;
    margin-left: 40px;
  }

  .valkein_hero-img {
    margin-left: -60px;
  }

  .valkein_hero-img {
    width: 296px;
    height: 222px;
  }

  .valkein_logo-img {
    margin-left: 20px;
  }

  .valkein_info {
    gap: 24px;
  }

  .valkein_herotext-img {
    width: 93px;
    height: 80px;
    top: 0;
  }

  .valkein_form .field-container {
    width: 100%;
  }

  .valkein_subtitle-lg {
    margin-bottom: 12px;
  }

  .valkein_else {
    gap: 32px 44px;
  }

  .valkein_conquest-card-img {
    width: 250px;
    height: 250px;
    margin: auto;
  }

  .valkein_conquest-card {
    flex-direction: column;
    gap: 24px;
    padding: 0 10px 10px;
  }
}