html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    min-height: 100vh;
}

body {
    margin: 0;
}

main {
    display: block;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    appearance: textfield;
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent;

    transition: padding .3s, gap .3s;
}

ul,
ol {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

a,
button,
label,
input[type="submit"] {
    cursor: pointer;
}

a {
    text-decoration: none;
    color: unset;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-x: hidden;
}

body.stop {
    overflow: hidden;
}

/* * {
    scrollbar-width: auto;
    scrollbar-color: #009DD9 #E8F1FD;
} */

/* Chrome, Edge, and Safari */
/* *::-webkit-scrollbar {
    width: 3px;
}


*::-webkit-scrollbar-track {
    background: #ffffff33;
    border-radius: 2px;
    transition: all .1s;
}

*::-webkit-scrollbar-thumb {
    background-color: #FFDA15;
    border-radius: 2px;

    transition: all .1s;
    -webkit-transition: .5s;
} */


/* *::-webkit-scrollbar-track:disabled,
*::-webkit-scrollbar-thumb:disabled {
    background: #fff0;
} */

























/*
//////////////////
/////////////
/////////
OTHER
/////////
/////////////
////////////////
*/

.btn {
    font-family: 'Inter';
    color: #FFF;
    font-size: clamp(16px, 5vw - 22px, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-align: center;

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

    padding: 20px clamp(25px, 5vw, 40px);
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;

    border-radius: 10px;
    background: #4289F5;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all .2s;
}

.btn:hover {
    background: rgba(80, 143, 237, 0.861);
}

.btn:active {
    background: #3074d9;
}

.btn--more {
    color: #4289F5;
    background: #fff0;
    border: 1px solid #4289F5;
}

.btn--more:hover {
    background: #428af51a;
}

.btn--more:active {
    color: #ffffff;
    background: rgba(48, 116, 217, 0.704);
}

.logo {
    display: flex;
    align-items: center;

    width: clamp(130px, 50vw, 222px);
    aspect-ratio: 222 / 41;
    min-width: 180px;
    min-height: 41px;

    background: url(../img/logo.svg) center / contain no-repeat;
}

.menuBtn {
    display: none;
    align-items: center;
    justify-content: center;
    position: relative;

    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;

    background: #4289F5;
    border-radius: 10px;

    box-sizing: border-box;

    cursor: pointer;
}

.menuBtn-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    position: relative;

    width: 27px;
    height: 24px;

    padding: 6.5px 0;
    box-sizing: border-box;
}

.menuBtn-cont::after,
.menuBtn-cont::before {
    content: '';
    display: block;
    position: absolute;

    width: 100%;
    min-height: 4px;
    max-height: 4px;

    background: #ffffff;
    border-radius: 10px;

    transition: all .2s;
}

.menuBtn-cont::after {
    top: 0;
}

.menuBtn-cont::before {
    bottom: 0;
}

.menuBtn-cont span {
    display: block;
    height: 4px;
    width: 100%;

    background: #ffffff;
    border-radius: 10px;

    transition: all .2s;
}

.menuBtn.menuBtn--active .menuBtn-cont span {
    background: #d05ad000;
}

.menuBtn.menuBtn--active .menuBtn-cont::after {
    width: 30px;
    top: unset;
    transform: rotate(45deg);
}

.menuBtn.menuBtn--active .menuBtn-cont::before {
    width: 30px;
    bottom: unset;
    transform: rotate(-45deg);
}

.h1 {
    color: #25262B;
    font-family: "Inter";
    font-size: clamp(40px, 5vw + 10px, 50px);
    font-style: normal;
    font-weight: 700;
    line-height: clamp(42px, 5vw + 20px, 60px);

    white-space: pre-line;
    word-wrap: break-word;
}

.aboutCompany-text h2,
.h2 {
    color: #1F2022;
    font-family: "Inter";
    font-size: clamp(40px, 5vw + 10px, 50px);
    font-style: normal;
    font-weight: 700;
    line-height: clamp(42px, 5vw + 20px, 60px);

    text-align: center;
    word-wrap: break-word;
}

.subtitle {
    color: #595E6F;
    text-align: center;
    font-family: "Inter";
    font-size: clamp(21px, 5vw - 18px, 22px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.container {
    width: 100%;
    padding: 0 clamp(20px, 100vw - 1000px, 45px);
    margin: 0 auto;
    box-sizing: border-box;

    min-width: 0;
}

.container--1550 {
    max-width: 1550px;
}

.container--1450 {
    max-width: 1450px;
}

.container--1380 {
    max-width: 1380px;
}

.container--1360 {
    max-width: 1360px;
}

.container--1270 {
    max-width: 1270px;
}
































/*
//////////////////
/////////////
/////////
HEADER
/////////
/////////////
////////////////
*/

.header {
    position: relative;
    display: flex;
    justify-content: center;

    width: 100%;

    z-index: 10;
}

.header-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    width: 100%;
    padding: 16px 0 15px;
    box-sizing: border-box;
}

.header-meta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.header-phonesCont {
    display: flex;
    gap: 30px;
}

.header-desc {
    color: #5F646F;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;

    max-width: 231px;
}

.header-nav {
    width: 100%;
    background: #F5F5F5;
}

.header-nav-ul {
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    /* gap: clamp(10px, calc(6vw - 50px), 30px); */
}

.header-nav.header-nav--active {
    pointer-events: all;
    height: 65vh;
	overflow: auto;
    position: relative;
    top: 0;
}

.header-nav.header-nav--active > div {
	height: 100%;
}

.header-nav-ul .menu-item {
    position: relative;

    color: #1B1C1F;

    font-family: "Inter";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    word-wrap: break-word;
}

.header-nav-ul .menu-item:nth-child(1) {
	padding: 0 18px 0 0;
}

.header-nav-ul>.menu-item {
    position: relative;
	padding: 0 18px;

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

    border-radius: 2px;

    flex-grow: 1;

    box-sizing: border-box;
}

.header-nav-ul>.menu-item ul.sub-menu {
    display: none;
    position: absolute;
    top: 78px;
    background: #F5F5F5;
}

.header-nav-ul>.menu-item ul.sub-menu li {
    padding: 0 20px;
    transition: all .5s;
}

.header-nav-ul>.menu-item ul.sub-menu li:hover {
    color: #000;
    background: #428af5d7;
}

.header-nav-ul>.menu-item ul.sub-menu li:hover a {
    color: #fff;
}

/* .header-nav-ul .menu-item-has-children::after {
    content: '';
    display: block;

    min-width: 12px;
    max-width: 12px;
    min-height: 8px;
    padding: 6px 6px 6px 0px;
    margin-left: 12px;
    max-height: 8px;
    margin-top: 2px;

    background: url(../img/smallArrow.svg) center / 12px 8px no-repeat;

    transform: scale(1, 1);
    transition: all .2s;
}

.header-nav-ul .menu-item-has-children.active::after {
    transform: scale(1, -1);
} */

.header-nav-ul .menu-item>a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 19px 7px;
    box-sizing: border-box;

    border-radius: 2px;
    background: #fff0;
    text-align: center;

    transition: all .1s;
}

.header-nav-ul>.menu-item>a:hover {
    color: rgba(30, 30, 31, 0.783);
    background: rgba(0, 0, 0, 0.08)
}

.header-nav-ul>.menu-item:hover ul.sub-menu {
    display: block;   
}

.header-nav-ul .menu-item.current-menu-item>a,
.header-nav-ul .menu-item.current-catalog-parent>a {
    background: #4289F5;
    color: #ffffff;
}

.header-nav-ul>.menu-item.current-menu-item>a:hover {
    background: #428af5d7;
}

/* .header-nav-ul .sub-menu {
    position: absolute;
    top: 100%;
    left: -20px;

    max-width: 100vw;
    padding-top: 10px;
    box-sizing: border-box;

    background-color: #FFFFFF;
    border-radius: 0 0 10px 10px;

    -webkit-box-shadow: 0px 25px 54px -25px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 25px 54px -25px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 25px 54px -25px rgba(34, 60, 80, 0.2);

    opacity: 0;
    pointer-events: none;

    transition: all .2s;

    z-index: 100;
}

.header-nav-ul .menu-item-has-children.active>.sub-menu {
    opacity: 1;
    pointer-events: all;
}

.header-nav-ul .sub-menu>.menu-item>a {
    border-radius: inherit;
    height: inherit;
    box-sizing: border-box;
    padding: 5px 30px;
    transition: all .2s;
}

.header-nav-ul .sub-menu>.menu-item:last-child>a {
    border-radius: 0 0 10px 10px;
    padding-bottom: 10px;
}

.header-nav-ul .sub-menu>.menu-item>a:hover {
    background-color: #f0f0f0;
} */

.header-hiddenBlock {
    display: none;

    flex-direction: column;
    align-items: center;
    gap: 2px;

    padding: 0 20px 30px 20px;
    margin-top: 30px;
}

.header-email {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #1B1C1F;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    left: -4px;
    position: relative;
}

.header-email span {
	color: #595E6F;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.header-phone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.header-phone-number {
    color: #1B1C1F;

    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;

    white-space: nowrap;
}

.header-phone-number-desc {
    color: #595E6F;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.header-btn {
    color: #F00;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

    text-decoration: underline;
    text-decoration-color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;

    width: max-content;
    cursor: pointer;
    transition: all .1s;
}

.header-btn:hover {
    color: rgba(255, 0, 0, 0.576);
}

.header-btn:active {
    color: rgba(186, 0, 0, 0.826);
}



















/*
//////////////////
/////////////
/////////
MAIN
/////////
/////////////
////////////////
*/
.main {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    min-height: 500px;
}























/*
//////////////////
/////////////
/////////
BROADCRUMB
/////////
/////////////
////////////////
*/
/* .broadcramb {
    width: 100%;
    padding: 36px 0 20px;
    box-sizing: border-box;
}

.broadcramb-content {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

    width: 100%;

    background: transparent;
}

.broadcramb-elem {
    display: flex;
    align-items: center;

    color: #9B9C9C;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

    transition: all .1s;
    cursor: pointer;
}

.broadcramb-elem.broadcramb-elem--active {
    color: #616469;
}

.broadcramb-elem:not(.broadcramb-elem--active):hover {
    color: #b0b0b0;
}

.broadcramb-elem:not(:first-child)::before {
    content: '·';
    display: block;
    margin-right: 5px;
    white-space: nowrap;
} */


































/*
//////////////////
/////////////
/////////
main-headerBanner
/////////
/////////////
////////////////
*/
.main-headerBanner {
    width: 100%;
    margin-bottom: 40px;

    background: linear-gradient(0deg, rgba(36, 38, 43, 0.60) 0%, rgba(36, 38, 43, 0.60) 100%), url(../temp/P1000246.png) 50% / cover no-repeat;
}

.main-headerBanner-inner {
    display: flex;
    flex-direction: column;

    max-width: 680px;
    padding: clamp(50px, 5vw + 30px, 70px) 0;
}

.main-headerBanner-content {
    display: flex;
    flex-direction: column;
    gap: 25px;

    flex-basis: 580px;
}

.main-headerBanner-h1 {
    color: #FFF;
    margin-bottom: 30px;
}

.main-headerBanner-checkCont {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px 30px;
    width: 100%;
    margin-bottom: 40px;
}

.main-headerBanner-check {
    width: 30%;
    display: flex;
    gap: 13px;

    color: #E8E8E8;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    text-wrap: balance;
    white-space: pre-line;
}

.main-headerBanner-check::before {
    content: '';
    display: block;

    min-width: 23px;
    max-width: 23px;
    min-height: 23px;
    max-height: 23px;

    background: url(../img/checkBox.svg) center / contain no-repeat;
}
































/*
//////////////////
/////////////
/////////
catalogBlock
/////////
/////////////
////////////////
*/
.catalogBlock {
    width: 100%;
    margin-top: clamp(40px, 5vw + 20px, 60px);
    margin-bottom: clamp(40px, 5vw + 20px, 60px);
}

.catalogBlock-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.catalogBlock-content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(263px, calc(100% - 40px) / 3, 100%), 1fr));
    gap: 20px;
}

