/* 
 Theme Name: Carbontear
 Theme URI: https://carbontear.pl/
 Author: Łukasz Adamczyk
 Author URI: lukaszadamczyk.com.pl
 Description: Szablon strony Carbontear
 Version: 1.0
 */

@font-face {
    font-family: 'Space Grotesk Light';
    src: url('fonts/SpaceGrotesk-Light.eot');
    src: url('fonts/SpaceGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/SpaceGrotesk-Light.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-Light.woff') format('woff'),
        url('fonts/SpaceGrotesk-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk Regular';
    src: url('fonts/SpaceGrotesk-Regular.eot');
    src: url('fonts/SpaceGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SpaceGrotesk-Regular.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-Regular.woff') format('woff'),
        url('fonts/SpaceGrotesk-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk Medium';
    src: url('fonts/SpaceGrotesk-Medium.eot');
    src: url('fonts/SpaceGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/SpaceGrotesk-Medium.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-Medium.woff') format('woff'),
        url('fonts/SpaceGrotesk-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk Bold';
    src: url('fonts/SpaceGrotesk-Bold.eot');
    src: url('fonts/SpaceGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SpaceGrotesk-Bold.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-Bold.woff') format('woff'),
        url('fonts/SpaceGrotesk-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk SemiBold';
    src: url('fonts/SpaceGrotesk-SemiBold.eot');
    src: url('fonts/SpaceGrotesk-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SpaceGrotesk-SemiBold.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-SemiBold.woff') format('woff'),
        url('fonts/SpaceGrotesk-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    --main-color: rgba(255, 255, 255, 0.75);
    --dark-color: #202C2C;
    --dark2-color: #243232;
    --green-color: #7FA600;
    --white-color: #ffffff;
    --grey-color: #3D5051;
    --grey2-color: #CFCFCF;
    --grey3-color: #999f9f;
    --grey4-color: #545f60;
    --grey5-color: rgba(61, 80, 81, 0.50);
    --grey6-color: rgba(124, 131, 131, 0.25);
    --grey7-color: rgba(32, 44, 44, 0.90);
    --grey8-color: rgba(38, 63, 63, 0.50);
    --grey9-color: #f3f4f6;
    --grey75-color: rgba(255, 255, 255, 0.75);
    --grey50-color: rgba(255, 255, 255, 0.50);
    --grey20-color: rgba(255, 255, 255, 0.20);
}

body {
    font-family: 'Space Grotesk Medium';
    font-size: 1.04vw;
    line-height: 1.61vw;
    position: relative;
    color: var(--main-color);
    overflow-x: hidden;
}

.grecaptcha-badge {
    display: none !important;
}

sup {
    vertical-align: super;
    text-transform: lowercase;
}

strong,
b {
    font-family: 'Space Grotesk Bold';
}

.button {
    border: 0.05vw solid var(--white-color);
    padding-left: 1.51vw;
    padding-right: 1.51vw;
    display: inline-block;
    font-family: "Space Grotesk Bold";
    font-size: 0.83vw;
    line-height: normal;
    letter-spacing: 0.08vw;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--white-color);
    border-radius: 3.91vw;
    transition: color 1s, background-color 1s, border 1s;
}

.button {
    padding-top: 0.73vw;
    padding-bottom: 0.68vw;
}

.button:hover {
    color: var(--grey-color);
    background-color: var(--white-color);
    border: 0.052vw solid var(--white-color);
}

.technology__buttons .button:hover,
section.productsingle .productsingle__col1 .button:hover {
    color: var(--white-color);
    background: none;
    border: 0.052vw solid var(--white-color);
}

button {
    height: 2.6vw;
    background: none;
    cursor: pointer;
}

.button2 {
    background-color: var(--white-color);
    color: var(--grey-color);
}

.technology__buttons .button2:hover,
section.productsingle .productsingle__col1 .button2:hover {
    background-color: var(--white-color);
    color: var(--grey-color);
    border: 0.052vw solid var(--white-color);
}

.button2:hover {
    color: var(--white-color);
    background-color: var(--green-color);
    border: 0.052vw solid var(--green-color);
}

.button3 {
    background-color: var(--grey-color);
    border: 0.05vw solid var(--grey-color);
    color: var(--white-color);
}

.button3:hover {
    color: var(--white-color);
    background-color: var(--green-color);
    border: 0.052vw solid var(--green-color);
}

.subtitle,
.smallsubtitle {
    color: var(--white-color);
    font-family: "Space Grotesk Medium";
    font-size: 0.83vw;
    line-height: normal;
    letter-spacing: 0.78vw;
    font-weight: normal;
    margin-bottom: 0.36vw;
    text-transform: uppercase;
}

.smallsubtitle {
    font-size: 0.63vw;
    line-height: normal;
    letter-spacing: 0.58vw;
}

.title {
    color: var(--white-color);
    font-family: "Space Grotesk Bold";
    font-size: 2.5vw;
    line-height: normal;
    font-weight: normal;
    margin-bottom: 2.19vw;
}

.smalltitle,
.description h2 {
    color: var(--green-color);
    font-family: "Space Grotesk Bold";
    font-size: 1.88vw;
    line-height: normal;
    margin-bottom: 1.55vw;
    position: relative;
}

.smalltitle-white {
    color: var(--white-color);
}

.smalltitle svg.ico_arrow {
    fill: none;
    width: 1.35vw;
    height: 0.83vw;
    position: absolute;
    top: 0.89vw;
    right: 0;
    cursor: pointer;
}

.smalltitle svg.ico_arrow_top {
    display: none;
}

.smalltitle svg path {
    color: var(--green-color);
}

.line {
    width: 0.16vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 7.6vw;
    background-color: var(--grey20-color);
}

.line2 {
    position: absolute;
    top: 0;
    left: 7.6vw;
    width: 0.16vw;
    height: 3.59vw;
    background-color: var(--green-color);
}

.line-hr {
    border-top: 0.05vw solid var(--grey20-color);
}

.description {
    color: var(--grey75-color);
    text-align: left;
    letter-spacing: -0.03vw;
    font-family: "Space Grotesk Regular";
}

.description p,
.description ul {
    margin-bottom: 1.56vw;
}

.description ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.99vw;
    margin-right: 1.042vw;
    color: var(--green-color);
}

.description ul li ul {
    margin-left: 1.67vw;
    margin-bottom: 0;
}

.description p:last-child {
    margin-bottom: 0;
}

form br {
    display: none;
}

form .form-row p {
    display: flex;
    gap: 1.35vw;
}

.wpcf7-form-control-wrap {
    margin-bottom: 1.04vw;
    display: block;
}

.wpcf7-not-valid-tip {
    color: #eb7373;
    font-size: 0.78vw;
}

.form_button {
    padding-top: 1.51vw;
}

input[type=text],
input[type=tel],
input[type=email],
textarea {
    width: calc(100% - 3.75vw);
    height: 2.97vw;
    border: 0.05vw solid var(--grey2-color);
    padding-left: 1.82vw;
    padding-right: 1.82vw;
    color: var(--grey5-color);
    font-family: "Space Grotesk Medium";
    font-size: 1.04vw;
    line-height: normal;
    border-radius: 0.26vw;
    background-color: var(--white-color);
}

textarea {
    padding-top: 0.78vw;
    padding-bottom: 0.78vw;
    height: 9.06vw;
    display: block;
}

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 3.18vw;
}

.select2-container--default .select2-selection--single {
    background-color: var(--white-color);
    border: 0.05vw solid var(--grey2-color);
    border-radius: 0.26vw;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 1.82vw;
    padding-right: 1.82vw;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--grey5-color);
    line-height: 3.13vw;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 3.07vw;
    top: 0.05vw;
    right: 0.05vw;
    width: 2.6vw;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 0.42vw 0.36vw 0 0.36vw;
    margin-left: -0.21vw;
    margin-top: -0.1vw;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 0.36vw 0.42vw 0.36vw;
}

.select2-container--default .select2-results>.select2-results__options {
    color: var(--dark-color);
}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-list-item input {
    margin: 0;
    float: left;
    margin-top: 0.4vw;
    margin-right: 0.52vw;
    width: 0.88vw;
    height: 0.88vw;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: 0;
    margin-bottom: 1.04vw;
    color: var(--green-color);
}

::placeholder {
    color: var(--grey5-color);
    opacity: 1;
}

::-ms-input-placeholder {
    color: var(--grey5-color);
}

iframe {
    border: 0;
    display: block;
    width: 100%;
    height: 28.54vw;
}

svg.ico_address {
    fill: none;
    width: 0.89vw;
    height: 0.89vw;
}

svg.ico_phone {
    fill: none;
    width: 0.63vw;
    height: 0.68vw;
}

svg.ico_email {
    fill: none;
    width: 0.78vw;
    height: 0.78vw;
}

svg.ico_www {
    fill: none;
    width: 0.68vw;
    height: 0.68vw;
}

svg.flag {
    width: 0.94vw;
    height: 0.68vw;
}

svg path {
    fill: var(--green-color);
}

header svg.logo path {
    fill: var(--white-color);
}

.container {
    padding-top: 4.69vw;
    background-color: var(--grey4-color);
    overflow-x: hidden;
}

.single-assortment .container {
    overflow-x: visible;
}

.page-home .container {
    padding-top: 0;
}

.page-container {
    margin-left: 11.15vw;
    width: 77.86vw;
    position: relative;
}

.page-container .line {
    left: -3.54vw;
}

header {
    background-image: url('img/header_bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    height: 4.69vw;
    width: 100%;
    display: flex;
    border-bottom: 0.05vw solid var(--grey3-color);
    position: fixed;
    width: 100%;
    z-index: 1000;
}

header .logo {
    width: 10.94vw;
    height: 1.93vw;
    margin-top: 1.25vw;
    margin-left: 3.33vw;
}

header .block_left {
    width: 50%;
}

header .block_right,
.mainmenu .block_right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.93vw;
}

header .hamburger {
    margin-right: 3.07vw;
}

header .hamburger svg {
    fill: none;
    width: 2.6vw;
    height: 2.6vw;
    display: block;
    cursor: pointer;
}

header .hamburger svg path {
    fill: var(--white-color);
}

header .phone {
    display: none;
}

header .button {
    border: 0.05vw solid var(--grey50-color);
}

.page-home header {
    background: none;
    border-bottom: 0;
}

.page-home header.stick {
    background-image: url('img/header_bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 0.05vw solid var(--grey3-color);
}

footer {
    height: 27.14vw;
    background-image: url('img/footer_bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 10.99vw;
    padding-top: 4.79vw;
    position: relative;
}

footer .row {
    display: flex;
    gap: 7.34vw;
}

.contactarea .smalltitle {
    color: var(--white-color);
    margin-bottom: 1.51vw;
}

.contactarea .field {
    display: flex;
    gap: 0.99vw;
    align-items: center;
    margin-bottom: 1.04vw;
}

.contactarea .fielda {
    align-items: flex-start;
    margin-bottom: 0.31vw;
}

.contactarea .fielda svg {
    margin-top: 0.57vw;
}

.contactarea .field span {
    color: var(--white-color);
    font-family: "Space Grotesk Bold";
    font-size: 0.83vw;
    line-height: normal;
}

.contactarea .field span a {
    color: var(--white-color);
    text-decoration: none;
}

.contactarea .fielda span {
    line-height: 2.03vw;
}

footer .nav {
    display: flex;
    gap: 4.04vw;
}

footer.nen .nav {
    gap: 3.04vw;
}

footer .nav li a {
    color: var(--white-color);
    font-family: "Space Grotesk Bold";
    font-size: 1.88vw;
    line-height: normal;
    margin-bottom: 1.51vw;
    text-decoration: none;
    display: block;
}

footer .nav li .sub-menu a {
    color: var(--white-color);
    font-family: "Space Grotesk Bold";
    font-size: 1.04vw;
    line-height: normal;
    margin-bottom: 0.68vw;
}

footer .contactform {
    position: absolute;
    bottom: 6.67vw;
    right: 14.38vw;
}

footer .copyright {
    color: var(--white-color);
    font-family: "Space Grotesk Bold";
    font-size: 0.73vw;
    line-height: normal;
    position: absolute;
    bottom: 0.99vw;
    right: 14.38vw;
}

footer .copyright a {
    color: var(--white-color);
    text-decoration: none;
}

footer .nav-terms {
    display: flex;
    gap: 3.65vw;
    position: absolute;
    bottom: 0.99vw;
    left: 11.15vw;
}

footer .nav-terms a {
    color: var(--white-color);
    font-family: "Space Grotesk Bold";
    font-size: 0.73vw;
    line-height: normal;
    text-decoration: none;
}

footer .line {
    height: 5.05vw;
}

footer .line2 {
    top: 5.05vw;
}

.breadcrumbs {
    padding-left: 11.15vw;
    padding-top: 0.99vw;
    padding-bottom: 3.23vw;
    font-size: 0.78vw;
    line-height: normal;
    letter-spacing: 0.02vw;
    text-transform: uppercase;
    font-family: "Space Grotesk Medium";
    position: relative;
    z-index: 50;
}

.breadcrumbs i {
    color: var(--grey2-color);
    margin-left: 0.52vw;
    margin-right: 0.52vw;
    font-size: 0.68vw;
}

.breadcrumbs span a {
    text-decoration: none;
}

.breadcrumbs span a span {
    color: var(--grey2-color);
    text-decoration: none;
}

.breadcrumbs span span {
    color: var(--green-color);
}

.about_s1_s2_s3,
.technology_s1_s2_s3 {
    background-repeat: no-repeat;
    background-size: cover;
}

section.page {
    display: flex;
    gap: 4.69vw;
    padding-bottom: 4.01vw;
    position: relative;
}

section.page .page__left {
    padding-left: 11.15vw;
    width: 35.16vw;
}

section.page .page__right {
    width: 38.02vw;
}

section.page .page__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.42vw;
}

section.page .page__button {
    margin-top: 2.08vw;
}

section.page1,
.product .product__row {
    padding-top: 5.21vw;
    margin-top: -5.21vw;
}

section.page2 .page__right {
    padding-left: 11.15vw;
}

section.page2 .page__left {
    padding-left: 0;
}

section.page1 .line,
.product .line {
    height: calc(100% - 9.22vw);
    top: auto;
    bottom: 0;
}

div.about .line2,
div.technology .line2 {
    top: 5.21vw;
    height: 4vw;
}

section.about3 {
    height: 23.96vw;
    background: rgba(61, 80, 81, 0.70);
    position: relative;
    padding-left: 11.15vw;
}

section.about3 .about3__row {
    display: flex;
    gap: 7.4vw;
}

section.about3 .about3__desc {
    width: 78vw;
}

section.about3 .about3__col {
    padding-top: 3.85vw;
}

section.about4 {
    position: relative;
}

section.about4 .about4__image img {
    width: 100%;
    height: auto;
    display: block;
}

.numbers {
    display: flex;
    gap: 1.8vw;
    position: relative;
    justify-content: center;
    align-items: center;
    padding-bottom: 3.85vw;
}

.numbers .numbers__block {
    display: flex;
    gap: 0.83vw;
    align-items: center;
}

.numbers .numbers__number {
    color: var(--green-color);
    font-family: "Space Grotesk Bold";
    font-size: 2.5vw;
    line-height: normal;
    letter-spacing: 0.07vw;
}

.numbers .numbers__name {
    color: var(--white-color);
    font-family: "Space Grotesk Medium";
    font-size: 0.73vw;
    line-height: normal;
    letter-spacing: 0.02vw;
    width: 7.73vw;
}

.numbers2 .numbers__name {
    width: 5.73vw;
}

section.gallery {
    position: relative;
}

section.gallery .gallery__area {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.29vw;
    row-gap: 0%;
}

section.gallery .gallery__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.42vw;
}

div.technology section.gallery,
div.services2 section.gallery,
div.gallerypage section.gallery {
    padding-left: 11.15vw;
    padding-bottom: 4.06vw;
    width: 77.86vw;
}

.gallerypage section.gallery .gallery__area {
    row-gap: 2.29vw;
}

.technology2 {
    background-color: var(--dark-color);
    position: relative;
}

.technology2 .page {
    padding-top: 4.06vw;
    padding-bottom: 2.01vw;
}

.technology2 .line-hr {
    padding-bottom: 3.33vw;
}

.technology .technology__buttons {
    display: flex;
    gap: 2.08vw;
    justify-content: flex-end;
    padding-bottom: 3.96vw;
}

.technology .technology__buttonsmobile {
    display: none;
}

.technology2 .technology__buttons {
    padding-bottom: 4.48vw;
    display: flex;
    gap: 2.08vw;
    justify-content: flex-end;
}

.technology3 .technology__buttons {
    padding-top: 2.08vw;
}

section.page3 .line {
    height: 100%;
}

section.page3 {
    padding-top: 0;
    margin-top: 0;
}

.services .technology__buttons {
    padding-bottom: 5.83vw;
}

.services4 .technology__buttons {
    padding-bottom: 4.48vw;
    padding-top: 3.33vw;
}

section.faq .page__left {
    width: 77.71vw;
}

section.faq .smalltitle {
    margin-bottom: 2.08vw;
    cursor: pointer;
}

section.faq .faq__desc {
    padding-bottom: 1.08vw;
    display: none;
}

section.faq .faq__block {
    border-bottom: 0.05vw solid var(--grey20-color);
    margin-bottom: 1.56vw;
}

section.faq .faq__list {
    padding-bottom: 1.6vw;
}

section.faq .faq__list .smalltitle {
    font-size: 1.4vw;
    margin-bottom: 1.08vw;
}

.gallerypage section.page {
    padding-bottom: 0;
}

.pagination {
    display: flex;
    justify-content: center;
}

.pagination span,
.pagination a {
    width: 2.6vw;
    height: 2.6vw;
    border-radius: 0.42vw;
    margin-top: 2.6vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
    font-family: "Space Grotesk Bold";
    font-size: 0.89vw;
    line-height: normal;
}

.pagination a {
    text-decoration: none;
    color: var(--green-color);
}

.pagination a.next,
.pagination a.prev {
    border: 0.05vw solid var(--grey50-color);
    color: var(--white-color);
}

.gallerypage section.page .page__left {
    padding-left: 11.15vw;
    width: 29.16vw;
}

.gallerypage section.page .page__right {
    width: 44.02vw;
}

.contact section.page {
    gap: 3.18vw;
}

.contact section.page .page__left {
    width: 19.32vw;
}

.contact section.page .page__right {
    width: 14.38vw;
}

.contact section.page .page__right2 {
    width: 38.02vw;
}

.contact section.page .page__image img {
    border-radius: 0.26vw;
}

.contact section.page .page__button {
    margin-top: 8.07vw;
}

footer.contact-footer {
    height: 7.08vw;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
}

footer.contact-footer .nav-terms {
    display: flex;
    gap: 3.65vw;
    position: relative;
    bottom: auto;
    left: auto;
}

footer.contact-footer svg {
    width: 15.31vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

footer.contact-footer svg path {
    fill: var(--white-color);
}

footer.contact-footer .copyright {
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 0.21vw;
    margin-right: 10.83vw;
}

footer.contact-footer .cf-col {
    width: 50%;
    display: flex;
}

footer.contact-footer .cf-col2 {
    justify-content: flex-end;
}

footer.contact-footer .nav-terms {
    margin-left: 11.25vw;
}

.distributors section.page_country .page__image img {
    height: 22.6vw;
    object-fit: cover;
}

.distributors section.page .page__left {
    width: 24.07vw;
}

.distributors section.page {
    padding-bottom: 0;
}

.distributors section.page .page__right {
    width: 51.6vw;
}

.distributors .distributors__buttons {
    text-align: right;
}

.distributors .distributors__buttons .button {
    margin-bottom: 1.46vw;
    margin-right: 0.26vw;
}

.distributors .page_country {
    display: block;
}

.distributors .page_country .page__left {
    margin-top: -1.46vw;
}

.distributors .page_country .page_country-row {
    display: flex;
    gap: 2.03vw;
    padding-bottom: 4.56vw;
}

.distributors .distributors__row {
    display: flex;
    gap: 3.23vw;
}

.distributors iframe {
    width: 29.84vw;
    height: 22.6vw;
    background-color: var(--grey3-color);
}

.distributors section.page_country .page__right {
    width: 52.6vw;
    margin-top: -1.51vw;
}

.distributors section.page_country .page_country-row:first-child .page__right {
    margin-top: 2.55vw;
}

.distributors section.page_country .subtitle {
    color: var(--green-color);
}

.distributors .distributors__button {
    position: absolute;
    left: 0;
    bottom: 0;
}

.distributors section.page_country {
    padding-bottom: 0;
}

.distributors .contactarea {
    width: 20.53vw;
    position: relative;
}

.blog section.page .page__right {
    width: 54.69vw;
}

.blog section.gallery .gallery__area {
    grid-template-columns: 1fr 1fr 1fr;
}

div.blog section.gallery {
    width: 79.4vw;
    padding-top: 2.08vw;
}

.blog__date {
    margin-top: 2.08vw;
    color: var(--green-color);
    font-family: "Space Grotesk Medium";
    font-size: 0.63vw;
    line-height: normal;
    letter-spacing: 0.58vw;
}

.blog .blog__title {
    color: var(--white-color);
    font-family: "Space Grotesk Bold";
    font-size: 1.88vw;
    line-height: normal;
    margin-bottom: 1.61vw;
    min-height: 4.79vw;
}

.blog .blog__title a {
    text-decoration: none;
    color: var(--white-color);
}

.blog .blog__excerpt {
    color: var(--main-color);
    font-family: "Space Grotesk Regular";
    font-size: 1.04vw;
    line-height: 1.61vw;
}

.blog .blog__button {
    padding-top: 2.86vw;
    padding-bottom: 1.04vw;
}

section.page .page__full {
    width: 81.25vw;
    padding-left: 7.6vw;
}

.single .single__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.42vw;
}

.single .single__top {
    position: relative;
}

.single .single__data {
    position: absolute;
    left: 3.23vw;
    bottom: 1.61vw;
}

.single .title {
    margin-bottom: 1.04vw;
}

.single .blog__date {
    margin-top: 0;
}

.single .single__gradient {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 57.72%, rgba(0, 0, 0, 0.56) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.42vw;
}

.single .single__desc {
    padding-left: 3.23vw;
    color: var(--grey75-color);
}

.single section.page1 {
    padding-top: 3.21vw;
}

.single .single1 {
    padding-bottom: 0;
}

.single .single1 .line {
    height: 4.17vw;
}

.single .single1 .line2 {
    height: 4.17vw;
    top: auto;
    bottom: 4.17vw;
}

.single .single2 {
    padding-top: 3.02vw;
}

.single h2 {
    color: var(--green-color);
    font-family: "Space Grotesk Bold";
    font-size: 1.88vw;
    line-height: normal;
    margin-bottom: 1.56vw;
}

.single .single__arrows {
    display: flex;
    padding-top: 1.04vw;
    position: relative;
}

.single .single__arrow {
    width: 50%;
    display: flex;
}

.single .single__arrow a {
    display: flex;
    gap: 1.15vw;
    align-items: center;
    color: var(--grey50-color);
    text-decoration: none;
}

.single .single__next {
    justify-content: flex-end;
}

.single .single__arrow a div {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 0.42vw;
    border: 0.05vw solid var(--grey50-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.single .single__arrow a span {
    color: var(--white-color);
    font-family: "Space Grotesk Bold";
    font-size: 0.78vw;
    line-height: normal;
    text-transform: uppercase;
}

.single section.gallery {
    padding-bottom: 1.04vw;
    padding-top: 1.04vw;
}

.single .blog__allpost {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.taxonomy section.page .page__full {
    width: 81.51vw;
}

.taxonomy .taxonomy__products {
    display: flex;
    padding-left: 3.39vw;
    flex-wrap: wrap;
    gap: 2.5vw;
    justify-content: center;
}

.taxonomy .taxonomy__product {
    width: calc(50% - 1.25vw);
    cursor: pointer;
    position: relative;
}

.taxonomy .taxonomy__product img {
    width: 100%;
    border-radius: 0.42vw;
    display: block;
}

.taxonomy .taxonomy__product h2 {
    font-family: "Space Grotesk Bold";
    font-size: 1.88vw;
    line-height: normal;
    position: absolute;
    left: 2.14vw;
    top: 1.46vw;
}

.taxonomy .taxonomy__product h2 a {
    color: var(--grey-color);
    text-decoration: none;
}

.taxonomy .taxonomy__slogan {
    position: absolute;
    left: 2.14vw;
    top: 4.22vw;
    color: var(--grey-color);
    font-size: 0.94vw;
    line-height: normal;
    letter-spacing: 0.03vw;
}

.taxonomy section.taxonomy2 {
    padding-bottom: 4.38vw;
}

.taxonomy .taxonomy__product button {
    position: absolute;
    left: 2.14vw;
    bottom: 1.46vw;
}

.taxonomy .taxonomy_category {
    transform: rotate(-90deg);
    transform-origin: left top;
    position: absolute;
    right: -21.6vw;
    bottom: 0.52vw;
    color: var(--grey-color);
    font-family: "Space Grotesk Medium";
    font-size: 0.83vw;
    line-height: normal;
    letter-spacing: 0.62vw;
    text-transform: uppercase;
    width: 23.3vw;
}

.product .product__row {
    position: relative;
    padding-left: 7.71vw;
    display: flex;
}

.product .product--col1 {
    width: 18.65vw;
    padding-left: 3.23vw;
}

.product .product--col2 {
    width: calc(100% - 21.88vw);
}

.product .product__mainimage {
    margin-top: -2.08vw;
}

.product .product__mainimage img {
    width: 100%;
    display: block;
}

.product .subtitle {
    margin-bottom: 0.36vw;
    letter-spacing: 0.46vw;
}

.product .title {
    margin-bottom: 1.72vw;
}

.product .product__explore {
    color: var(--white-color);
    font-family: "Space Grotesk Medium";
    font-size: 0.63vw;
    line-height: normal;
    letter-spacing: 0.37vw;
    text-transform: uppercase;
    margin-bottom: 0.63vw;
}

.product .product__menuline {
    width: 2.66vw;
    height: 0.05vw;
    margin-bottom: 1.93vw;
    background: var(--grey20-color);
}

.product .product__menu div {
    margin-bottom: 1.04vw;
}

.product .product__menu div .button {
    width: 10.42vw;
}

.product .product__menu div .button360 {
    line-height: 0.52vw;
}

.product .product__content {
    width: 59.27vw;
    padding-top: 2.14vw;
}

.product .product__left {
    position: sticky;
    top: 6.25vw;
    padding-bottom: 1.56vw;
}

.product .product__spec {
    margin-top: 3.96vw;
    padding-top: 2.24vw;
    padding-bottom: 2.3vw;
    border-radius: 0.26vw;
    padding-left: 1.82vw;
    padding-right: 1.82vw;
    background: rgba(36, 50, 50, 0.60);
    margin-bottom: 3.18vw;
}

.product .product__numbers {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 0.82vw;
    row-gap: 1.5vw;
    align-items: start;
}

.product .product__number {
    display: flex;
    gap: 0;
    align-items: center;
    flex-wrap: wrap;
}

.product .product__number div {
    color: var(--green-color);
    font-family: "Space Grotesk Bold";
    font-size: 1.425vw;
    line-height: normal;
    letter-spacing: 0.07vw;
    width: 100%;
    padding-bottom: 0.33vw;
    text-align: center;
}

.product .product__number span {
    color: var(--white-color);
    font-size: 1vw;
    line-height: normal;
    letter-spacing: 0.02vw;
    width: 100%;
    text-align: center;
}

section.box,
section.box2 {
    margin-bottom: 3.96vw;
}

section.box .box__left {
    width: 28.75vw;
    float: left;
    margin-right: 2.91vw;
    margin-bottom: 1.56vw;
}

section.box2 .box2__right {
    width: 28.75vw;
    float: right;
    margin-left: 2.91vw;
    margin-bottom: 1.56vw;
}

section.box .box__image img,
section.box2 .box2__image img {
    width: 100%;
    height: auto;
    display: block;
}

.product .product__contact {
    min-height: 36.84vw;
    padding-bottom: 2.08vw;
    background: var(--grey6-color);
    position: relative;
}

.product .product__contact .line {
    height: 100%;
}

.product .product__contact .product__row {
    padding-top: 0;
    margin-top: 0;
}

.product .product__contact_row {
    display: flex;
    gap: 4.17vw;
}

.product .product--contact_col1 {
    width: 16.93vw;
}

.product .product--contact_col2 {
    width: calc(100% - 16.93vw);
    padding-top: 2.29vw;
}

.product .product__contact__image img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 2.81vw;
}

.product .product__price {
    padding-top: 0.52vw;
}

.product .product__price span {
    display: block;
    font-size: 0.73vw;
    line-height: normal;
    letter-spacing: 0.02vw;
}

.mainmenu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    display: none;
    background-image: url('img/menu_bg_sub.webp');
    background-size: cover;
}

.mainmenu2 {
    background-image: url('img/menu_bg_sub3.webp');
}

.mainmenu .mainmenu__area {
    width: 75.68vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--grey7-color);
    color: var(--white-color);
}

.mainmenu .mainmenu__main {
    width: 20.05vw;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background: var(--grey8-color);
    z-index: 10000;
}

.mainmenu .mainmenu__menu {
    position: absolute;
    left: 4.11vw;
    top: 11.56vw;
    width: 11.77vw;
}

.mainmenu .mainmenu__menutitle {
    font-family: "Space Grotesk Medium";
    font-size: 0.63vw;
    line-height: normal;
    letter-spacing: 0.37vw;
    text-transform: uppercase;
    margin-bottom: 0.63vw;
}

.mainmenu .mainmenu__line {
    width: 100%;
    height: 0.05vw;
    background-color: var(--grey20-color);
    margin-bottom: 1.67vw;
}

.mainmenu .mainmenu__menu ul li {
    margin-bottom: 1.82vw;
}

.mainmenu .mainmenu__menu ul li a {
    color: var(--white-color);
    font-family: "Space Grotesk Medium";
    font-size: 1.15vw;
    line-height: normal;
    letter-spacing: 0.03vw;
    text-decoration: none;
}

.mainmenu .mainmenu__menu ul li a:hover,
.mainmenu .mainmenu__menu ul li.current-menu-item a {
    color: var(--green-color);
}

.mainmenu .mainmenu__terms {
    display: flex;
    gap: 3.65vw;
    position: absolute;
    top: 5.02vw;
    left: 2.34vw;
    z-index: 10000;
}

.mainmenu .mainmenu__term {
    color: var(--white-color);
    font-family: "Space Grotesk Medium";
    font-size: 1.51vw;
    line-height: normal;
    letter-spacing: 0.05vw;
    opacity: 0.5;
    text-transform: uppercase;
    cursor: pointer;
}

.mainmenu .mainmenu__termactive {
    color: var(--green-color);
    opacity: 1;
}

.mainmenu .mainmenu__productsname {
    display: flex;
    position: absolute;
    top: 9.69vw;
    left: 0;
}

.mainmenu .mainmenu__productname {
    padding-left: 1.71vw;
    padding-right: 1.71vw;
    color: var(--white-color);
    font-family: "Space Grotesk Medium";
    font-size: 1.2vw;
    line-height: normal;
    letter-spacing: 0.04vw;
    opacity: 0.5;
    text-transform: uppercase;
    padding-bottom: 0.89vw;
    padding-top: 0.89vw;
    border-bottom: 0.05vw solid var(--grey20-color);
    cursor: pointer;
}

.mainmenu .mainmenu__productnameactive {
    opacity: 1;
    color: var(--green-color);
    border-bottom: 0.05vw solid var(--green-color);
}

.mainmenu .mainmenu__productarea {
    display: none;
    position: absolute;
    left: 0;
    top: 14.69vw;
    width: 51.15vw;
    font-family: "Space Grotesk Medium";
}

.mainmenu .mainmenu__productitle {
    text-align: right;
    color: var(--white-color);
    font-size: 2.08vw;
    line-height: normal;
    letter-spacing: 0.06vw;
    text-transform: uppercase;
    margin-bottom: 0.89vw;
}

.mainmenu .mainmenu__productsubtitle {
    width: 11.98vw;
    float: right;
    font-size: 1.15vw;
    line-height: normal;
    letter-spacing: 0.03vw;
    text-align: right;
    margin-bottom: 1.41vw;
    min-height: 2.92vw;
}

.mainmenu .mainmenu__productarea .mainmenu__line {
    float: right;
    width: 16.41vw;
    margin-bottom: 1.56vw;
}

.mainmenu .mainmenu__productdesc {
    float: right;
    width: 16.41vw;
    min-height: 9.38vw;
    font-size: 0.89vw;
    line-height: normal;
    letter-spacing: 0.03vw;
    display: flex;
    text-align: right;
}

.mainmenu .mainmenu__summary {
    display: flex;
    gap: 4.22vw;
    justify-content: flex-end;
    align-items: center;
}

.mainmenu .mainmenu__explore .button {
    animation: pulseButton 2s infinite ease-in-out;
}

.mainmenu .mainmenu__price span {
    color: var(--white-color);
    font-size: 0.73vw;
    line-height: normal;
    letter-spacing: 0.02vw;
    display: block;
}

.mainmenu .mainmenu__price div {
    color: var(--white-color);
    font-size: 1.67vw;
    line-height: normal;
    letter-spacing: 0.05vw;
}

.mainmenu .mainmenu__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 34.84vw;
    height: auto;
    display: block;
}

.mainmenu .mainmenu__spec {
    display: flex;
    border-top: 0.05vw solid var(--grey20-color);
    margin-top: 1.88vw;
    margin-left: 3.23vw;
    padding-top: 1.15vw;
    align-items: center;
}

.mainmenu .mainmenu__specname {
    font-size: 0.83vw;
    line-height: normal;
    letter-spacing: 0.03vw;
    text-transform: uppercase;
    padding-right: 1.25vw;
}

.mainmenu .mainmenu__numbers {
    align-items: center;
    border-left: 0.05vw solid var(--grey20-color);
    padding-left: 2.08vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.04vw;
    row-gap: 1vw;
}

.mainmenu .mainmenu__number {
    display: flex;
    gap: 0.83vw;
    align-items: center;
}

.mainmenu .mainmenu__number div {
    font-size: 1.6vw;
    line-height: normal;
    letter-spacing: 0.07vw;
}

.mainmenu .mainmenu__number span {
    font-size: 0.73vw;
    line-height: normal;
    letter-spacing: 0.02vw;
}

.mainmenu .hamburger svg {
    fill: none;
    width: 2.6vw;
    height: 2.6vw;
    display: block;
    cursor: pointer;
    z-index: 10001;
}

.mainmenu .hamburger svg path {
    fill: var(--white-color);
}