.catalogBlock-h2 {
    margin-bottom: 13px;
}

.catalogBlock-nav {
    width: 100%;
    margin-bottom: 33px;
	overflow: hidden;
}

.catalogBlock-nav-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
}

.catalogBlock-nav-ul.swiper-disabled .swiper-wrapper {
    --gap: 20px;
    --elemsCount: 3;

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(200px, (100% - var(--elemsCount) * var(--gap)) / var(--elemsCount), 100%), 1fr));

    gap: var(--gap);
}

.catalogBlock-nav-ul.swiper-disabled .catalogBlock-nav-li {
    width: 100% !important;
    margin: 0px !important;
}

.catalogBlock-nav-li {
    color: #363942;

    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

    padding: 13px 18px;
    box-sizing: border-box;

    border-radius: 2px;
    background: #F5F5F5;
}

.catalogBlock-nav-li.span {
	background: #e5e5e5;
}

.catalogBlock-nav-li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.catalogBlock-subtitle {
    max-width: 710px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.catalogCard {
    display: flex;
    flex-direction: column;

    width: 100%;
    border-radius: 5px;
    border: 2px solid #4289f5;
    box-sizing: border-box;

    background: #FFF;
    overflow: hidden;
}

.catalogCard-contImg {
    width: 100%;
    height: 200px;
    padding: 0 0 0 0;
}

.catalogBlock--full2 .catalogCard-contImg:nth-child(1) {
    height: 300px;
    max-height: 300px;
}

.catalogBlock--full2 .catalogCard-contImg:nth-child(1) img {
    object-fit: cover;
}

.catalogCard-contImg-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.catalogCard-caption {
    flex-grow: 1;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
	align-items: center;
    gap: 10px;

    width: 100%;
    padding: 20px 30px 30px 30px;
    box-sizing: border-box;
}

.catalogCard-caption .catalogCard-btn {
	text-align: center;
    margin-top: 0;
}

.catalogCard-title {
    color: #363942;
	text-align: center;

    font-family: Inter;
    font-size: clamp(24px, 5vw - 12px, 28px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;

    width: 100%;
}

.catalogBlock--full2 .catalogCard-title {
	text-align: center;
}

.catalogCard-desc {
    display: flex;
    flex-direction: column;
    gap: 10px;

    flex: 1;
    color: #595E6F;

    font-family: Inter;
    font-size: clamp(19px, 5vw - 20px, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
	text-align: center;

    width: 100%;
}

.catalogCard-desc ul {
    margin-left: 25px;
    list-style: outside disc;
}

.catalogCard-price {
    flex: 1;
    color: #4289F5;

    font-family: Inter;
    font-size: clamp(24px, 5vw - 12px, 28px);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;

    width: 100%;
    margin-top: 5px;
}

.catalogBlock--full2 .catalogCard-price {
    text-align: center;
}

.catalogCard-btn {
    color: #FFF;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;

    border-radius: 5px;
    padding: 15px 20px;
    margin-top: 10px;
    height: max-content;
}

.catalogCard-btn:before {
	content: 'К каталогу';
}

.catalogBlock-moreBtn {
    margin: 0 auto;
    margin-top: 30px;
}




/*catalogBlock--photo*/
.catalogBlock--photo .catalogBlock-content {
    grid-template-columns: repeat(auto-fill, minmax(clamp(263px, calc(100% - 60px) / 4, 100%), 1fr));
}

.catalogBlock--photo .catalogCard {
    border-radius: 10px;
}

.catalogBlock--photo .catalogCard-contImg {
    aspect-ratio: 1 / 1;
}



/*catalogBlock--full2*/
.catalogBlock--price .catalogCard-title {
    font-size: clamp(22px, 5vw - 16px, 24px);
}

.catalogBlock--price .catalogCard-desc {
    font-size: 17px;
}

.catalogBlock--full2 .catalogBlock-h2 {
    text-align: left;
    margin-bottom: 25px;
}

.catalogBlock--full2 .catalogBlock-subtitle {
    text-align: left;
}

.catalogBlock--full2 .catalogBlock-content {
    grid-template-columns: repeat(auto-fill, minmax(clamp(263px, calc(100% - 40px) / 3, 100%), 1fr));
}

.catalogBlock--full2 .catalogCard {
    padding: 0 15px 30px;
}

.catalogBlock--full2 .catalogCard-caption {
    padding: 25px clamp(0px, 5vw - 30px, 25px) 0px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.catalogBlock--full2 .catalogCard-desc {
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 100%;
}

.catalogBlock--full2 .catalogCard-desc__item {
    flex: 1;
    text-align: center;
}

.catalogBlock--full2 .catalogCard {
    position: relative;
}

.catalogBlock--full2 .catalogCard .catalogCard-caption a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*catalogBlock--full1*/
.catalogBlock--full1 .catalogBlock-h2 {
    text-align: left;
    margin-bottom: 25px;
}

.catalogBlock--full1 .catalogBlock-subtitle {
    text-align: left;
}

.catalogBlock--full1 .catalogBlock-content {
    display: flex;
    flex-direction: column;
}

.catalogBlock--full1 .catalogCard {
    display: flex;
    flex-direction: row;
    gap: 35px;
    width: 100%;

    padding: 15px;
    border-radius: 10px;
    background: #F5F5F5;
}

.catalogBlock--full1 .catalogCard-caption {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;

    padding: 20px 0;
}

.catalogBlock--full1 .catalogCard-desc {
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 100%;
}

.catalogBlock--full1 .catalogCard-desc__item {
    flex: 1;
}

.catalogBlock--full1 .catalogCard-price {
    max-width: max-content;
    margin-right: 35px;
}

.catalogBlock--full1 .catalogCard-btn {
    padding: 15px 20px;
    background: #8F9DB3;
}

.catalogBlock--full1 .catalogCard-btn:hover {
    background: #8f9db3d8;
}

.catalogBlock--full1 .catalogCard-btn:active {
    background: #768bad;
}



/*catalogCard-slider*/
.catalogCard-slider {
    display: flex;
    align-items: center;
    position: relative;

    flex: 1;
    flex-basis: 445px;
    width: 100%;
    max-height: 300px;
    aspect-ratio: 445 / 300;
	
	overflow: hidden;
}

.catalogCard-slider-item {
    width: 100%;
    min-height: 230px;
    aspect-ratio: 58 / 38;

    overflow: hidden;
}

.catalogCard-slider-item-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.catalogCard-sliderBtn-next,
.catalogCard-sliderBtn-prev {
    display: block;
    position: absolute;

    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;

    background: #ffffff url(../img/smallArrow.svg) center 15px / 19px 24px no-repeat;
    border-radius: 100%;

    cursor: pointer;
    transition: all .1s;

    z-index: 1;
}

.catalogCard-sliderBtn-next:hover,
.catalogCard-sliderBtn-prev:hover {
    background: #ebf3ff url(../img/smallArrow.svg) center 15px / 19px 24px no-repeat;
}

.catalogCard-sliderBtn-next:active,
.catalogCard-sliderBtn-prev:active {
    background: #b8c6da url(../img/smallArrow.svg) center 20px / 19px 24px no-repeat;
}

.catalogCard-sliderBtn-next {
    right: 15px;
    rotate: -90deg;
}

.catalogCard-sliderBtn-next::after {
    content: none;
}

.catalogCard-sliderBtn-prev {
    left: 15px;
    rotate: 90deg;
}

.catalogCard-sliderBtn-prev::after {
    content: none;
}











































/*
//////////////////
/////////////
/////////
aboutUs
/////////
/////////////
////////////////
*/
.aboutUs {
    width: 100%;
    margin-top: clamp(80px, 5vw + 20px, 120px);
    margin-bottom: clamp(40px, 5vw + 20px, 60px);
}

.aboutUs-inner {
    display: flex;
    flex-direction: column;

    width: 100%;

    border-radius: 40px;
}

.aboutUs-h2 {
    margin-bottom: 12px;
}

.aboutUs-subtitle {
    margin: 0 auto;
    margin-bottom: 30px;
}

.aboutUs-cardsCont {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(263px, (100% - 60px) / 4, 100%), 1fr));
    gap: 20px;
}

.aboutUs-cardsCont-card {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;

    width: 100%;
    padding: 30px 35px;
    box-sizing: border-box;

    border-radius: 10px;
    background: #F5F5F5;
}

.aboutUs-cardsCont-card::before {
    content: '';
    display: block;

    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 100px;
}

.aboutUs-cardsCont-card--check::before {
    background: url(../img/check_icon.svg) center / contain no-repeat;
}

.aboutUs-cardsCont-card--man::before {
    background: url(../img/man_icon.svg) center / contain no-repeat;
}

.aboutUs-cardsCont-card--scroll::before {
    background: url(../img/scroll_icon.svg) center / contain no-repeat;
}

.aboutUs-cardsCont-card--wallet::before {
    background: url(../img/wallet_icon.svg) center / contain no-repeat;
}

.aboutUs-cardsCont-card-title {
    color: #363942;

    text-align: center;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    /* 25.3px */
}

.aboutUs-cardsCont-card-desc {
    color: #595E6F;

    text-align: center;
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 22.8px */
}





.aboutUs--numeric .aboutUs-subtitle {
    margin-bottom: 20px;
}

.aboutUs--numeric .aboutUs-cardsCont {
    grid-template-columns: repeat(auto-fill, minmax(clamp(180px, (100% - 80px) / 5, 100%), 1fr));

    counter-reset: numericBlocks 0;
}

.aboutUs--numeric .aboutUs-cardsCont-card {
    gap: 7px;
    padding: 35px 25px 25px 25px;
    margin-top: 35px;
    align-items: flex-start;
}

.aboutUs--numeric .aboutUs-cardsCont-card::before {
    counter-increment: numericBlocks;
    content: counter(numericBlocks);

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

    position: absolute;
    top: -35px;

    color: #4289F5;
    font-family: Inter;
    font-size: 57px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;

    min-width: unset;
    max-width: unset;
    min-height: unset;
    max-height: unset;
}

.aboutUs--numeric .aboutUs-cardsCont-card-title {
    color: #363942;

    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    text-align: left;
}

.aboutUs--numeric .aboutUs-cardsCont-card-desc {
    color: #595E6F;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: left;
}










































/*
//////////////////
/////////////
/////////
aboutCompany
/////////
/////////////
////////////////
*/
.aboutCompany {
    width: 100%;
    margin-top: clamp(40px, 5vw + 20px, 60px);
    margin-bottom: clamp(40px, 5vw + 20px, 60px);
}

.aboutCompany-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.aboutCompany-text {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
    flex-basis: 680px;
    /* flex: 1.42; */

    min-width: 263px;
}

.aboutCompany-text h2 {
    text-align: left;
}

.aboutCompany-text p {
    color: #595E6F;

    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.aboutCompany-contImg {
    flex: 1;
    aspect-ratio: 480 / 475;
    max-height: 475px;
    overflow: hidden;
    border-radius: 15px;

    min-width: 263px;
}

.aboutCompany-contImg-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}











































/*
//////////////////
/////////////
/////////
reviewsBlock
/////////
/////////////
////////////////
*/
.reviewsBlock {
    width: 100%;
    margin-top: clamp(40px, 5vw + 20px, 60px);
    margin-bottom: clamp(40px, 5vw + 20px, 60px);
}

.reviewsBlock-inner {
    display: flex;
    flex-direction: column;

    width: 100%;

    border-radius: 40px;
}

.reviewsBlock-h2 {
    margin-bottom: 12px;
}

.reviewsBlock-subtitle {
    margin: 0 auto;
    margin-bottom: 30px;
}

.reviewsBlock-content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(263px, (100% - 40px) / 3, 100%), 1fr));
    gap: 20px;
}