.mainmenu .hamburger svg rect {
    stroke: var(--white-color);
}

.mainmenu .hamburger svg path {
    fill: var(--white-color);
    position: absolute;
}

.mainmenu .block_right {
    position: absolute;
    top: 1.04vw;
    right: 3.07vw;
    z-index: 10002;
}

.formcontact {
    width: 100%;
    height: 100%;
    background-image: url('img/bg_form.webp');
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10005;
    color: var(--grey-color);
    display: none;
}

.formcontact .formcontact__area {
    width: 77.81vw;
    height: 41.67vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(117deg, rgba(245, 245, 245, 0.00) 56.42%, #F5F5F5 65.28%), #F9F9F9;
}

.formcontact .formcontact__row {
    display: flex;
    background-image: url('img/contact_form_image2.webp');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.formcontact .formcontact--col1 {
    width: 31.88vw;
    padding-left: 4.01vw;
}

.formcontact .formcontact--col2 {
    width: 38.02vw;
    padding-top: 7.14vw;
}

.formcontact form.invalid,
.formcontact form.failed {
    margin-top: -5.21vw;
}

.formcontact form.unaccepted {
    margin-top: -2.81vw;
}

.formcontact form.invalid .form_button {
    padding-top: 0;
}

.formcontact .formcontact__title {
    margin-top: 4.95vw;
    padding-left: 3.23vw;
    border-left: 0.16vw solid var(--green-color);
}

.formcontact .formcontact__title span {
    display: block;
    font-family: "Space Grotesk Medium";
    font-size: 0.83vw;
    line-height: normal;
    letter-spacing: 0.78vw;
    margin-bottom: 0.36vw;
}

.formcontact .formcontact__title h3 {
    font-family: "Space Grotesk Bold";
    font-size: 2.5vw;
    line-height: normal;
}

.formcontact svg {
    width: 2.5vw;
    height: 2.5vw;
    fill: none;
    position: absolute;
    top: 0;
    right: -3.85vw;
    cursor: pointer;
}

.formcontact svg path {
    fill: var(--grey-color);
}

.formcontact svg rect {
    stroke: var(--grey-color);
}

section.home1 {
    position: relative;
}

section.home1 video {
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover;
}

section.home1 .home1__bg {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(231deg, rgba(0, 0, 0, 0.00) 56.05%, rgba(0, 0, 0, 0.39) 78.32%), linear-gradient(0deg, rgba(0, 0, 0, 0.00) 75.77%, rgba(0, 0, 0, 0.54) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%);
}

section.home1 .home1__area {
    position: absolute;
    left: 10.94vw;
    bottom: 0;
    width: 56vw;
    height: 18.07vw;
    z-index: 100;
}

section.home1 .subtitle {
    margin-bottom: 0.83vw;
}

section.home1 .home1__desc {
    color: var(--white-color);
    font-size: 1.15vw;
    line-height: normal;
    margin-bottom: 1.67vw;
}

section.home1 .line2 {
    top: auto;
    bottom: 13.8vw;
}

section.home1 .line {
    top: auto;
    bottom: 0;
    height: 13.8vw;

}

section.home2 {
    position: relative;
    height: 65.31vw;
    background-repeat: no-repeat;
    background-size: cover;
}

section.home2 .home2__prow {
    padding-left: 11.15vw;
    display: flex;
    gap: 4.38vw;
    padding-top: 4.58vw;
}

section.home2 .home2__pleft {
    width: 22.24vw;
    position: relative;
}

section.home2 .home2__button {
    position: absolute;
    left: 0;
    bottom: 0;
}

section.home2 .home2__pright {
    width: calc(100% - 26.61vw);
}

section.home2 .home2__pright img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.42vw;
}

section.home2 .home2__srow {
    display: flex;
    gap: 3.28vw;
    padding-top: 4.22vw;
}

section.home2 .home2__sleft {
    width: 62.24vw;
}

section.home2 .home2__sright {
    width: 27.34vw;
}

section.home2 .home2__slider {
    position: relative;
    width: 80.73vw;
    margin-left: -15.99vw;
}

section.home2 .slick-arrow,
section.home7 .slick-arrow {
    position: absolute;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 0.42vw;
    border: 0.05vw solid var(--grey50-color);
    left: 18.23vw;
    bottom: -6.3vw;
    font-size: 0;
}

section.home2 .slick-prev {
    left: 18.23vw;
}

section.home2 .slick-prev::before,
section.home7 .slick-prev::before {
    content: "\f104";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.938vw;
    color: var(--grey50-color);
}

section.home2 .slick-next {
    left: 21.77vw;
}

section.home2 .slick-next::after,
section.home7 .slick-next::after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.938vw;
    color: var(--grey50-color);
}