.reviewCard {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;

    padding: 35px 30px 30px;
    margin-top: 20.5px;
    box-sizing: border-box;

    border-radius: 10px;
    background: #F5F5F5;
}

.reviewCard::before {
    content: '';
    display: block;

    position: absolute;
    top: -20.5px;

    min-width: 41px;
    max-width: 41px;
    min-height: 41px;
    max-height: 41px;

    background: url(../img/review_icon.svg) center / contain no-repeat;
}

.reviewCard-title {
    color: #363942;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: left;
}

.reviewCard-text {
    color: #595E6F;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: left;

    /* max-height: 100px; */
}

.reviewCard-text-box {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    overflow: hidden;
}

.reviewCard-text-moreLink {
    display: inline;
    color: #363942;
    font-weight: 600;
}

.reviewCard-meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    width: 100%;
    flex: 1;
}

.reviewCard-name {
    color: #4289F5;

    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 28.6px */
}

.reviewCard-date {
    color: #595E6F;

    text-align: right;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
}


.reviewsBlock--numeric .reviewsBlock-cardsCont-card {
    gap: 7px;
    padding: 35px 25px 25px 25px;
    margin-top: 35px;
    align-items: flex-start;
}

.reviewsBlock--numeric .reviewsBlock-cardsCont-card::before {
    counter-increment: numericBlocks;
    content: counter(numericBlocks);

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

    position: absolute;
    top: -20.5px;
    /* margin-top: -35px; */

    color: #4289F5;
    font-family: Inter;
    font-size: 57px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;

    min-width: unset;
    max-width: unset;
    min-height: unset;
    max-height: unset;
}

.reviewsBlock--numeric .reviewsBlock-cardsCont-card-title {
    color: #363942;

    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    text-align: left;
}

.reviewsBlock--numeric .reviewsBlock-cardsCont-card-desc {
    color: #595E6F;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: left;
}




































/*
//////////////////
/////////////
/////////
form1
/////////
/////////////
////////////////
*/
.form1 {
    width: 100%;
    margin-top: clamp(40px, 5vw + 20px, 60px);
    margin-bottom: clamp(40px, 5vw + 20px, 60px);
}

.container--form1 {
    max-width: 1270px;
}

.form1-inner {
    width: 100%;
    border-radius: 20px;
    background: #F5F5F5;

    padding: clamp(50px, 5vw + 30px, 70px) clamp(20px, 5vw + 40px, 121px) clamp(45px, 5vw + 25px, 65px);
    box-sizing: border-box;
}

.form1-h2 {
    color: #363942;

    text-align: center;
    font-family: Inter;
    font-size: clamp(35px, 5vw + 2px, 42px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%;

    margin-bottom: 8px;
}

.form1-subtitle {
    color: #595E6F;

    text-align: center;
    font-family: Inter;
    font-size: clamp(19px, 5vw - 20px, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    margin-bottom: 25px;
}

.form1-inputsCont {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;

    width: 100%;
}

.form1-inputsCont input[type=checkbox] {
	width: 20px;
    height: 20px;
}

.form1-inputsCont p {
	color: #595E6F;
    text-align: left;
    font-family: Inter;
    font-size: clamp(19px, 5vw - 20px, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 0;
}

.form1-inputsCont p a {
	color: #4289F5;	
	transition: all .5s;
}

.form1-inputsCont p a:hover {
	opacity: .7;
}

.form1-input {
    flex: 1;

    color: #1F2022;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    padding: 20px 25px;
    min-height: 62px;
    min-width: 200px;
    box-sizing: border-box;

    border-radius: 10px;
    background: #FFF;
}

.form1-input.full {
	width: 100%;
    flex: auto;
}

.form1-input.err {
	background: #fbc0c0;
}

.form2-input.err {
	background: #fbc0c0;
}

textarea.form2-input {
	width: 100%;
	height: 100px;
}

.form1-input.hdn {
    display: none;
}

.form1-submit {
    flex: 1;
    color: #FFF;

    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;

    word-wrap: break-word;
}



































/*
//////////////////
/////////////
/////////
productBlock
/////////
/////////////
////////////////
*/
.productBlock {
    width: 100%;
    margin-top: 50px;
    margin-bottom: clamp(40px, 5vw + 20px, 60px);
}

.productBlock-inner {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.productBlock-inner-h1 {
    color: #25262B;

    font-family: Commissioner;
    font-size: clamp(40px, 5vw + 2px, 42px);
    font-style: normal;
    font-weight: 700;
    line-height: clamp(42px, 5vw + 4px, 44px);

    max-width: 1000px;
}

.productBlock-content {
    display: flex;
    flex-direction: column;

    width: 100%;
}

.productBlock-content.text {
    display: block;
    width: 100%;
}

.productBlock-content.text a, .termDescription a {
	color: #687eef;
	transition: all .5s;
}


.productBlock-content.text a:hover, .termDescription a:hover {
	color: #687eef;
	opacity: .8;
}

.productBlock-content.text p, .productBlock-content.text li {
    position: relative;
    color: #595E6F;
    font-family: "Inter";
    font-size: clamp(21px, 5vw - 18px, 22px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 10px 0;
}

.productBlock-content.text p img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.productBlock-content.text blockquote, .productBlock-content.text blockquote p {
    position: relative;
    color: #595E6F;
    font-family: "Inter";
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: 130%;
    margin: 30px 0 30px 40px;
}

.termDescription table,
.productBlock-content.text table {
    margin-top: 30px;
    margin-bottom: 30px;
}

.termDescription table td,
.productBlock-content.text table td {
    color: #363942;
    font-family: Inter;
    font-size: clamp(21px, 5vw - 18px, 22px);
    color: #595E6F;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    word-break: break-word;
    padding: 14px 0px;
    border-bottom: 1px solid #EDEDED;
}

.termDescription table th,
.productBlock-content.text table th {
    color: #363942;
    font-family: Inter;
    font-size: clamp(21px, 5vw - 18px, 22px);
    color: #595E6F;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    word-break: break-word;
    padding: 14px 14px 14px 0;
    border-bottom: 1px solid #EDEDED;
	text-align: left;
	font-weight: 700;
}


.productBlock-content.text ul {
    margin-left: 30px;
}

.productBlock-content.text ul + ul {
    margin-top: 30px;
}

.productBlock-content.text li:before {
    content: '';
    left: -17px;
    top: 11px;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #595E6F;
}

.productBlock-content.text  h2 {
    color: #1F2022;
    font-family: "Inter";
    font-size: clamp(28px, 5vw + 10px, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: clamp(42px, 5vw + 20px, 60px);
    word-wrap: break-word;
}

.productBlock-content.text  h3 {
    color: #1F2022;
    font-family: "Inter";
    font-size: clamp(20px, 5vw + 10px, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: clamp(42px, 5vw + 20px, 60px);
    word-wrap: break-word;
}

.productBlock-header {
    display: flex;
    gap: 50px;
    margin-bottom: 60px;
}

.productBlock-header-left {
	position: relative;
    flex-basis: 680px;
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 15px;
}

.productBlock-slider {
    width: 100%;
}

.productBlock-slider-item {
    width: 100%;
    aspect-ratio: 68 / 46;
    border-radius: 5px;
    overflow: hidden;
}

.productBlock-slider-item-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.productBlock-sliderThumbs {
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}

.productBlock-sliderThumbs-item {
    width: auto;
    max-width: 148px;
    aspect-ratio: 148 / 100;

    border-radius: 3px;

    opacity: 0.6;

    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
}

.productBlock-sliderThumbs-item::after {
    content: '';
    display: block;
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background: transparent;
    opacity: 0;

    border-radius: 3px;
    border: 1px solid #fff0;

    transition: all .2s;
}

.productBlock-sliderThumbs-item.swiper-slide-thumb-active::after {
    border: 1px solid #FF2F2F;
    opacity: 1;
}

.productBlock-sliderThumbs-item.swiper-slide-thumb-active {
    opacity: 1;
}

.productBlock-sliderThumbs-item-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.productBlock-header-right {
    flex-basis: 450px;

    display: flex;
    flex-direction: column;

    width: 100%;
}

.productBlock-header-bonusImg {
    margin-bottom: 15px;
    width: 100%;
    max-height: 154px;
    aspect-ratio: 450 / 154;
}

.productBlock-header-bonusImg-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}


/*productBlock-order*/
.productBlock-order {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px 35px;
    flex-wrap: wrap;

    padding: 28px clamp(20px, 5vw - 7px, 26px);
    box-sizing: border-box;

    border-radius: 10px;
    background: #F5F5F5;
}

.productBlock-price {
    color: #4289F5;

    font-family: Inter;
    font-size: clamp(25px, 5vw - 8px, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.btn-productBlock-order {
    color: #FFF;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;

    padding: 15px 20px;
}

.productBlock-header .productBlock-order {
    padding: 22px clamp(20px, 5vw - 15px, 25px);
    margin-bottom: 30px;
    /* justify-content: space-between; */
}

/*productBlock-order*/


.productBlock-header-variants {
    width: 100%;
}

.productBlock-header-variants-title {
    color: #363942;

    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 26.4px */

    margin-bottom: 13px;
}

.productBlock-header-variants-items {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 12px;
    width: 100%;
}

.productBlock-header-variants-items__item {
    width: 100%;
    max-width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.productBlock-header-variants-items__item.active {
	background: #f5f2f2e5;
    border-radius: 10px;
}

.productBlock-header-variants-items__item-contImg {
    border-radius: 5px;
    overflow: hidden;
}

.productBlock-header-variants-items__item-contImg-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.productBlock-header-variants-items__item-caption {
    color: #363942;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-align: center;

    width: 100%;
}


/*productBlock-infoBlock*/
.productBlock-infoBlock {
    display: none;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.productBlock-infoBlock.productBlock-infoBlock--active {
    display: flex;
}

.productBlock-infoBlock-left {
    display: flex;
    flex-direction: column;
    gap: 35px;
    flex-basis: 878px;
    margin-top: 30px;
}

.productBlock-infoBlock-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

    width: 100%;
}

.productBlock-infoBlock-header-link {
    position: relative;

    color: #363942;
    font-size: clamp(18px, 5vw - 20px, 20px);
    text-align: center;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;

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

    padding: 20px 25px 24px;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;

    border-bottom: 1px solid #EDEDED;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all .2s;
}

.productBlock-infoBlock-header-link--active {
    padding: 20px 25px 22px;
    border-bottom: 3px solid #4289F5;
}

.productBlock-infoBlock-text {
    color: #363942;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.productBlock-infoBlock-text u {
    text-decoration: underline;
    text-decoration-color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.productBlock-infoBlock-text>*:not(:last-child) {
    margin-bottom: 20px;
}

.productBlock-infoBlock-text p+ol,
.productBlock-infoBlock-text p+ul {
    margin-top: -20px;
}

.productBlock-infoBlock-text ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.productBlock-infoBlock-text table {
    text-align: left;
    width: 100%;
}

.productBlock-infoBlock-text th {
    color: #FFF;

    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;

    padding: 14px 20px;
    background: #4289F5;
}

.productBlock-infoBlock-text td {
    color: #363942;
    font-family: Inter;
    font-size: clamp(16px, 5vw - 23px, 17px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

    word-break: break-word;

    padding: 14px 0px;
    border-bottom: 1px solid #EDEDED;
}

.productBlock-infoBlock-text td+td,
.productBlock-infoBlock-text th+th {
    padding-left: clamp(20px, 5vw, 40px);
}



.productBlock-infoBlock-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-basis: 240px;
}


































/*
//////////////////
/////////////
/////////
FAQBlock
/////////
/////////////
////////////////
*/
.FAQBlock {
    width: 100%;
    margin-top: clamp(40px, 5vw + 20px, 60px);
    margin-bottom: clamp(40px, 5vw + 20px, 60px);
}

.FAQBlock-inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.FAQBlock-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    width: 100%;
}

.FAQBlock-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.FAQBlock-item {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
}

.FAQBlock-item-question {
    position: relative;

    color: #363942;
    font-family: Inter;
    font-size: clamp(20px, 5vw - 18px, 22px);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

    display: flex;

    width: 100%;
    padding: 19px 85px 19px clamp(15px, 5vw - 15px, 25px);
    box-sizing: border-box;

    border-radius: 15px;
    background: #F5F5F5;

    transition: border-radius .0s .2s;
    cursor: pointer;
    z-index: 2;
}

.FAQBlock-item--active .FAQBlock-item-question {
    border-radius: 15px 15px 0 0;
    transition: border-radius .0s 0s;
}

.FAQBlock-item-question::after {
    content: '';

    position: absolute;
    right: 23px;

    display: block;

    min-height: 20px;
    max-height: 20px;
    min-width: 20px;
    max-width: 20px;

    margin-top: 6px;

    background: url(../img/smallArrow.svg) center / contain no-repeat;

    rotate: 0deg;
    scale: 1 1;
    transition: all .2s;
}

.FAQBlock-item--active .FAQBlock-item-question::after {
    scale: 1 -1;
}

.FAQBlock-item-answer {
    position: relative;

    color: #61646900;
    font-family: Inter;
    font-size: clamp(17px, 5vw - 18px, 19px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    width: 100%;
    max-height: 0px;
    padding: 0px clamp(35px, 5vw + 25px, 85px) 0px clamp(15px, 5vw - 10px, 30px);

    top: -40px;
    box-sizing: border-box;

    background: #F5F5F5;
    border-radius: 0px 0px 15px 15px;

    transition: all .3s, max-height .2s, padding .2s ease-in, border .1s, color .1s;

    overflow: hidden;
    z-index: 1;
}

.FAQBlock-item--active .FAQBlock-item-answer {
    color: #616469;
    padding: 0px clamp(35px, 5vw + 25px, 85px) 25px clamp(15px, 5vw - 10px, 30px);
    top: 0px;
    max-height: 1000px;
    transition: all .4s, max-height .6s ease-in-out, padding .2s ease-in-out, border .1s, color .7s;
}


































/*
//////////////////
/////////////
/////////
popup
/////////
/////////////
////////////////
*/
.popup {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;

    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    opacity: 0;
    z-index: 50;

    pointer-events: none;
    transition: opacity .2s;
}

.popup::before {
    content: '';
    display: block;
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    width: 100vw;
    height: 100vh;

    background: #25262bb3;

    z-index: -1;
}

.popup.popup--active {
    opacity: 1;
    pointer-events: all;
}

.form2 {
    position: relative;

    width: 100%;
    max-width: 470px;

    border-radius: 40px;
    background: #f7f7f7;
}

.popup-closeBtn {
    position: absolute;
    top: 0;
    left: calc(100% + 10px);

    min-width: 43px;
    max-width: 43px;
    min-height: 43px;
    max-height: 43px;

    rotate: 45deg;

    background: #FFF;
    mask: url(../img/crest.svg) center center / contain no-repeat;
    -webkit-mask: url(../img/crest.svg) center center / contain no-repeat;
    transition: all .3s, background .2s;
    cursor: pointer;
}

.popup-closeBtn:hover {
    background: #e4e4e4;
}

.form2-inner {
    width: 100%;
    padding: 30px clamp(20px, 5vw + 15px, 55px) 30px;
    box-sizing: border-box;
}

.form2 .response {
    padding-bottom: 45px;
}

.form2-text-title {
    color: #1F2022;

    text-align: center;
    font-family: Inter;
    font-size: clamp(30px, 5vw - 4px, 36px);
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    word-break: break-word;

    margin-bottom: 20px;
}

.form2-text-desc {
    color: #616469;

    text-align: center;
    font-family: Inter;
    font-size: clamp(18px, 5vw - 20px, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

    margin-bottom: 25px;
}

.form2-input {
	width: 100%;
	
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;

    padding: 22px 25px;
    height: 65px;
    box-sizing: border-box;
    margin-bottom: 9px;
   
	border-radius: 10px;
}

.form2-submit {
    width: 100%;
    height: 65px;
    margin-bottom: 12px;
}

.form2-desc {
    color: #616469;

    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.form2-desc.err {
	color: #f44336;
}

p.err {
	color: #f44336;
}

.form2-desc a {
	text-decoration: underline;
}

















/*
//////////////////
/////////////
/////////
partnersSlider
/////////
/////////////
////////////////
*/
.partnersSlider {
    width: 100%;
    margin-top: clamp(40px, 5vw + 20px, 60px);
    margin-bottom: clamp(40px, 5vw + 20px, 60px);
}

.container--partnersSlider {
    max-width: 1360px;
    padding: 0 50px;
}

.partnersSlider-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
}

.partnersSlider-h2 {
    margin-bottom: 12px;
}

.partnersSlider-subtitle {
    margin-bottom: 33px;
}

.partnersSlider-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    min-width: 0px;
}

.partnersSlider-slider {
    overflow: hidden;
}

.partnersSlider-slider-item {
    display: flex;
    align-items: center;
    height: auto;
    max-width: max-content;
}

.partnersSlider-slider-item-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.partnersSlider-btn {
    content: '';
    display: flex;

    position: absolute;

    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;

    cursor: pointer;
    background: #4289F5;

    mask: url(../img/smallArrow.svg) center center / contain no-repeat;
    -webkit-mask: url(../img/smallArrow.svg) center center / contain no-repeat;
    transition: all .3s, background .2s;
}

.partnersSlider-btn--next {
    right: -40px;
    rotate: -90deg;
}

.partnersSlider-btn--next:hover {
    background: #428af5d0;
}

.partnersSlider-btn--next:active {
    background: rgba(41, 110, 212, 0.816)
}

.partnersSlider-btn--prev {
    left: -40px;
    rotate: 90deg;
}

.partnersSlider-btn--prev:hover {
    background: #428af5d0;

}

.partnersSlider-btn--prev:active {
    background: rgba(41, 110, 212, 0.816)
}



























/*
//////////////////
/////////////
/////////
banner1
/////////
/////////////
////////////////
*/
.banner1 {
    width: 100%;
    margin-top: clamp(80px, 5vw + 20px, 120px);
}

.banner1-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;

    border-radius: 20px;
    background: #F5F5F5;

    padding: clamp(50px, 5vw + 30px, 70px) clamp(20px, 5vw + 40px, 121px) clamp(45px, 5vw + 25px, 65px);
    box-sizing: border-box;
}

.container--banner1 {
    max-width: 1270px;
}

.banner1-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-basis: 520px;
    /* flex: 1.42; */

    min-width: 263px;
}

.banner1-h2 {
    text-align: left;
    font-family: Inter;
    font-size: clamp(35px, 5vw + 2px, 42px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%;

    margin-bottom: 15px;
}

.banner1-subtitle {
    color: #595E6F;

    text-align: left;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    margin-bottom: 20px;
}

.banner1-contImg {
    flex: 1;
    aspect-ratio: 445 / 329;
    max-height: 400px;
    overflow: hidden;
    border-radius: 15px;

    min-width: 250px;
}

.banner1-content-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


























/*
//////////////////
/////////////
/////////
FOOTER
/////////
/////////////
////////////////
*/
.footer {
    width: 100%;
    background: #F5F5F5;
    margin-top: clamp(40px, 5vw + 20px, 60px);
}

.footer-inner {
    width: 100%;
    padding: 70px 0 60px;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: clamp(20px, 5vw - 20px, 70px);
    width: max-content;
    max-width: 100%;
}

.footer-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 263px;
}

.footer-title {
    color: #363942;

    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 26.4px */

    margin-bottom: 20px;
}


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

.footer-nav .footer-ul {
    gap: 15px;
}

.footer-nav .footer-ul li {
    display: flex;
    flex-direction: column;
    gap: 8px;

    color: #363942;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

    transition: all .1s;
}

.footer-nav .footer-ul li:hover {
    color: #363942d7;
}

.footer-nav .footer-ul li a {
    text-decoration: underline;
    text-decoration-color: #fff0;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: all .1s;
}

.footer-nav .footer-ul li a:hover {
    text-decoration-color: inherit;
}

.footer-address {
    color: #363942;

    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 21.6px */
}

.footer-phoneNum {
    color: #363942;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 24px */
}

.footer-items {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 30px;
}

.footer-items-cont {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #363942;

    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.footer-items-name {
    color: #363942;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 21.6px */
}

.footer-items-privacy {
    color: #4289F5;

    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

    cursor: pointer;
    transition: all .2s;
}

.footer-items-privacy:hover {
    color: #428af5d8;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 2em 2em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.gallery {
    margin: 30px auto !important;
}

style + .gallery {
    margin: 0 auto !important;
}

.gallery .gallery-item {
    margin-top: 20px  !important;
    margin-right: 20px;
    width: calc(33% - 20px) !important;
}

.gallery .gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.response {
    color: #595e6f;
    text-align: center;
    font-family: Inter;
    font-size: clamp(19px, 5vw - 20px, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 20px 0 0 0;
}

.listSub {
	display: flex;
	flex-wrap: wrap;
}

.listSub .listSubItem {
	width: calc(33% - 20px);
	margin: 0 10px 20px 10px;
	border: 1px solid #e1e1e1;
	padding: 5px;
	box-sizing: border-box;
}

.listSub .listSubItem img {
	width: 100%;
	height: 250px;	
	object-fit: cover;
}

.kama_breadcrumbs {
    color: #595E6F;
    font-family: "Inter";
    font-size: clamp(21px, 5vw - 18px, 22px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
}

.kama_breadcrumbs a:hover {
    opacity: .7;
    text-decoration: underline;   
}

#navigation.fixed {
    position: fixed;
	top: 0;
	width: 100%;
}

.topBanner {
	background: #f9f9f9;
	color: #fff;
	border-bottom: 2px solid #4289F5;
	padding: 10px 0;
	
	color: #1B1C1F;
    font-family: "Inter";
    font-size: 15px;
	line-height: 18px;
	text-align: center;
}

.termDescription {
    color: #1B1C1F;
    font-family: "Inter";
    font-size: 18px;
	line-height: 24px;
}

.termDescription h2,
.termDescription h3,
.termDescription h4,
.termDescription h5,
.termDescription h6 {
    color: #1B1C1F;
    font-family: "Inter";
    font-size: 24px;
	line-height: 30px;
    margin-bottom: 20px; 
}

.termDescription p {
    margin-bottom: 10px;   
}

.termDescription ul {
    margin: 10px 0 10px 20px;   
}

.termDescription ul li {
    list-style: square;   
}




/*dop-complect table*/
.dopComplekt {
	border-spacing: 5px;
    border-collapse: separate;
}

.dopComplekt td {
    vertical-align: middle;
}

.dopComplekt td:nth-child(2){
	width: 30%;
	text-align: center;
}

.dopComplekt td:nth-child(3){
	width: 10.77%;
}

.dopComplekt .catalogCard-contImg {
	padding: 0;
}

.productBlock-sliderBtn-prev {
	width: 40px;
    height: 40px;
    position: absolute;
    top: calc(35% - 20px);
    left: -20px;
    z-index: 10;
    border-radius: 50%;
	background: #4289f5 url(../img/smallArrow.svg) center center no-repeat;
    rotate: 90deg;
	transition: all .5s;
}

.productBlock-sliderBtn-next {
	width: 40px;
    height: 40px;
    position: absolute;
    top: calc(35% - 20px);
    right: -20px;
    z-index: 10;
    border-radius: 50%;
	background: #4289f5 url(../img/smallArrow.svg) center center no-repeat;
    rotate: -90deg;
	transition: all .5s;
}

.productBlock-sliderBtn-prev.swiper-button-disabled:hover,
.productBlock-sliderBtn-next.swiper-button-disabled:hover {
	cursor: not-allowed;	
	opacity: 1;
}

.productBlock-sliderBtn-prev:hover,
.productBlock-sliderBtn-next:hover {
	cursor: pointer;
	opacity: .8;
}

@media (max-width: 600px) {
	.dopComplekt .catalogCard {
		display: none;
	}
	
	.dopComplekt td:nth-child(3){
	width: 0;
}
}

.header-email_top {
	font-weight: 700;
}

.header-email_sub {
	color: #595E6F;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.regionBlock {
	width: 100%;
}

.regionBlock .regionBlock__title {
	color: #1F2022;
    font-family: "Inter";
    font-size: clamp(24px, 5vw + 10px, 30px);
    font-style: normal;
    font-weight: 700;
    line-height: clamp(24px, 5vw + 20px, 30px);
    text-align: center;
    word-wrap: break-word;
	
	margin: 30px 0;
}

.regionBlock .regionBlock__body ul {
	display: flex;
	flex-wrap: wrap;
}

.regionBlock .regionBlock__body ul li {
	width: calc( 20% - 15px );
	margin-right: 15px;
	margin-bottom: 15px;
}

.regionBlock .regionBlock__body ul li a {
	position: relative;
    font-family: Inter;
    color: #4289F5;
	font-size: 18px;
	line-height: 24px;
}

.regionBlock .regionBlock__body ul li a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #4289F5;
	transition: all .5s;
}

.regionBlock .regionBlock__body ul li a:hover:before {
	width: 0px;
}

.relatedProducts {
	width: 100%;
	overflow: hidden;
}

.relatedProducts-inner {
	position: relative;
}

.relatedProducts-inner .catalogCard-sliderBtn-next {
	display: none;
    right: -22px;
    rotate: -90deg;
    top: 50%;
    opacity: 1;
    z-index: 10;
    background: #4289f5 url(../img/smallArrow.svg) center center no-repeat;
}

.relatedProducts-inner .catalogCard-sliderBtn-next:hover {
    background: #a8cbff url(../img/smallArrow.svg) center center no-repeat;
}

.relatedProducts-inner .catalogCard-sliderBtn-prev {
	display: none;
    left: -22px;
    top: 50%;
    opacity: 1;
    z-index: 10;
	background: #4289f5 url(../img/smallArrow.svg) center center no-repeat;
}

.relatedProducts-inner .catalogCard-sliderBtn-prev:hover {
	background: #4289f5 url(../img/smallArrow.svg) center center no-repeat;
}

.relatedProducts-inner .catalogCard-price {
    text-align: center;
}

.relatedProducts-h2 {
	margin-bottom: 30px;
}

.navigationBlock {
	display: flex;
}

.navigationBlockList {
	display: none;
 	position: absolute;
    width: 200px;
    height: 35px;
    right: 55px;
    top: -5px;
}

.navigationBlockList input {
    font-family: "Inter";
	background: #fff;
	border-radius: 5px;
    height: 100%;
    padding: 5px 8px;
	border: 1px solid #e1e1e1;
}

.navigationBlock .searchBtn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	
	cursor: pointer;
}


.searchBtn svg {
	cursor: pointer;	
}

.searchBlock {
    margin-top: 20px;
	position: relative;
}

.searchBlock.bottom .navigationBlockList {
    position: absolute;
    width: 200px;
    height: 35px;
    right: auto;
    top: -4px;
    left: 40px;
}

.sliderArrow .sliderArrowBlock .sliderArrowBlockLeft,
.sliderArrow .sliderArrowBlock .sliderArrowBlockRight {
	cursor: pointer;
    padding: 5px;
	
	transition: all .5s;
}

.sliderArrow .sliderArrowBlock .sliderArrowBlockLeft:hover,
.sliderArrow .sliderArrowBlock .sliderArrowBlockRight:hover {
	opacity: .5;
}

.sliderArrow,
.sliderArrow .sliderArrowBlock {
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	font-family: "Inter";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word;
}

.sliderArrow .sliderArrowAll {
	color: #4289F5;
	text-decoration: none;
	border-bottom: 2px dashed #4289F5;	
	
	cursor: pointer;
	transition: all .5s;
}

.sliderArrow .sliderArrowAll:hover {
	opacity: .5;	
}

.clearfy-cookie-accept,
.clearfy-cookie-container {
    font-family: "Inter";
    font-size: 16px;
}