section.home2 .home2__slide img,
section.home7 .home7__slide img {
    width: 24.38vw;
    height: 23.07vw;
    display: block;
    border-radius: 0.42vw;
    object-fit: cover;
}

section.home2 .numbers {
    position: absolute;
    left: 12.66vw;
    bottom: -0.26vw;
}

section.home2 .line2 {
    top: 4.38vw;
}

section.home2 .line {
    height: 32.08vw;
}

section.home4 {
    position: relative;
    height: 39.48vw;
    background-repeat: no-repeat;
    background-size: cover;
}

section.home4 .line2 {
    top: 3.49vw;
}

section.home4 .home4__row {
    padding-top: 3.65vw;
    margin-left: 10.99vw;
    display: flex;
    gap: 4.79vw;
}

section.home4 .home4__left {
    width: 35.16vw;
    position: relative;
}

section.home4 .home4__right {
    width: 38.02vw;
}

section.home4 .home4__right img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.42vw;
}

section.home4 .home4__buttons {
    display: flex;
    margin-bottom: 2.92vw;
    gap: 1.61vw;
    justify-content: flex-end;
}

section.home4 .home4__button {
    position: absolute;
    left: 0;
    bottom: 0;
}

section.home4 .line4 {
    top: 3.65vw;
}

section.home6 {
    height: 48.85vw;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

section.home6 .home6__head {
    padding-top: 5.36vw;
    padding-left: 10.99vw;
}

section.home6 .line2 {
    top: 5.16vw;
}

section.home6 .home6__foot {
    width: 61.72vw;
    position: absolute;
    bottom: 1.88vw;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
}

section.home6 .description {
    text-align: center;
}

section.home7 {
    height: 40.42vw;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

section.home7 .line {
    height: 35.26vw;
}

section.home7 .line2 {
    top: 6.93vw;
}

section.home7 .line3 {
    width: 59.64vw;
    position: absolute;
    left: 7.6vw;
    bottom: 5vw;
    height: 0.16vw;
    background: var(--grey20-color);
}

section.home7 .line4 {
    left: 67.08vw;
    top: auto;
    bottom: 0;
    height: 5vw;
}

section.home7 .home7__row {
    display: flex;
    gap: 3.13vw;
    margin-left: 11.15vw;
    padding-top: 7.19vw;
}

section.home7 .home7__left {
    width: 49.27vw;
}

section.home7 .home7__right {
    position: relative;
}

section.home .home7__slider {
    width: 53.75vw;
    margin-right: -19.48vw;
    position: relative;
}

section.home7 .slick-arrow {
    left: auto;
}

section.home7 .slick-prev {
    right: 24.38vw;
}

section.home7 .slick-next {
    right: 20.83vw;
}

section.home7 .button {
    position: absolute;
    left: 0;
    bottom: 0;
}

section.home7 .button {
    position: absolute;
    left: 12.76vw;
    bottom: -6.35vw;
}

section.home .button {
    border: 0.05vw solid var(--grey50-color);
}

section.home8 {
    height: 31.88vw;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

section.home8 .home8__area {
    padding-left: 70.47vw;
    width: 25.52vw;
    padding-top: 4.58vw;
}

section.home8 .line {
    left: 67.08vw;
}

section.home8 .line2 {
    left: 67.08vw;
    top: 4.38vw;
}

section.home .line2 {
    height: 4.3vw;
}

div.news {
    background-color: var(--dark-color);
}

div.news section.gallery {
    padding-bottom: 2.06vw;
}

div.news section.page {
    padding-top: 4.84vw;
}

div.news section.page .page__right {
    text-align: right;
}

div.news section.page .page__right .button {
    margin-right: 8.65vw;
    margin-top: 1.3vw;
}

div.news section.page .line2 {
    top: 4.53vw;
    height: 4.3vw;
}

section.productslist {
    background-repeat: no-repeat;
    background-size: cover;
    height: 79.11vw;
    position: relative;
}

section.productslist .productslist__area {
    margin-left: 10.99vw;
    width: 78.13vw;
    padding-top: 5.16vw;
}

section.productslist .productslist__row {
    display: flex;
}

section.productslist .productslist__row2 {
    padding-top: 3.91vw;
}

section.productslist .productslist--col1 {
    width: 70%;
}

section.productslist .productslist--col2 {
    width: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

section.productslist .taxonomy .taxonomy__products {
    padding-left: 0;
}

section.productslist .line2 {
    top: 5vw;
    height: 4.3vw;
}

.taxonomy .distributors__buttons .button {
    margin-bottom: 1.46vw;
    margin-left: 1.26vw;
}

section.productsingle {
    height: 65.3vw;
    background-color: var(--dark2-color);
    position: relative;
}

section.productsingle .productsingle__area,
section.productsingle .productsingle__head {
    margin-left: 10.99vw;
}

section.productsingle .line2 {
    height: 4.3vw;
}

section.productsingle .productsingle__head {
    display: flex;
    margin-left: 10.99vw;
    align-items: center;
}

section.productsingle .productsingle__col1 {
    display: flex;
    gap: 1.29vw;
    border-right: 0.05vw solid var(--grey20-color);
    padding-right: 2.4vw;
    align-items: center;
}

section.productsingle .productsingle__col1 .button {
    cursor: pointer;
}

section.productsingle .productsingle__col2 {
    padding-left: 2.34vw;
}

section.productsingle .productsingle__menu {
    font-size: 0.99vw;
    font-style: normal;
    letter-spacing: 0.03vw;
    text-transform: uppercase;
    cursor: pointer;
}

section.productsingle .productsingle__active {
    color: var(--green-color);
}

section.productsingle .productsingle__col2 div {
    display: flex;
    gap: 2.13vw;
}

.productdata {
    margin-left: 10.99vw;
    padding-top: 2.34vw;
}

.productdata .productdata__row {
    display: flex;
    gap: 3.2vw;
}

.productdata .productdata__left {
    width: 54vw;
}

.productdata .productdata__right {
    width: calc(100% - 62.2vw);
    padding-right: 4.69vw;
    padding-top: 0;
    position: relative;
}

.productdata .smallsubtitle,
.productdata .smalltitle {
    margin-bottom: 0;
}

.productdata .productdata__head {
    display: flex;
    align-items: center;
}

.productdata .productdata--col1 {
    width: 12.92vw;
}

.productdata .productdata--col2 {
    padding-left: 2.81vw;
    width: 37.03vw;
    border-left: 0.05vw solid var(--grey20-color);
}

.productdata .product .product__numbers {
    grid-template-columns: 1fr 1fr;
}

.productdata .taxonomy {
    padding-top: 2.08vw;
}

.productdata .taxonomy .taxonomy__product {
    width: 100%;
}

.productdata .productdata__pricearea {
    width: calc(100% + 3.49vw);
    height: 13.06vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -7.71vw;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -3.2vw;
}

.productdata .productdata__right .smalltitle {
    color: var(---grey20-color);
    border-bottom: 0.05vw solid var(--grey20-color);
    margin-bottom: 4.55vw;
    padding-bottom: 0.52vw;
    font-size: 0.99vw;
    font-style: normal;
    letter-spacing: 0.03vw;
    text-transform: uppercase;
    width: 11vw;
}

.productdata .productdata__pricearea span {
    display: block;
    margin-left: 3.96vw;
    margin-top: 2.97vw;
}

.productdata .taxonomy .taxonomy__product img {
    height: 38.65vw;
    object-fit: cover;
    border-bottom-right-radius: 0;
}

.productdata .productdata__row2 {
    gap: 0;
    justify-content: center;
}

.productdata .productdata__row2 .productdata__right {
    padding-top: 2.6vw;
}

.productdata .productdata__row2 .productdata__right {
    display: flex;
    gap: 3.16vw;
    align-items: center;
    padding-right: 0;
    width: 41.67vw;
    justify-content: center;
}

.productdata .contactform {
    display: flex;
    gap: 0.73vw;
    align-items: center;
    cursor: pointer;
}

.productdata .contactform span {
    color: var(--white-color);
    font-size: 0.83vw;
    line-height: normal;
    letter-spacing: 0.08vw;
    text-transform: uppercase;
}

.productdata .contactform svg {
    fill: none;
    width: 1.15vw;
    height: 0.42vw;
}

.productdata .contactform svg path {
    fill: var(--white-color);
}

.productdata .productdata__slider {
    width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 2vw;
}

.image_desktop {
    display: block !important;
}

.image_mobile {
    display: none !important;
}

.select_category {
    display: none;
}

#orientation-lock {
    display: none;
}

.technology .technology__buttonmobile {
    display: none;
}

.lang-switch {
    position: relative;
}

.lang-switch__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.31vw;
    background: transparent;
    cursor: pointer;
    line-height: 1;
    border: 0;
}

.lang-switch__btn img {
    width: 1.04vw !important;
    height: 0.73vw !important;
    object-fit: cover;
}

.lang-switch svg {
    width: 1.25vw;
    height: auto;
}

.lang-switch svg path {
    fill: none;
    stroke: var(--white-color);
    stroke-width: 2;
    stroke-linecap: round;
}

.lang-switch__chev {
    transition: transform .2s ease;
}

.lang-switch[data-open="1"] .lang-switch__chev {
    transform: rotate(180deg);
}

.lang-switch__list {
    position: absolute;
    right: -4.64vw;
    top: calc(100% + 0.42vw);
    min-width: 8.33vw;
    background: var(--white-color);
    border-radius: 0.31vw;
    padding: 0.31vw;
    box-shadow: 0 0.52vw 1.56vw rgba(0, 0, 0, .08);
    z-index: 50;
}

.lang-switch__list a {
    display: flex;
    align-items: center;
    gap: 0.42vw;
    padding: 0.42vw 0.52vw;
    border-radius: 0.42vw;
    text-decoration: none;
    color: var(--dark-color);
    font-size: 0.78vw;
}

.lang-switch__list a:hover {
    background: var(--grey9-color);
}

.select2-dropdown {
    z-index: 10510;
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
    color: var(--dark-color);
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 1400px;
    padding-bottom: 60px;
}

#cmplz-document a {
    color: var(--green-color);
}

#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: 16px;
}

@media (max-width: 991px) {
    body {
        font-size: 15px;
        line-height: 26px;
    }

    header {
        height: 75px;
        background-image: url('img/bg_header_mobile.webp');
    }

    header .logo,
    .mainmenu__head .logo {
        width: 180px;
        height: 31px;
        margin-top: 23px;
        margin-left: 22px;
    }

    .mainmenu__head .logo path {
        fill: var(--white-color);
    }

    header .contactform {
        display: none;
    }

    header .find_product {
        display: none;
    }

    header .hamburger svg,
    .mainmenu__head .hamburger svg {
        width: 35px;
        height: 35px;
    }

    header .hamburger,
    .mainmenu__head .hamburger {
        margin-right: 23px;
    }

    header .phone {
        display: block;
    }

    header .phone svg,
    .mainmenu__head .phone svg {
        display: block;
        margin-right: 7px;
        width: 36px;
        height: 36px;
        fill: none;
    }

    header .phone svg rect,
    .mainmenu__head .phone svg rect {
        stroke: var(--white-color);
    }

    header .phone svg path,
    .mainmenu__head .phone svg path {
        fill: var(--white-color);
    }

    .button {
        border: 1px solid var(--white-color);
        padding-left: 18px;
        padding-right: 18px;
        font-size: 9.6px;
        letter-spacing: 0px;
        border-radius: 45px;
    }

    button {
        height: 30px;
    }

    .button {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .container {
        padding-top: 70px;
    }

    .line {
        width: 3px;
        left: 19px;
    }

    .line2 {
        left: 19px;
        width: 3px;
    }

    .title {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 28px;
    }

    .subtitle,
    .smallsubtitle {
        font-size: 9px;
        line-height: normal;
        letter-spacing: 8.37px;
        margin-bottom: 10px;
    }

    .smalltitle,
    .description h2 {
        color: var(--green-color);
        font-size: 22px;
        margin-bottom: 22px;
    }

    .description {
        text-align: left;
        letter-spacing: 0;
    }

    .description p,
    .description ul {
        margin-bottom: 30px;
    }

    .description p:last-child {
        margin-bottom: 0;
    }

    footer {
        height: 814px;
        background-image: url("img/bg_footer_mobile.webp");
        padding-left: 40px;
        padding-top: 54px;
    }

    footer .title {
        margin-bottom: 31px;
    }

    footer .line {
        height: 58px;
    }

    footer .line2 {
        top: 58px;
        height: 43px;
    }

    footer .row {
        gap: 0;
        flex-wrap: wrap;
    }

    footer .contactarea {
        width: 100%;
        margin-bottom: 48px;
    }

    .contactarea .smalltitle {
        color: var(--white-color);
        font-size: 18px;
        margin-bottom: 22px;
    }

    .contactarea .field {
        gap: 14px;
        margin-bottom: 16px;
    }

    .contactarea .field span {
        font-size: 13px;
        line-height: normal;
    }

    .contactarea .fielda span {
        line-height: 32.167px;
    }

    svg.ico_address {
        fill: none;
        width: 14.021px;
        height: 14.021px;
    }

    svg.ico_phone {
        fill: none;
        width: 9.897px;
        height: 10.627px;
    }

    svg.ico_email {
        fill: none;
        width: 12.372px;
        height: 12.372px;
    }

    .contactarea .fielda svg {
        margin-top: 7px;
    }

    footer .nav {
        display: flex;
        gap: 29px;
    }

    footer .nav li a {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 21px;
    }

    footer .nav li .sub-menu a {
        font-size: 13px;
        line-height: normal;
        margin-bottom: 13px;
    }

    footer .contactform {
        bottom: 159px;
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
    }

    footer .nav-terms {
        gap: 58px;
        bottom: 107px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    footer .nav-terms a {
        font-size: 13px;
    }

    footer .nav-terms li:first-child {
        width: 91px;
    }

    footer .nav-terms li:last-child {
        width: 123px;
        text-align: right;
    }

    footer .copyright {
        font-size: 13px;
        line-height: 20px;
        position: absolute;
        bottom: 33px;
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
        width: 215px;
        text-align: center;
    }

    .breadcrumbs {
        display: none;
    }

    section.page1,
    .product .product__row {
        padding-top: 41px;
        margin-top: 0;
    }

    section.page {
        display: flex;
        gap: 0;
        padding-bottom: 20px;
        position: relative;
        flex-wrap: wrap;
    }

    section.page .page__left {
        padding-left: 41px;
        width: calc(100% - 41px);
    }

    section.page .page__desc {
        padding-right: 41px;
    }

    section.page .page__button {
        margin-top: 37px;
        text-align: center;
        padding-right: 41px;
    }

    section.page .page__right {
        width: 100%;
        margin-top: 37px;
    }

    section.page2 {
        padding-top: 10px;
    }

    section.page .page__image {
        padding-left: 19px;
        padding-right: 19px;
    }

    section.page1 .line,
    .product .line {
        height: calc(100% - 88px);
        bottom: 0;
    }

    div.about .line2,
    div.technology .line2 {
        top: 44px;
        height: 45px;
    }

    section.page2 .page__right {
        padding-left: 0;
        order: 1;
        padding-bottom: 30px;
    }

    section.about3 {
        padding-top: 20px;
        height: auto;
        padding-left: 41px;
        padding-bottom: 41px;
    }

    section.about4 {
        display: none;
    }

    .about_s1_s2_s3,
    .technology_s1_s2_s3 {
        background-image: url("img/bg_main_mobile.webp") !important;
    }

    section.faq .faq__block {
        border-bottom: 1px solid var(--grey20-color);
        margin-bottom: 15px;
        margin-right: 41px;
    }

    section.faq .smalltitle {
        margin-bottom: 15px;
        cursor: pointer;
        font-size: 18px;
        padding-right: 30px;
    }

    section.faq .title {
        margin-right: 41px;
    }

    .smalltitle svg.ico_arrow {
        fill: none;
        width: 17px;
        height: 11px;
        position: absolute;
        top: 3px;
        right: 0;
        cursor: pointer;
    }

    .distributors section.page {
        padding-bottom: 0;
        gap: 0;
        flex-wrap: wrap;
    }

    .distributors section.page .page__left {
        width: 100%;
    }

    .distributors section.page .page__right {
        margin-top: 0;
        width: 100%;
    }

    .distributors .distributors__buttons {
        text-align: left;
        padding-left: 41px;
    }

    .taxonomy .distributors__buttons {
        margin-bottom: 20px;
        text-align: center;
    }

    .taxonomy .distributors__buttons .button {
        margin-bottom: 14px;
        margin-left: 0;
        margin-right: 15px;
    }

    .taxonomy section.page .page__full {
        width: calc(100% - 19px);
        padding-left: 19px;
    }

    .taxonomy .taxonomy__products {
        padding-left: 0;
        gap: 0;
        padding-bottom: 20px;
    }

    .taxonomy .taxonomy__product {
        width: calc(100% - 19px);
        padding-right: 19px;
        cursor: pointer;
        position: relative;
        margin-bottom: 25px;
    }

    .taxonomy .taxonomy__product img {
        border-radius: 8px;
        display: block;
        padding-right: 0;
    }

    section.page .page__image img {
        border-radius: 8px;
    }

    .taxonomy .taxonomy__product h2 {
        font-size: 16px;
        left: 15px;
        top: 11px;
    }

    .taxonomy .taxonomy__slogan {
        left: 15px;
        top: 34px;
        font-size: 12px;
        letter-spacing: 0.36px;
        width: 108px;
    }

    .taxonomy .taxonomy_category {
        right: -196px;
        bottom: 7px;
        font-size: 9px;
        letter-spacing: 7.995px;
        width: 231px;
    }

    .taxonomy .taxonomy__product button {
        left: auto;
        bottom: 21px;
        right: 50px;
    }

    .product .product__row {
        position: relative;
        padding-left: 41px;
        flex-wrap: wrap;
    }

    .product .product--col1 {
        width: 100%;
        padding-left: 0;
    }

    .product .product__menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .product .product__explore {
        display: none;
    }

    .product .product__menuline {
        display: none;
    }

    .product .product__menu div {
        margin-bottom: 13px;
    }

    .product .product__menu div .button {
        width: 140px;
    }

    .product .product__left {
        position: relative;
        top: 0;
        padding-bottom: 10px;
        padding-right: 41px;
    }

    .product .product__menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        padding-top: 14px;
    }

    .product .product__price {
        padding-top: 15px;
        text-align: right;
    }

    .product .product__price span {
        display: block;
        font-size: 13px;
        line-height: normal;
        letter-spacing: 0;
    }

    .product .product__price div.smalltitle {
        color: var(--white-color);
        margin-bottom: 15px;
    }

    .product .subtitle {
        margin-bottom: 10px;
        letter-spacing: 7.995px;
    }

    .product .product--col2 {
        width: 100%;
    }

    .product .product__mainimage {
        margin-top: 0;
        margin-left: -22px;
    }

    .product .product__mainimage img {
        border-radius: 8px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        height: 238px;
        object-fit: cover;
    }

    .product .product__content {
        width: calc(100% - 41px);
        padding-top: 30px;
        padding-right: 41px;
    }

    .product .product__spec {
        margin-top: 30px;
        padding-top: 34px;
        padding-bottom: 34px;
        border-radius: 5px;
        padding-left: 41px;
        padding-right: 41px;
        margin-bottom: 30px;
        margin-left: -41px;
        margin-right: -41px;
    }

    .product .product__numbers {
        grid-template-columns: 1fr 1fr;
        grid-gap: 35px;
        row-gap: 14px;
    }

    .product .product__number div {
        font-size: 19px;
        letter-spacing: 0.989px;
        max-width: none;
        width: 100%;
        text-align: center;
        padding-bottom: 0;
        letter-spacing: -0.5px;
    }

    .product .product__number {
        gap: 10px;
    }

    .product .product__number span {
        font-size: 10px;
        letter-spacing: 0.3px;
        width: 100%;
    }

    .smalltitle-white {
        color: var(--white-color);
    }

    section.box .box__left {
        width: auto;
        float: none;
        margin-bottom: 30px;
        margin-left: -22px;
        margin-right: -22px;
    }

    section.box .box__image img,
    section.box2 .box2__image img {
        border-radius: 8px;
    }

    section.box2 .box2__right {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-bottom: 30px;
    }

    section.box2 .box2__right .box2__image {
        margin-right: -22px;
        margin-left: -22px;
    }

    .product .product__contact_row {
        gap: 0;
        flex-wrap: wrap;
    }

    .product .product--contact_col1 {
        width: 100%;
    }

    .product .product__contact__image img {
        display: none;
    }

    input[type=text],
    input[type=tel],
    input[type=email],
    textarea {
        width: calc(100% - 44px);
        height: 43px;
        border: 1px solid var(--grey2-color);
        padding-left: 21px;
        padding-right: 21px;
        font-size: 14px;
        border-radius: 5px;
        background-color: var(--white-color);
    }

    .product .product--contact_col2 {
        width: 100%;
        padding-top: 30px;
    }

    .wpcf7-form-control-wrap {
        margin-bottom: 15px;
        width: 100%;
    }

    form .form-row p {
        display: flex;
        gap: 0;
        flex-wrap: wrap;
    }

    textarea {
        padding-top: 15px;
        padding-bottom: 15px;
        height: 319px;
        display: block;
    }

    section.box,
    section.box2 {
        margin-bottom: 30px;
    }

    .wpcf7-not-valid-tip {
        font-size: 14px;
    }

    .wpcf7 form .wpcf7-response-output {
        margin-bottom: 15px;
    }

    .wpcf7-list-item input {
        margin-top: 6px;
        margin-right: 10px;
        width: 14px;
        height: 14px;
    }

    .form_button {
        padding-top: 10px;
        padding-bottom: 26px;
        text-align: center;
    }

    footer.contact-footer {
        height: 220px;
        background: none;
    }

    footer.contact-footer svg {
        width: 238px;
        position: absolute;
        top: 24px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    footer.contact-footer {
        flex-wrap: wrap;
    }

    footer.contact-footer .cf-col {
        width: 100%;
    }

    footer.contact-footer .nav-terms {
        margin-left: 0;
        transform: none;
        width: 100%;
    }

    footer .copyright {
        font-size: 13px;
        line-height: 20px;
        position: absolute;
        bottom: 33px;
        right: auto;
        left: auto;
        transform: none;
        width: 215px;
        text-align: center;
    }

    footer.contact-footer .cf-col2 {
        justify-content: center;
        padding-top: 0;
        position: absolute;
        bottom: 30px;
    }

    footer.contact-footer .copyright {
        margin-top: 0;
        margin-right: 0;
    }

    footer.contact-footer .nav-terms {
        display: flex;
        gap: 66px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        justify-content: center;
    }

    .technology .technology__buttonsmobile {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .technology .technology__buttonsdesktop {
        display: none;
    }

    .description ul li::before {
        font-size: 15px;
        margin-right: 10px;
    }

    .description ul li ul {
        margin-left: 23px;
    }

    .numbers {
        padding-left: 41px;
        padding-right: 41px;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 36px;
        row-gap: 15px;
        padding-bottom: 40px;
        justify-items: center;
    }

    .numbers .numbers__block {
        display: flex;
        gap: 28px;
        align-items: center;
    }

    .numbers .numbers__number {
        font-size: 28px;
        letter-spacing: 0.989px;
        width: 80px;
        text-align: right;
    }

    .numbers .numbers__name {
        font-size: 14px;
        letter-spacing: 0.3px;
        width: 200px;
    }

    .technology .technology__buttons {
        gap: 16px;
    }

    .technology2 .line-hr {
        display: none;
    }

    .page-container {
        margin-left: 33px;
        width: auto;
    }

    .technology2 .technology__buttons {
        padding-bottom: 36px;
        display: flex;
        gap: 15px;
        justify-content: flex-start;
    }

    .technology2 .page {
        padding-top: 30px;
    }

    .technology2 .page .description ul {
        margin-bottom: 0;
    }

    .line-hr {
        display: none;
    }

    .technology3 .technology__buttons {
        padding-top: 20px;
        padding-bottom: 30px;
        justify-content: flex-start;
    }

    .services .technology__buttons {
        padding-bottom: 30px;
        justify-content: flex-start;
    }

    .services2 .technology__buttons {
        padding-top: 20px;
    }

    section.gallery .gallery__area {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 14px;
        row-gap: 0%;
    }

    section.gallery .gallery__image {
        margin-bottom: 6px;
    }

    div.technology section.gallery,
    div.services2 section.gallery,
    div.gallerypage section.gallery {
        padding-left: 19px;
        padding-right: 19px;
        padding-bottom: 30px;
        width: auto;
    }

    section.gallery .gallery__image img {
        border-radius: 8px;
    }

    .gallerypage section.page .page__left {
        padding-left: 41px;
        width: calc(100% - 41px);
    }

    .gallerypage section.page .page__right {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .gallerypage .technology__buttons {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }

    .gallerypage .technology__buttons .button {
        padding-left: 0;
        padding-right: 0;
        width: 150px;
        text-align: center;
    }

    .pagination span,
    .pagination a {
        width: 29px;
        height: 29px;
        border-radius: 5px;
        margin-top: 30px;
        font-size: 14px;
    }

    .blog section.gallery .gallery__area {
        grid-template-columns: 1fr;
    }

    .blog__date {
        margin-top: 28px;
        padding-left: 22px;
        font-size: 10px;
        letter-spacing: 6px;
    }

    .blog .blog__title {
        padding-left: 22px;
        font-size: 22px;
        line-height: normal;
    }

    .blog .blog__excerpt {
        font-size: 14px;
        line-height: 21.395px;
        padding-right: 40px;
        padding-left: 22px;
    }

    .blog .blog__button {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }

    .single .single__image img {
        border-radius: 0;
        height: 300px;
        object-fit: cover;
    }

    .single section.page1 {
        padding-top: 0;
    }

    section.page .page__full {
        width: 100%;
        padding-left: 0;
    }

    .single .single__data {
        position: absolute;
        left: 41px;
        bottom: 20px;
    }

    .single .single__gradient {
        background: linear-gradient(253deg, rgba(0, 0, 0, 0.00) 27.53%, rgba(0, 0, 0, 0.87) 100.21%);
        border-radius: 0;
    }

    .single .title {
        margin-bottom: 10px;
    }

    .single1 .blog__date {
        padding-left: 0;
    }

    .single .single1 .line2 {
        height: 42px;
        top: auto;
        bottom: 54px;
    }

    .single .single1 .line {
        height: 55px;
    }

    .single .single2 {
        padding-top: 29px;
    }

    .single .single__desc {
        padding-left: 41px;
        padding-right: 41px;
    }

    .single .single__arrow a span {
        display: none;
    }

    .single .single__arrow a div {
        width: 29px;
        height: 29px;
        border-radius: 5px;
        border: 1px solid var(--grey50-color);
    }

    .single .single__arrows {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .contact section.page {
        gap: 0;
        flex-wrap: wrap;
    }

    .contact section.page .page__left {
        width: calc(100% - 41px);
    }

    .contact section.page .page__button {
        margin-top: 30px;
        text-align: left;
    }

    .contact section.page .page__right {
        width: 100%;
    }

    .contact section.page .page__image img {
        border-radius: 8px;
    }

    .button3 {
        background-color: var(--grey-color);
        border: 1px solid var(--grey-color);
        color: var(--white-color);
    }

    .contact section.page .page__right2 {
        width: calc(100% - 80px);
        padding-left: 41px;
        padding-right: 39px;
        padding-top: 38px;
    }

    iframe {
        height: 351px;
    }

    .select2-container {
        width: auto !important;
    }

    .container .select2-container {
        width: 100% !important;
    }

    .select2-container .select2-selection--single {
        height: 47px;
    }

    .select2-container--default .select2-selection--single {
        border: 1px solid var(--grey2-color);
        border-radius: 5px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--grey5-color);
        line-height: 44px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 21px;
        padding-right: 43px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 44px;
        top: 0;
        right: 0;
        width: 25px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-width: 8px 7px 0 7px;
        margin-left: -16px;
        margin-top: -3px;
    }

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 0 7px 8px 7px;
    }

    .image_desktop {
        display: none !important;
    }

    .image_mobile {
        display: block !important;
    }

    .blog .distributors__buttons {
        display: none;
    }

    .select_category {
        padding-left: 41px;
        padding-right: 39px;
        width: calc(100% - 80px);
        display: block;
    }

    .gallerypage .technology__buttons {
        display: none;
    }

    .distributors_n .distributors__buttons {
        display: none;
    }

    .distributors_n section.page .page__image {
        padding-left: 0;
        padding-right: 19px;
        margin-left: -22px;
    }

    .distributors_n section.page_country .smalltitle {
        padding-left: 22px;
        padding-top: 30px;
    }

    .distributors_n section.page_country .page__image img {
        height: 266px;
        object-fit: cover;
        border-radius: 8px;
        object-position: 0 -70px;
    }

    .distributors_n .distributors__row {
        gap: 0;
        flex-wrap: wrap;
    }

    .distributors_n .contactarea {
        width: calc(100% - 41px);
        position: relative;
        order: 0;
        padding-left: 41px;
        padding-top: 10px;
    }

    .distributors section.page_country .page_country-row:first-child .page__right {
        margin-top: 0;
    }

    .distributors_n section.page_country .contactarea .subtitle {
        color: var(--white-color);
    }

    .distributors_n section.page_country .contactarea .smalltitle {
        padding-left: 0;
        padding-top: 10px;
        color: var(--green-color);
    }

    .distributors_n iframe {
        width: 100%;
        height: 351px;
        background-color: var(--grey3-color);
        order: 1;
    }

    .distributors_n .distributors__button {
        position: relative;
        left: auto;
        bottom: auto;
        text-align: center;
        margin-left: -41px;
        padding-top: 14px;
        padding-bottom: 34px;
    }

    .page-where-to-buy .select2-container--default .select2-results>.select2-results__options {
        max-height: 424px;
        overflow-y: auto;
    }

    section.faq .faq__list .smalltitle {
        font-size: 15px;
        margin-bottom: 16px;
    }

    section.faq .faq__desc {
        padding-bottom: 13px;
    }

    section.gallery-slider .gallery__area {
        display: block;
        width: 630px;
    }

    section.gallery-slider .gallery__image {
        padding-right: 19px;
    }

    .single section.gallery {
        padding-bottom: 16px;
        padding-top: 0;
        margin-left: -22px;
    }

    section.home1 video {
        height: 491px;
    }

    section.home1 .home1__area {
        left: 41px;
        width: 258px;
        height: 210px;
    }

    section.home1 .home1__desc {
        font-size: 12px;
        margin-bottom: 19px;
    }

    section.home1 .title {
        margin-bottom: 11px;
    }

    section.home1 .home1__bg {
        background: linear-gradient(189deg, rgba(0, 0, 0, 0.00) 42.19%, rgba(0, 0, 0, 0.54) 78.08%), linear-gradient(0deg, rgba(0, 0, 0, 0.00) 75.77%, rgba(0, 0, 0, 0.54) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%);
    }

    section.home .line2 {
        height: 53px;
    }

    section.home1 .line2 {
        bottom: 157px;
    }

    section.home1 .line {
        top: auto;
        bottom: 0;
        height: 157px;
    }

    section.productslist {
        height: auto;
    }

    section.productslist .productslist--col2 {
        display: none;
    }

    section.productslist .productslist--col1 {
        width: 100%;
    }

    section.productslist .productslist__area {
        padding-left: 41px;
        margin-left: 0;
        padding-right: 0;
        width: calc(100% - 41px);
        padding-top: 41px;
    }

    section.productslist .productslist__row2 .productslist--col1 {
        display: none;
    }

    section.productslist .productslist__row2 .productslist--col2 {
        display: block;
        width: calc(100% + 41px);
        text-align: center;
        margin-left: -41px;
    }

    section.productslist .line2 {
        top: 40px;
        height: 81px;
    }

    section.productslist .taxonomy .taxonomy__products {
        padding-left: 0;
        width: 640px;
        margin-left: -21px;
        padding-bottom: 0;
    }

    section.productslist .taxonomy .taxonomy_category {
        letter-spacing: 5.6px;
    }

    section.productslist .taxonomy .taxonomy__product button {
        bottom: 12px;
    }

    section.productsingle {
        padding-top: 42px;
        height: auto;
    }

    section.productsingle .productsingle__area,
    section.productsingle .productsingle__head {
        margin-left: 41px;
        flex-wrap: wrap;
    }

    section.productsingle .line2 {
        height: 50px;
        top: 41px;
    }

    section.productsingle .productsingle__col1 {
        gap: 10px;
        border-right: 0;
        padding-right: 0;
    }

    section.productsingle .productsingle__col2 {
        padding-left: 0;
        padding-top: 30px;
    }

    section.productsingle .productsingle__col2 div {
        gap: 9px;
    }

    section.productsingle .productsingle__menu {
        font-size: 11px;
        letter-spacing: -0.3px;
    }

    .productdata {
        margin-left: 41px;
        padding-top: 24px;
    }

    .productdata .productdata__row {
        gap: 0;
        flex-wrap: wrap;
    }

    .productdata .productdata__left {
        width: 100%;
    }

    .productdata .productdata__head {
        flex-wrap: wrap;
    }

    .productdata .productdata--col1 {
        width: 100%;
        margin-bottom: 21px;
    }

    .productdata .productdata--col2 {
        padding-left: 0;
        width: calc(100% - 38px);
        padding-right: 38px;
        border-left: 0;
        padding-bottom: 30px;
    }

    .productdata .taxonomy .taxonomy__product {
        width: calc(100% + 41px);
        margin-left: -41px;
    }

    .productdata .taxonomy .taxonomy__product img {
        height: auto;
        border-radius: 0;
    }

    .productdata .productdata__right {
        width: calc(100% - 37px);
        padding-right: 37px;
        padding-top: 0;
    }

    .productdata .productdata__right .smalltitle {
        border-bottom: 1px solid var(--grey20-color);
        margin-bottom: 20px;
        padding-bottom: 12px;
        font-size: 14px;
        letter-spacing: 0.42px;
        width: 140px;
    }

    .productdata .productdata__pricearea {
        width: calc(100% + 78px);
        height: 137px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: -85px;
        position: relative;
        left: auto;
        bottom: auto;
        margin-left: -41px;
        margin-top: 30px;
    }

    section.home2 {
        height: auto;
    }

    .productdata .productdata__pricearea span {
        margin-left: 0;
        margin-top: 0;
        padding-left: 60px;
        padding-top: 28px;
    }

    .productdata .productdata__row2 .productdata__right {
        gap: 0;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 30px;
        width: auto;
    }

    .productdata .contactform {
        gap: 8.4px;
        width: 100%;
        justify-content: center;
        padding-top: 29px;
        padding-bottom: 27px;
    }

    .productdata .contactform span {
        font-size: 9.6px;
        letter-spacing: 0.96px;
    }

    .productdata .contactform svg {
        width: 13.2px;
        height: 4.8px;
    }

    section.home2 .home2__prow {
        padding-left: 41px;
        gap: 0;
        padding-top: 24px;
        flex-wrap: wrap;
    }

    section.home2 .home2__pleft {
        width: calc(100% - 38px);
        position: relative;
        padding-right: 38px;
        order: 1;
        padding-top: 41px;
    }

    section.home2 .home2__pright {
        width: 100%;
        margin-left: -22px;
    }

    section.home2 .home2__pright img {
        border-radius: 8px;
    }

    section.home2 .home2__button {
        position: relative;
        left: auto;
        bottom: auto;
        text-align: center;
        padding-top: 41px;
    }

    section.home2 .line {
        height: 100%;
    }

    section.home2 .line2 {
        top: 330px;
    }

    section.home2 .home2__srow {
        gap: 0;
        padding-top: 50px;
        flex-wrap: wrap;
        padding-left: 41px;
    }

    section.home2 .numbers {
        display: none;
    }

    section.home4 {
        height: auto;
    }

    section.home2 .home2__sright {
        width: calc(100% - 38px);
        padding-right: 38px;
        padding-bottom: 45px;
    }

    section.home2 .home2__sleft {
        width: 100%;
        padding-bottom: 42px;
        margin-left: -22px;
    }

    section.home2 .home2__sleft img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 8px;
    }

    section.home4 .home4__row {
        padding-top: 41px;
        margin-left: 41px;
        gap: 0;
        flex-wrap: wrap;
    }

    section.home4 .home4__left {
        width: calc(100% - 38px);
        padding-right: 38px;
        position: relative;
    }

    section.home4 .home4__buttons {
        margin-bottom: 29px;
        gap: 20px;
        justify-content: flex-start;
    }

    section.home4 .home4__left img {
        width: calc(100% + 35px);
        margin-bottom: 30px;
        display: block;
        border-radius: 8px;
        margin-left: -22px;
    }

    section.home4 .home4__button {
        position: relative;
        left: auto;
        bottom: auto;
        text-align: center;
        padding-top: 35px;
        padding-bottom: 45px;
    }

    section.home4 .line2 {
        top: 39px;
    }

    section.home6 {
        height: 838px;
    }

    section.home6 .home6__head {
        padding-top: 41px;
        padding-left: 41px;
    }

    section.home6 .home6__foot {
        width: calc(100% - 82px);
        padding-left: 41px;
        padding-right: 41px;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translate(-50%, 0);
        text-align: center;
    }

    section.home6 .line2 {
        top: 39px;
    }

    section.home7 {
        height: auto;
    }

    section.home8 {
        display: none;
    }

    .formcontact {}

    .formcontact .formcontact__area {
        width: 100%;
        height: auto;
        background: none;
    }

    .formcontact textarea {
        height: 100px;
    }

    .formcontact .formcontact__row {
        flex-wrap: wrap;
    }

    .formcontact .formcontact--col1 {
        width: 100%;
        padding-left: 0;
    }

    .formcontact .formcontact__row {
        background: none;
    }

    .formcontact .formcontact--col2 {
        width: 100%;
        padding-top: 10px;
    }

    .formcontact form {
        padding-left: 15px;
        padding-right: 15px;
    }

    .formcontact form .form-row p {
        gap: 15px;
        flex-wrap: inherit;
    }

    .formcontact .formcontact__title {
        margin-top: 20px;
        padding-left: 15px;
        margin-left: 15px;
        border-left: 3px solid var(--green-color);
    }

    .formcontact .formcontact__title span {
        font-size: 9px;
        line-height: normal;
        letter-spacing: 7.995px;
        margin-bottom: 2px;
    }

    .formcontact .formcontact__title h3 {
        font-size: 22px;
        line-height: normal;
        margin-bottom: 20px;
    }

    .formcontact .select2-container {
        width: 100% !important;
    }

    .formcontact .wpcf7-not-valid-tip {
        font-size: 13px;
    }

    .formcontact svg {
        width: 40px;
        height: 40px;
        top: 15px;
        right: 15px;
    }

    .mainmenu {
        width: 100%;
        height: 100vh;
        background: none;
        background-image: url('img/menu_bg_mobile.webp');
        background-size: cover;
        background-repeat: no-repeat;
        display: none;
    }

    .mainmenu .block_right {
        display: none;
    }

    .mainmenu .mainmenu__head {
        height: 75px;
        border-bottom: 1px solid var(--grey20-color);
        position: relative;
    }

    .mainmenu__head .hamburger {
        position: absolute;
        top: 19px;
        right: 0;
    }

    .mainmenu__head .phone {
        position: absolute;
        top: 19px;
        right: 66px;
    }

    .mainmenu .mainmenu__main {
        width: 100%;
        height: auto;
        top: auto;
        right: auto;
    }

    .mainmenu .mainmenu__terms {
        display: flex;
        gap: 0;
        position: relative;
        top: auto;
        left: auto;
        margin-top: 20px;
        justify-content: center;
    }

    .mainmenu .mainmenu__productsname {
        display: flex;
        position: relative;
        top: auto;
        left: auto;
        margin-top: 29px;
        justify-content: center;
    }

    .mainmenu .mainmenu__productarea {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
    }

    .mainmenu .mainmenu__term {
        font-size: 15px;
        letter-spacing: 0.45px;
        opacity: 0.7;
        width: 100px;
    }

    .mainmenu .mainmenu__termactive {
        opacity: 1;
    }

    .mainmenu .mainmenu__productname {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 11px;
        letter-spacing: 0;
        opacity: 0.7;
        padding-bottom: 12px;
        padding-top: 0;
        border-bottom: 1px solid var(--grey20-color);
    }

    .mainmenu .mainmenu__productnameactive {
        opacity: 1;
        border-bottom: 1px solid var(--green-color);
    }

    .mainmenu .mainmenu__main {
        background: none;
        position: relative;
    }

    .mainmenu .mainmenu__menu {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        border-bottom: 1px solid var(--grey20-color);
        padding-bottom: 12px;
    }

    .mainmenu .mainmenu__menutitle {
        display: none;
    }

    .mainmenu .mainmenu__menu ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        margin-top: 18px;
        margin-left: 24px;
    }

    .mainmenu .mainmenu__menu ul li {
        width: 135px;
        margin-bottom: 2px;
        padding-right: 20px;
    }

    .mainmenu .mainmenu__menu ul li a {
        font-size: 15px;
        letter-spacing: 0.45px;
    }

    .mainmenu .mainmenu__line {
        display: none;
    }

    .mainmenu .mainmenu__spec {
        display: none;
    }

    .mainmenu .mainmenu__productitle {
        text-align: left;
        font-size: 18px;
        letter-spacing: 0.54px;
        margin-bottom: 12px;
        margin-top: 28px;
        margin-left: 23px;
    }

    .mainmenu .mainmenu__image {
        position: relative;
        top: auto;
        left: auto;
        width: 280px;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .mainmenu .mainmenu__productsubtitle {
        width: auto;
        float: none;
        font-size: 11px;
        line-height: normal;
        letter-spacing: 0.33px;
        text-align: left;
        margin-bottom: 9px;
        min-height: auto;
        margin-left: 23px;
    }

    .mainmenu .mainmenu__productdesc {
        display: none;
    }

    .mainmenu .mainmenu__price {
        position: absolute;
        top: 0;
        right: 22px;
    }

    .mainmenu .mainmenu__price span {
        font-size: 8px;
        letter-spacing: 0.236px;
    }

    .mainmenu .mainmenu__price div {
        font-size: 18px;
        letter-spacing: 0.539px;
    }

    .mainmenu .mainmenu__explore {
        padding-right: 22px;
    }

    .mainmenu .mainmenu__menu ul li:nth-child(1) {
        order: 1;
    }

    .mainmenu .mainmenu__menu ul li:nth-child(2) {
        order: 3;
    }

    .mainmenu .mainmenu__menu ul li:nth-child(3) {
        order: 5;
    }

    .mainmenu .mainmenu__menu ul li:nth-child(4) {
        order: 7;
    }

    .mainmenu .mainmenu__menu ul li:nth-child(5) {
        order: 9;
    }

    .mainmenu .mainmenu__menu ul li:nth-child(6) {
        order: 2;
    }

    .mainmenu .mainmenu__menu ul li:nth-child(7) {
        order: 4;
    }

    .mainmenu .mainmenu__menu ul li:nth-child(8) {
        order: 6;
    }

    .mainmenu .mainmenu__menu ul li:nth-child(9) {
        order: 8;
    }

    section.home7 .home7__right {
        display: none;
    }

    section.home7 .home7__left {
        width: calc(100% - 38px);
        padding-right: 38px;
        padding-bottom: 38px;
    }

    section.home7 .line3 {
        display: none;
    }

    section.home7 .line4 {
        display: none;
    }

    section.home7 .line {
        height: 100%;
    }

    section.home7 img {
        width: calc(100% + 35px);
        display: block;
        border-radius: 8px;
        margin-bottom: 40px;
        margin-left: -22px;
    }

    div.news section.page .page__right {
        text-align: center;
        justify-content: center;
    }

    div.news section.page .page__right .button {
        margin-right: 0;
        margin-top: 0;
    }

    div.news section.page .line2 {
        top: 38px;
        height: 53px;
    }

    section.home7 .home7__row {
        display: flex;
        gap: 0;
        margin-left: 41px;
        padding-top: 44px;
    }

    section.home7 .line2 {
        top: 40px;
    }

    div.news section.page {
        padding-top: 40px;
    }

    svg.ico_www {
        width: 12px;
        height: auto;
    }

    section.page3 .line,
    .product .line {
        height: 100%;
        bottom: 0;
    }

    .page-container .line {
        left: -14px;
    }

    .page-home header.stick {
        width: 100%;
        height: 75px;
        background-image: url('img/bg_header_mobile.webp');
        background-repeat: no-repeat;
        background-size: cover;
        border-bottom: 1px solid var(--grey3-color);
    }

    .mainmenu .mainmenu__area {
        width: 100%;
        background: none;
    }

    .productdata .productdata__slider {
        width: 330px;
        margin: 0 auto;
        margin-top: 2vw;
        margin-left: -3px;
        margin-bottom: 25px;
    }

    .technology .technology__buttonmobile {
        display: block;
    }

    /*
    [data-anim] {
        opacity: 0;
        transition: all 0.8s ease-out;
        will-change: transform, opacity;
    }

    [data-anim].aos-animate {
        opacity: 1;
        transform: translate(0, 0);
    }

    [data-anim="fade-left"] {
        transform: translateX(40px);
    }

    [data-anim="fade-right"] {
        transform: translateX(-40px);
    }

    [data-anim="fade-up"] {
        transform: translateY(40px);
    }

    [data-anim="fade-down"] {
        transform: translateY(-40px);
    }

    [data-anim="fade"] {
        transform: none;
    }
    */

    #orientation-lock {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: black;
        color: white;
        font-size: 1.5rem;
        display: none;
        justify-content: center;
        align-items: center;
        text-align: center;
        z-index: 9999;
    }

    .lang-switch__btn img {
        width: 16px !important;
        height: 11px !important;
    }

    .lang-switch svg {
        width: 16px;
    }

    .lang-switch__btn {
        gap: 6px;
        padding: 0;
    }

    .lang-switch__list a span {
        display: none;
    }

    .lang-switch__list {
        right: 18px;
        top: calc(100% + -2px);
        min-width: auto;
        border-radius: 2px;
        padding: 2px;
    }

    svg.flag {
        width: 18px;
        height: 13px;
    }

    section.productsingle .productsingle__col1 .button {
        width: 54px;
    }

    .distributors .distributors__row {
        margin-bottom: 20px;
    }

    .distributors .page_country .page_country-row {
        flex-wrap: wrap;
    }
}

@keyframes pulseButton {
    0% {
        border: 0.05vw solid var(--white-color);
        background: none;
    }

    50% {
        border: 0.05vw solid var(--green-color);
        background: var(--green-color);
    }

    100% {
        border: 0.05vw solid var(--white-color);
        background: none;
    }
}