/* Настройки шаблона */
@font-face {
    font-family: "bounded_extraBold";
    src: url("../fonts/bounded/Bounded-Black.ttf") format("opentype");
}
@font-face {
    font-family: "bounded_regular";
    src: url("../fonts/bounded/Bounded-Regular.ttf") format("opentype");
}
@font-face {
    font-family: "RetniSans_medium";
    src: url("../fonts/RetniSans/RetniSans-Medium.ttf") format("opentype");
}
@font-face {
    font-family: "RetniSans_regular";
    src: url("../fonts/RetniSans/RetniSans-Regular.ttf") format("opentype");
}

:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}
.ff_bound_eb{font-family: "bounded_extraBold"; font-size: 6rem; font-weight: 800; text-transform: uppercase;color: var(--color-white);}
.ff_bound_r{font-family: "bounded_regular"; font-size: 2.5rem; font-weight: 400;text-transform: uppercase;color: var(--color-white);}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'RetniSans_regular', sans-serif; color: #000; outline: 1px solid #ddd; overflow-x: hidden;}
#middle main  {overflow: inherit;}
*::before {pointer-events: none;}
@media (min-width: 1680px) {.container {max-width: 1680px;}}
@media (min-width: 1920px) {}

h1, .h1 {font-family: "RetniSans_medium"; font-size: 2.5rem; font-weight: bold;}
h2, .h2 {font-family: "RetniSans_medium"; font-size: 2rem; font-weight: 500;}
h3, .h3 {font-family: "RetniSans_medium"; font-size: 1.6rem; font-weight: 400;}
h4, .h4 {font-family: "RetniSans_regular"; font-size: 1.25rem;}
h5, .h5 {font-family: "RetniSans_medium"; font-size: 1rem;} 
h6, .h6 {font-family: "RetniSans_regular"; font-size: 0.9rem}


.pathway{color: var(--color-gray);}
.breadcrumb-item.active{color: var(--color-second);}
/* .mod-breadcrumbs{padding-left:0 !important;margin-top: 1rem;} */

.textCatalog{color: var(--color-second);font-family: "RetniSans_medium";font-size: 1.25rem;}
.modulTitleText{font-size: 2.5rem;color: var(--color-second);font-family: "RetniSans_medium";}
.modulDescText{font-size: 1.25rem;color: var(--color-gray);font-family: "RetniSans_regular";margin-bottom: 2rem;}



.main_color{color: #046D77;}
.second_color{color: #1C1D29;}
.light_blue{color: #F3F3F9;}

:root {
	--color-black: #232323;
	--color-white: #fff;
	--color-light: #EFEFEF;
	--color-danger: #C21A21;
	--color-dangerHover: #9c161b;
	--color-policy: #7B7B7B;
	--color-inputText: #f1f1f1;
	--color-bgGrey: #E3E3E3;
	--color-input: #F9F9F9;
	--color-blue:#2156D8;
	--color-main:#046D77;
	--color-second:#1C1D29;
	--color-light-blue:#F3F3F9;
	--color-light-gray:#E0E0E0;
	--color-gray:#797979;
	--color-gray-light:#686868;


}

/* option */
.OptionSelect {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    background-repeat: no-repeat;
    background-position:right 0.6rem center;
    background-size: 16px;
}




a {text-decoration: none;}
.linkUnderFuter{color: var(--color-gray-light);}
.linkUnderFuter:hover{color: var(--color-gray-light);}


.bg-color::before{background-color: var(--color-main);}
#author.bg-color::before{background-color: var(--color-second);}
.bg-gradient::before{content: ''; display: flex; position: absolute; z-index: -100; top: 0; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; background:linear-gradient(90deg,#003E44, #00818D);}

.modal-body{text-align: center;display: flex;align-items: center;justify-content: center;}
/* FOS */
.modal-dialog-scrollable .modal-content{    min-height: 5rem;border-radius: 0.9rem;border: none;}
.blockFormFos{position: relative;display: flex;flex-direction: column;align-items: center;gap: 2rem;}
.btnCloseFos{ position: absolute;right: 0;top: 0;border: none;background-color: unset;width: 2rem;height: 2rem;z-index: 1;}
.containerFormFos{padding: 1.8rem;}
.blockInputFos{display: flex;flex-direction: column;gap: 0.7rem;}
.inpFos{padding: 0.9rem 1.5rem; border: 1px solid var(--color-light-gray);color: var(--color-gray);width: 100%;border-radius: 0.7rem;}
.btnSubFos{width: 100%;padding: 1rem;text-align: center;background: linear-gradient(90deg,#003E44, #00818D);color: var(--color-white);border-radius: 0.6rem;border: none;}
.blockCheckFos{display: flex;flex-direction: column;gap: 0.3rem;text-align: left;}
.modal-body{padding: 0;}
.blockTextFos{margin-top: 1rem;text-align: left;}

/* UpHeader */
.navUpText{color:var(--color-second);font-family: "RetniSans_medium";font-size: 1rem;}
.navUpInp{background-color: var(--color-white);border: 1px solid var(--color-light-gray);border-radius: 0.5rem;padding: 0.6rem 2rem;}
.navUpText{display: flex; align-items: center; gap: 0.3rem;}
.navBarHeader{flex-direction: column;padding-bottom: 0;}
.search-wrapper{    position: relative; width: 50%; display: flex; align-items: center;}
.navUpInp{width: 100%;}
.search-icon{position: absolute;z-index: 1;right: 1rem;}
.navUpText{width: 20%;}

/* Header */
.headerContainer{flex-direction: column;}
.header_items{    display: flex; width: 100%; padding: 1.5rem 0rem; align-content: center; justify-content: space-between;flex-direction: row;}
.headerUp{    display: flex;width: 100%;justify-content: space-between;margin-bottom: 0.5rem;flex-direction: row;}
.headerMenuRight a{color: var(--color-white);}
.headerMenuRight{display: flex;align-items: center;gap: 2rem;  position: absolute; right: 4rem;top: 1.5rem;}
.headerMenu .nav-item a{color: var(--color-white);}
.headerMenu{gap: 2rem; }
.headerUp .mod-custom{    display: flex;align-items: center;    width: 100%;}
.navUpHeader{     display: flex;width: 100%;justify-content: space-between;align-items: center;}
.inputUpHeader{width: 50%;}
.buttInHeader{    display: flex; gap: 0.7rem; align-items: center;}
.navbar-light .navbar-toggler-icon{fill: var(--color-white);}
.nav-item.deeper.parent { position: relative;}
.mod-menu__sub {  position: absolute;  top: 100%; left: 0; background-image: linear-gradient(154deg, #003E44, #00818D); transform: scaleY(0);  transform-origin: top;  transition: transform 0.3s ease;  z-index: 1000;border-radius: 0 0 0.5rem 0.5rem; padding: 1.2rem !important;width: 20rem;display: flex;flex-direction: column;gap:0.7rem;}
.nav-item.deeper.parent:hover .mod-menu__sub { transform: scaleY(1);}


/* MOD_SLIDER_INDEX */
.imgSlider{z-index: 1;}
.titleSliderIndex{z-index: 10;}
.btnSliderIndex{border-radius: 5rem; padding: 1.25rem 2rem;font-size: 1.5rem;}
.containerButtSlider{    position: absolute;z-index: 10;bottom: 7rem;display: flex;flex-direction: column;left: 8rem;gap: 1.5rem;}
.containerSlider{position: relative;}
.btnSliderIndex1{color:var(--color-light-blue); border: rgba(255, 255, 255, 0.7);background-image: linear-gradient(180deg, #003E44, #00818D);}
.btnSliderIndex2{color:var(--color-second); border: rgba(255, 255, 255, 0.7);background-color:var(--color-white);}
.introTextSlider{transform: rotate(-90deg);position: absolute;top: 6rem;left: 4rem; font-size: 1.5rem;font-family: "bounded_regular";}
.fullTextSlider{font-size: 6rem; font-family: "bounded_extraBold"; margin-left: 10rem; margin-top: 3rem;}
.fullTextSlider p {    line-height: 5rem;}
.underTitleTextSlider{font-size: 1.5rem;font-family: "bounded_regular";}
.containerSlidesImg {    object-fit: cover;width: 107%;}
.custom-nav-slider-block {position: absolute;top: 50%;left: -1rem;right: -1rem;transform: translateY(-50%);pointer-events: none;z-index: 10;}
.custom-nav-prev-slider{position: absolute;top: 50%;transform: translateY(-50%);background: white;border: none;border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;pointer-events: auto;left: 10rem;}
.custom-nav-next-slider 
{position: absolute;top: 50%;transform: translateY(-50%);background: white;border: none;border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;pointer-events: auto;right: 10rem;}
.textSliderIndex{position: absolute;top: 3rem;left: 8rem;z-index: 3;}
.textSliderTitle-1{  transform: rotateZ(270deg); position: absolute; top: 6.8rem; left: -5rem;font-size: 1.8rem;}
.textSliderDesk-1{ width: 80%;line-height: 7rem;left: 3rem;top: 1rem;position: absolute;font-size: 7rem;}
.textSliderDesk-2{    position: absolute;  left: 4rem;  width: 100rem;font-size: 6rem;    line-height: 6rem;}
.textSliderTitle-2{    transform: rotateZ(270deg); position: absolute; top: 4rem; left: -4rem;    font-size: 2.5rem;}
.textSliderTitle-3{color: var(--color-second);transform: rotateZ(270deg);position: absolute;top: 4rem;left: -4rem;font-size: 2.5rem;}
.textSliderDesk-3{    color: var(--color-second); position: absolute; left: 4rem; width: 100rem; font-size: 6rem; line-height: 6rem;}
.imgSliderIndex-3{    object-fit: cover;transform: translateX(-8rem);}




.blockVideosSlider{overflow: hidden;}
.videoSlider{    object-fit: cover;height: 50.8rem;    transform: scale(1.01);}
.blockVideosSlider:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0rem;background: rgba(0,0,0,.6);z-index: 2;}
.blockVideosSlider{    height: 50.8rem;}	
.videoSliderIndex{object-fit: cover; width: 100%; height: 100%;}
/* MOD_KATALOG_INDEX */
.containerKatalogBlock{    display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 1.5rem;}
.buttonKatalog{ padding: 0.6rem 1rem; border-radius:5rem; border: 1px solid var(--color-light-gray);    display: flex;text-align: center;}
.blockKatalog{ border-radius:0.3rem; border: 1px solid var(--color-light-gray);    display: flex;justify-content: space-between;align-content: space-between;position: relative;}
.containerTitleKatalog{    display: flex;width: 100%;justify-content: space-between;align-items: center;}
.imgKatalog{    z-index: 1;margin-left: auto;object-fit: scale-down;margin-top: auto;}
.textBlockKatalog{    position: absolute;width: 50%;top: 0.625rem;left: 0.625rem;z-index: 10;line-height: 1;}




/* MOD_WHY_WE */
.mod_why_we{position: relative;}
.containerBlockWhyWe {  z-index: 1;height: 50rem;}
.imgWhyWe{    width: 55%;display: flex;margin-left: auto;bottom: 0;position: absolute;right: -4rem;}
.containerBlockWhyWe::before {content: "";position: absolute;inset: 0;background-image: linear-gradient(47deg, #003E44, #00818D);clip-path: polygon(100% 0, 0 100%, 100% 100%);z-index: -1;}
.blockWhyWe{     border-radius: 0.3rem;background-color: var(--color-light-blue);padding: 2rem;display: flex;flex-direction: column;gap: 2rem;justify-content: space-between;}
.svgWhyWe{width: 2rem;}
.plashkiWhyWe{gap: 1.5rem;position: absolute;left: 8.5rem;bottom: 5rem;z-index: -1;}
.blockWhyWe-0{    flex: 0 0 auto; width: 41.6666666667%;}
.blockWhyWe-1{    flex: 0 0 auto; width: 30%;}
.blockWhyWe-2{width: 50%;}
.blockWhyWe-3{width: 40%;}
.row_groupWhyWe{ display: flex;gap: 1.5rem;height: 15rem;}
.textBlockWhyWe{font-size: 2rem;color: var(--color-second);font-family:"RetniSans_medium";}
.descBlockWhyWe{font-size: 1.25rem;color: var(--color-gray);font-family:"RetniSans_regular";}
.textWhyWe{position: absolute;left: 8.5rem; top: 6rem;}


/* MOD_PARTNERS */
.owl-carousel-partners .owl-nav{display: none;}



/* MOD_STEP_WORK */
.containerStepWork{position: relative;overflow: hidden;height: 57rem;}
.plashkaStepWork{    border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 0.3rem;background: rgba(0, 0, 0, 0.25);filter: drop-shadow(rgba(0, 0, 0, 0.25));backdrop-filter: blur(1rem);padding: 2rem;color: white;font-size: 2rem;max-width: 27rem;display: flex;flex-direction: column;gap: 2rem;}
.lineStepWork{width: 100%;height: 1px;background-color: rgba(255, 255, 255, 0.15);}
.numLineStepWork{display: flex;align-items: center;gap: 0.5rem;}
.containerPlashkaStepWork{position: absolute;bottom: 9rem;left: 8.5rem;display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);gap: 1.5rem;}
.textStepWork{position: absolute;    left: 8.5rem;top: 5.625rem;z-index: 1;}
.textStepWork div{color: var(--color-white);}
.plashkaStepWork-2{ grid-column-start: 2;grid-row-start: 2;}
.plashkaStepWork-3{ grid-column-start: 3;grid-row-start: 2;}
.imgStepWork{filter: brightness(0.7);transform: scale(1.5) translate(12%, -12%);}


/* MOD_HOT_OFFER */

.hot-offer-carousel-wrapper {position: relative;}
.owl-carousel-hot-offer .owl-stage {display: flex;}
.owl-carousel-hot-offer.owl-item {display: flex;height: auto;}
.blockHotOffer {    display: flex;    flex-direction: column;    height: 100%;}
.custom-nav {position: absolute;top: 50%;left: -1rem;right: -1rem;transform: translateY(-50%);pointer-events: none;z-index: 10;}
.custom-nav-prev,
.custom-nav-next {position: absolute;top: 50%;transform: translateY(-50%);background: white;border: none;border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;pointer-events: auto;}
.custom-nav-prev:hover,
.custom-nav-next:hover {background: #f5f5f5;transform: translateY(-50%) scale(1.1);}
.custom-nav-prev {left: 0;}
.custom-nav-next {right: 0;}
@media (max-width: 768px) {.hot-offer-carousel-wrapper { padding: 0 30px; }.custom-nav-prev,.custom-nav-next {width: 32px;height: 32px;}}
@media (max-width: 576px) {.hot-offer-carousel-wrapper {    padding: 0 20px;}}
.containeHotOffer{display: flex;gap: 1.5rem;}
.blockHotOffer{    background-color: var(--color-light-blue);border-radius: 0.75rem;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;}
.containBtnHotOffer{width: 100%;display: flex;justify-content: center;}
.btnHotOffer{width: 100%;border: none;background-color: var(--color-main);height: 3.25rem;display: flex;justify-content: space-between;border-radius: 0.5rem;padding: 0 1rem;align-items: center;color: var(--color-light);}
.containerOptionBtn{ padding: 1.5rem;display: flex;gap: 1rem;grid-template-rows: 5rem 1fr 1fr;flex-direction: column;justify-content: space-between;}
.titleHotOffer{ font-family: "RetniSans_medium";font-weight: 500;color: var(--color-second);}
.pryceHotOffer{display: flex;gap: 1rem;align-items: flex-end;}
.oldPryceHotOffer{  text-decoration: line-through; color: var(--color-gray);}
.buttonKatalog{ padding: 1.2rem 2rem; border-radius:5rem; border: 1px solid var(--color-light-gray);color: var(--color-second);}
.buttonKatalog:hover{color: var(--color-second);}

/* MOD_KATALOG_ITEMS */
.containerKatalogItems{display: flex;flex-direction: column;gap: 2rem;}
.blockCard{    display: grid; align-items: center; grid-template-columns: 20% 30% 50%;background-color: var(--color-light-blue); justify-content: space-between; padding: 0rem;}
.namePositionBlockCard{padding-left: 1.5rem;}


/* MOD_FORM_INDEX */

.mod_form_index{ display: flex; flex-direction: column;}
.containerFormImgIndex{    display: flex;align-items: flex-end;position: relative;}
.imgBgFormIndex{}
.imgKamazBg-1{position: absolute;left: 0;bottom: 0 ;  width: 50%;  z-index: 1;}
.btnFormIndexQuestion{background: linear-gradient(90deg,#003E44, #00818D);border-radius: 2.5rem;border: none;padding: 0.6rem 1.2rem;color: var(--color-white);}
.btnFormIndexOffer{border-radius: 2.5rem;border: 1px solid var(--color-gray);padding: 0.6rem 1.2rem;background-color: var(--color-white);}
.containerFormIndex{display: flex;flex-direction: column;justify-content: flex-end;margin-left: 4rem;width: 42%;}
.formIndex{position: relative; background: linear-gradient(90deg,#003E44, #00818D);color:var(--color-white);    margin-right:13%;padding: 2.5rem 3.2rem;height: 70%; border-radius: 0.7rem;    display: flex;flex-direction: column;gap: 2rem;}
.containerTitleBtn{margin-left: 8.5rem;}
.titleForm{font-size: 2.5rem;font-family: "RetniSans_medium";font-weight: 500;color: var(--color-white);}
.descForm{font-size: 1.2rem;font-family: "RetniSans_regular";font-weight: 400;color: var(--color-white);}
.inputTextForm{display: flex;flex-direction: column;}
.inputTextForm label span{color: var(--color-danger);}
.inputTextForm input{border: none;border-radius: 0.5rem;background-color: var(--color-white);padding: 0.6rem 1.2rem;}
.inputTextForm textarea{    border: none; border-radius: 0.5rem; background-color: var(--color-white); padding: 0.6rem 1.2rem;}
.containerAllInputText{    display: flex;flex-direction: column;}
.inputBlockForm{display: flex;flex-direction: column; gap: 1rem;}
.buttonForm{width: 100%;border: none;border-radius: 0.5rem;display: flex;padding: 0.8rem 1.2rem;justify-content: space-between;align-items: center;}
.containerBtnCheckBox{ bottom: 2rem; display: flex; margin-top: 4rem; flex-direction: column; gap: 1rem;}
.formIndex2{gap: 0;}
.containerBtnCheckBox2{margin-top: 2rem;}
.linkStroke{color: var(--color-white);border-bottom:1px solid var(--color-white);}
.linkStrokePopUp{color: var(--color-second);border-bottom:1px solid var(--color-second);}

.imgKamazBg-0{    width: 89%;}


.btnFormIndexQuestion.active,
.btnFormIndexOffer.active { background: linear-gradient(90deg, #003E44, #00818D); color: var(--color-white); border: none;}
.btnFormIndexQuestion:not(.active) { background: transparent;  color: var(--color-second); border: 1px solid var(--color-second);}
.btnFormIndexOffer:not(.active) { background: transparent; color: var(--color-second); border: 1px solid var(--color-second);}
.tab-content { display: none;}
.tab-content.active {display: block;}
.mod_form_index { display: flex; flex-direction: column;}
.containerFormImgIndex {display: flex;align-items: flex-end;}

/* privacy */
.containerPrivacy{  position: fixed; display: flex; padding: 1rem; width: 70%; background-color: var(--color-white); border: 1px solid var(--color-main); border-radius: 0.8rem; align-items: center; left: 50%; bottom: -3%; transform: translate(-50%, -50%);z-index: 1000;}
.btnPrivacy{    background-color: var(--color-main); border: none; border-radius: 0.3rem; padding: 0.3rem 1.3rem; color: var(--color-white);}

/* MOD_FOTO_GALERY */
.blockFotoGalery {border: 1px solid var(--color-light-gray);border-radius: 0.7rem;background-color: var(--color-white);overflow: hidden;display: flex;flex-direction: column;}
.blockFotoGalery-2{grid-row-start: 2;grid-column-start: 3;}
.blockFotoGalery-3{grid-row-start: 2;grid-column-start: 4;}
.blockFotoGalery-4{grid-row-start: 2;grid-column-start: 5;}
.blockFotoGalery-5{grid-row-start: 2;grid-column-start: 6;}
.containerFotoGalery {display: grid;grid-template-columns: repeat(6, 1fr);gap: 1.5rem;}
.blockFotoGalery:first-child {grid-column: span 2;grid-row: span 2;}
.blockFotoGalery img {width: 100%;height: 100%;object-fit: cover;}
.titleFotoGalery{color: var(--color-black);font-size: 1rem;font-family: "RetniSans_medium";font-weight: 400;}
.blockFotoGalery:first-child .titleFotoGalery{color: var(--color-black);font-size: 1.5rem;font-family: "RetniSans_medium";font-weight: 400;}
.descFotoGalery{font-family: "RetniSans_regular";color: var(--color-black);font-size: 0.8rem;}
.containerTextFotoGalery{padding: 1.5rem;}
.imgWrapper { width: 100%; aspect-ratio: 4 / 3;overflow: hidden;}
.blockFotoGalery:first-child .imgWrapper {aspect-ratio: 1 / 1;}
.btnFotoGalery{ display: flex;border-radius: 5rem;background: linear-gradient(90deg, #003E44, #00818D);padding: 1rem 1.5rem;width: 15rem;margin-top: 1rem; margin-left: auto;margin-right: auto;justify-content: center;color: var(--color-white);}
.btnFotoGalery:hover{color: var(--color-white);}



/* MOD_CALC_FORM */

.BlockCalc { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem;}
.containerBlockCalc{display: flex;align-items: flex-end;gap:1.5rem;width: 100%;}
.btnBlockCalc{position: relative;border-radius: 0.7rem;overflow: hidden;    border: 1px solid var(--color-light-gray);flex: 1;display: flex;flex-direction: column;height: 100%;cursor: pointer;}
.imgBlockCalc{ width: 100%; height: 30rem;z-index: 5; object-fit: cover;}
.textBlockCalc{position: absolute;z-index: 10;color: var(--color-black);bottom: 0;display: flex;flex-direction: column;justify-content: flex-end;height: 100%;padding: 2rem;text-align: left;}
.containerButtonCalc{display: flex;flex-direction: column;gap: 1.5rem;}
.ButtonCalc{border-radius: 0.7rem; border: none; padding: 3.75rem 2rem 2rem 2rem; display: flex; align-items: center; justify-content: space-between;}
.imgBlockCalc{transform: scale(1.1);}
.ButtonCalcNext{color: var(--color-white);background: linear-gradient(90deg,#003E44, #00818D);}
.ButtonCalcPrev{background: var(--color-white);border: 1px solid var(--color-gray);}
.checkedTextBlockCalc{top: 1rem; left: 1rem; z-index: 6;display: flex;align-items: center;gap:0.3rem;}
.titleHotOffer{font-family: "RetniSans_medium";color: var(--color-second);}
.deskHotOffer{font-family: "RetniSans_regular";font-size: 1.2rem;color: var(--color-gray);}
.imgBlockCalc{ opacity: 0.2;transition: 0.3s;}
.btnBlockCalc.active .imgBlockCalc{opacity: 1;}
.checkedTextBlockCalc{display: none;}
.btnBlockCalc.active .checkedTextBlockCalc{display: flex;}
.btnBlockCalc.active .textBlockCalc{ color: var(--color-white);}
.btnBlockCalc.active .titleHotOffer{color: var(--color-white);}
.btnBlockCalc.active .deskHotOffer{color: var(--color-white);}
.fullQuestion{color: var(--color-gray);font-size: 1.2rem;font-family: "RetniSans_regular";}
/* Новые стили */
.cardWrapper {position: relative;display: flex;flex-direction: column;gap: 1rem;width: 25rem;}
.checkboxGroup {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.8rem;padding: 1rem;border-radius: 0.7rem;margin-top: 0.5rem;position: absolute;z-index: 111;bottom: 0rem;width: 100%;}
.labelHotOffer {display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 1rem;background: var(--color-white);border: 2px solid #e0e0e0;border-radius: 0.7rem;cursor: pointer;transition: all 0.3s;font-weight: 600;color: var(--color-second);text-align: center;}
.labelHotOffer:hover { border-color: var(--color-main); background: var(--color-white);}
.labelHotOffer:has(input:checked) {border-color: var(--color-main);background: var(--color-main);color: var(--color-white);}
.checkboxHotOffer {display: none;}
.textBlockCalc-0{width: 100%;bottom: 4rem;}






/* MOD_ANY_QUESTION */
.mod_any_question::before{    content: ""; position: absolute; inset: 0; background-image: linear-gradient(47deg, #003E44, #00818D); z-index: -1;    margin-left: 0;}
.containerAnyQuestion{ position: relative; height: 30rem;color: var(--color-white);display: flex;align-items: center;flex-direction: column;justify-content: center;}
.imgAnyQuestion{ position: absolute;right: 0;top: -4rem; z-index: -1;}
.btnAnyQuestion{border: none;border-radius: 50%;width: 4.3rem;height: 4.3rem;background-color: var(--color-white);display: flex;justify-content: center;align-items: center;}
.svgAnyQuestion{width: 2.5rem; height: 2.5rem;}
.blockButtonAnyQuestion{display: flex;gap: 1.5rem;}
.modulTitleTextAnyQues{color:var(--color-white);}
.modulDescTextAnyQues{color: var(--color-white);}



/* MOD_OTZIVI */
/* .containerPlashkiOtzivi{display: flex;gap: 1rem;}
.blockPlashkaOtzivi{background-color: var(--color-light-gray);border-radius: 0.7rem;padding: 2rem;min-height: 22rem;}
.custom-nav-otzivi {position: absolute;top: 50%;left: -1rem;right: -1rem;transform: translateY(-50%);pointer-events: none;z-index: 10;}
.custom-nav-prev-otzivi, .custom-nav-next-otzivi{position: absolute;top: 50%;transform: translateY(-50%);background: white;border: none;border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;pointer-events: auto;}
.custom-nav-prev-otzivi:hover,
.custom-nav-next-otzivi:hover {background: #f5f5f5;transform: translateY(-50%) scale(1.1);}
.custom-nav-prev-otzivi {left: 0;}
.custom-nav-next-otzivi {right: 0;}
.owl-carousel-otzivi .owl-stage {display: flex;}
.blockPlashkaOtzivi {    display: flex;    flex-direction: column;    height: 100%;}
.blockPlashkaOtzivi > div:last-child {flex-grow: 1;}
.containerTextOtzivi{display: flex;flex-direction: column;gap: 3rem;}
.containerCityDateText{display: flex; justify-content: space-between;}
.starSvgOtzivi{width: 2rem;height: 2rem;}

.titleStarOtzivi{    display: flex;flex-direction: column;align-items: flex-start;}
.containStarOtziv{display: flex;    align-items: center;}
.circleNameWord{background-color: var(--color-main);width: 4rem; height: 4rem;border-radius: 50%;}
.headPlashkaOtziv{    display: flex;gap: 1rem;}
.circleNameWord { background-color: var(--color-main); width: 4rem; height: 4rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: bold; color: #fff;  text-transform: uppercase;  font-family: inherit; } */

/* MOD_About_Company */
.blockTextImgAboutCompany{ display: grid;grid-template-columns: 60% 40%;gap: 8px;height: 50rem;}
.blockTextImgAboutCompanyComp{}
.textAboutCompanyUp{padding-right: 8rem;    display: flex; flex-direction: column; justify-content: flex-end;}
.textAboutCompanyDown{padding-right: 8rem;}
.imgBlockAboutCompany{  grid-row: span 2 / span 2;}
.textAboutCompanyDown{  grid-column-start: 2;}
.imgBgAboutCompany{    position: absolute; left: 0; bottom: 0; z-index: -1;}
.titleAboutCompany {margin-left: 2rem;}
.imgKamazAboutCompany{ width: 100%; position: absolute; bottom: 0rem; left: 0rem;}
.imgBlockAboutCompany{position: relative;}



/* mod_izbrannoe */
.favorite-actions-top {display: flex;   gap: 15px;}
.summary-item {display: flex;align-items: baseline;   gap: 10px;}
.favorite-page .containerlikeCompare{display: flex;  gap: 10px;  justify-content: flex-end;}
.favorite-page .product-price-block { padding: 10px 0;text-align: center;   margin-top: 10px;}
.favorite-page .product-price-value {   font-weight: 700; color: var(--color-black);}
.svglikeCompare {width: 1.5rem;flex-shrink: 0;}



/* containerKatalogBlock */
.blockCard{border-radius: 0.7rem;overflow: hidden;}
.blockImageBlockCard{border-radius: 0 0.8rem 0.8rem 0rem; width: 100%;height: 100%;overflow: hidden;}
.blockOption{display: flex; gap: 1rem; justify-content: space-between; width: 100%;}
.textBlockInBlockCard{width: 100%;display: flex;gap: 1rem;justify-content: space-between;padding: 1.5rem;height: 100%;}
.btnAllInfBlockCard{    border: none;background-color: var(--color-main);color: var(--color-white);padding: 0.5rem 1.25rem;border-radius: 0.5rem;text-decoration: none;text-align: center;}
.btnAllInfBlockCard:hover{color: var(--color-light-gray);}
.namePositionBlockCard{    display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; padding: 1rem 1.5rem;}
.imgBlockCard{ width: 100%; height: 100%; object-fit: cover;}
.containerCart{    display: flex;flex-direction: column;gap: 2rem;}
.containerOptions{     display: flex;flex-direction: column;justify-content: space-between;height: 100%;padding: 1.5rem 1.5rem 1.5rem 0;}
.containerlikeCompare{    display: flex; justify-content: flex-end; gap: 1rem;}
.valueNameOption{font-family: "RetniSans_medium";font-size: 0.8rem;color: var(--color-second);text-align: left;width: 65%;}
.namePositionBC{font-family: "RetniSans_medium";font-size: 1.5rem;color: var(--color-second);}
.titleNameOption{font-family: "RetniSans_regular";font-size: 0.8rem;color: var(--color-gray);width: 40%;}
.buttonlikeCompare{    background: none;border: none;padding: 0;display: inline-flex; gap: 0.3rem;}
.serchCoinBlockCard{ font-family: "RetniSans_medium";font-size: 1.2rem;font-weight: 800;color: var(--color-second);}
.containerOptionInfo{    display: flex;justify-content: space-between;}
.OptionSelect{border: 1px solid var(--color-gray); border-radius: 5rem;padding: 0.5rem 2rem;color: var(--color-second);}

/* article/category_item */
.slider-main img{width:100%;height:auto;}
.slider-thumbs{margin-top:15px;}
.slider-thumb-item img{opacity:0.6;cursor:pointer;}
.slider-thumbs .current img{opacity:1;}
.owl-carousel-article .owl-item img{height: auto;    border-radius: 0.8rem; overflow: hidden;}
.owl-carousel-article .owl-nav{    position: absolute;font-size: 48px;max-width: 800px;width: 100vw;transform: translateX(-50%);transform: -webkit-translateX(-50%);left: 50%;bottom: -5rem;}
.containerOption:nth-child(even) {background-color:var(--color-light-blue);}
.containerOption:nth-child(odd) {background-color: var(--color-white);}
.containerOption{display: flex; padding: 0.5rem 1.5rem;border-radius: 0.5rem;}
.titleOption{color: var(--color-gray);font-size: 1.25rem;font-family:"RetniSans_regular";}
.valueOption{color: var(--color-black);font-size: 1.5rem;font-family:"RetniSans_medium";}
.rowOption dl dt{color: var(--color-black);font-size: 1.5rem;font-family:"RetniSans_medium";padding: 0 1.5rem;	font-weight: 500;}

.tab-content-article { display: none; }
.tab-content-article.active { display: block; }
.buttonOptions {background-color: transparent;border: none;padding-bottom: 1.5rem;font-family:"RetniSans_medium";font-size: 1.5rem;}
.buttonOptions.active { border-bottom: 1px solid var(--color-main);}
.containerBtnOptions{display: flex;gap: 2rem; border-bottom: 1px solid var(--color-light-gray);}
.nameMaterialArticleCategory{font-family:"RetniSans_medium";color: var(--color-black);}
.containPlashkaPrice{background-color: var(--color-light-blue);border-radius: 0.7rem;display: flex;flex-direction: column;padding: 1.5rem;}
.containBtnPrice{ display: flex;flex-direction: column;gap: 0.7rem;}
.btnPrice{border-radius: 0.5rem;padding: 1rem 0;border: none; color: var(--color-white);}
.btnPrice-0{background: linear-gradient(90deg,#003E44, #00818D);}
.btnPrice-1{background: var(--color-black);text-align: center;}
.btnPrice-1:hover{color: var(--color-white);}
.containerPlashkaPriceBtn{margin-left: auto;    display: flex;flex-direction: column;gap: 1rem;}
.btnBottomPrice{display: flex;flex-direction: column;align-items: flex-start;gap: 0.7rem;background-color: var(--color-light-blue); border-radius: 0.7rem;padding: 1.5rem;}
.btnBottomPrice a{color: var(--color-second);display: flex;gap: 1rem;align-items: center;}
.svglikeCompare{width: 1.5rem;}
.custom-nav-slider-block-article {    position: absolute;left: -0.5rem;right: -0.5rem;transform: translateY(-50%);pointer-events: none;z-index: 10;bottom: 8rem;}
.custom-nav-prev-slider-article, .custom-nav-next-slider-article{position: absolute;top: 50%;transform: translateY(-50%);background: white;border: none;border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;pointer-events: auto;}
.custom-nav-prev-slider-article:hover,
.custom-nav-next-slider-article:hover {background: #f5f5f5;transform: translateY(-50%) scale(1.1);}
.custom-nav-prev-slider-article {left: 0;}
.custom-nav-next-slider-article {right: 0;}

.btnCards{  gap: 0.3rem; opacity: 1; display: flex; flex-direction: row-reverse; align-items: center;color: var(--color-second);background: none;border: none;}
.btnCards:hover{color: var(--color-second);}
.btn-clear-favorite{display: flex; align-items: center;color: var(--color-second);}
.btn-clear-favorite:hover{color: var(--color-second);}
.containerFavorite{    display: flex;    flex-direction: row-reverse;}

.compare-container{display: flex;}


.slider-main.slider-big-item.slider-video-item{height: 100%;}
.slider-main.slider-big-item.slider-video-item img{height:100%;width: 100%;    object-fit: cover;}
.slider-main.slider-big-item.slider-video-item iframe{height:100%;width: 100%;}
.slider-main.slider-big-item{    height: 100%;}
.slider-main.slider-big-item img{    height: 100%;}
.owl-carousel-article .owl-item img{height: 100%;}
.slider-main.owl-carousel.owl-drag .owl-stage-outer .owl-item{    height: 21rem;}

/* Контейнер кнопок-радио */
.containRadioButtons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

/* Лейбл как кнопка */
.radioButtonLabel {
    display: inline-block;
    background: white;
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 8px 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

/* Активная кнопка */
.radioButtonLabel.active {
    background: #000;
    color: white;
    border-color: #000;
}

/* Скрываем реальный радио-инпут */
.radioButtonLabel input {
    display: none;
}

/* Ховер для неактивных */
.radioButtonLabel:not(.active):hover {
    background: #f0f0f0;
    border-color: #999;
}

/* FILTER */
.inputFilter{border-radius: 0.5rem;border: 1px solid var(--color-light-gray);    padding: 0.9rem 1.25rem;width: 100%;}
.blockFilter{display: flex;flex-direction: column;    gap: 0.6rem;}
.blockFilter strong{ padding-bottom: 0.2rem; padding-top: 0.5rem;}
.inputBlockFilter{display: flex;gap: 1rem;}
.inputBlockFilterLabel{ display: flex;justify-content: flex-start;flex-direction: column;}
.resetFilter{     width: 100%;border: none;background-color: var(--color-main);height: 3.25rem;display: flex;justify-content: center;border-radius: 0.5rem;padding: 0 1rem;align-items: center;color: var(--color-light);margin-top: 1.5rem;}
.svgFilterButton{     width: 3rem; height: 3rem;}
.hiddenFilter {display: none;}
.showMoreFilters{    border: none; background-color: white;color: var(--color-main);width: 100%;display: flex;align-items: center;justify-content: center;gap: 0.3rem;margin-top: 1rem;}
.pagination{justify-content: center;gap: 1rem;}
.checkboxFilter{    accent-color: black;  width: 1.5rem;  height: 1.5rem;}






 .containCheckBox {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .containLabelFilter {
        position: relative;
        display: flex;
        align-items: center;
        cursor: pointer;
        padding-left: 2rem;
        gap: 0.5rem;
        font-size: 1rem;
        user-select: none;
    }

    /* Прячем оригинальный чекбокс */
    .checkboxFilter {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

    /* Кастомный чекбокс */
    .checkbox-custom {
        position: absolute;
        left: 0;
        top: 0;
        height: 1.4rem;
        width: 1.4rem;
        background-color: transparent;
        border: 1.5px solid #333;
        border-radius: 0.45rem;
        transition: all 0.2s ease;
    }

    /* Галочка с скругленными углами */
    .checkbox-custom::after {
        content: "";
        position: absolute;
        display: none;
        left: 0.4rem;
        top: 0.25rem;
        width: 0.4rem;
        height: 0.7rem;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        border-radius: 1px; /* Небольшое скругление для галочки */
    }

    /* Альтернативный вариант - галочка с сильным скруглением (как плавная линия) */
    .checkbox-custom--rounded::after {
        border-radius: 2px;
        border-width: 0 2.5px 2.5px 0;
    }

    /* Отмеченное состояние: черный фон */
    .checkboxFilter:checked ~ .checkbox-custom {
        background-color: black;
        border-color: black;
    }

    /* Показываем галочку */
    .checkboxFilter:checked ~ .checkbox-custom::after {
        display: block;
    }

    /* Эффекты */
    .containLabelFilter:hover .checkbox-custom {
        border-color: #000;
    }

    .checkboxFilter:focus ~ .checkbox-custom {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
    }










.containCheckBox{display: flex;flex-direction: column;gap: 0.5rem;}
.containLabelFilter{display: flex;gap: 0.5rem;}
#catalogFilterForm{display: flex;flex-direction: column;gap: 1rem;}
.hiddenFilter{gap: 0.5rem;}

/* MOD_FAQ */
.containerFaq{justify-content: space-between;}
.containerTabsFaq{display: flex;gap: 0.9rem;}
.tabsButtonFaq{border-radius: 2.5rem;border: 1px solid var(--color-light-gray);padding: 0.7rem 1.2rem;background-color: var(--color-white);color: var(--color-second);}
.tabsButtonFaq.active{background-color: var(--color-second);color: var(--color-white);}
.faqContent {display: none;}
.faqContent.active {display: block;}
.faqItem{position: relative; border-bottom: 1px solid var(--color-light-gray);padding: 1.5rem 0;cursor: pointer;}
.imgFaq{position: absolute;right: 1rem;top: 1.9rem;}
.titleFaq{}
.deskFaq {max-height: 0; overflow: hidden;transition: max-height 0.4s ease, padding 0.4s ease;padding: 0 0;  }
.faqItem.active .deskFaq { max-height: 500px;padding: 0.5rem 0;}
.faqItem .imgFaq {transition: transform 0.4s ease;}
.faqItem.active .imgFaq { transform: rotate(180deg);  top: 2.5rem; }


/* MOD_NEWS index */
.containerNews{display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);gap: 1.5rem;}
.blockNews{background-color: var(--color-light-blue);border-radius: 0.8rem;overflow: hidden; text-decoration: none;}
.blockNews_0 {grid-column: span 2 / span 2; color: var(--color-white);}
.blockNews_0:hover{color: var(--color-white);}
.blockNews_1 {    grid-column: span 2 / span 2;    grid-column-start: 3;color: var(--color-white);}
.blockNews_1:hover {color: var(--color-white);}
.blockNews_2{    grid-row-start: 2;height: 20rem; color: var(--color-second);}
.blockNews_2:hover{ color: var(--color-second);}
.blockNews_3{    grid-row-start: 2;height: 20rem;color: var(--color-second);}
.blockNews_3:hover{color: var(--color-second);}
.blockNews_4{    grid-column-start: 3;    grid-row-start: 2; height: 20rem;color: var(--color-second);}
.blockNews_4:hover{color: var(--color-second);}
.blockNews_5{    grid-column-start: 4;    grid-row-start: 2; height: 20rem;color: var(--color-second);}
.blockNews_5:hover{color: var(--color-second);}
.textNews{}
.imgNews{position: absolute;width:100%;height: 100%;object-fit: cover;}
.textBlockNew{display: flex;flex-direction: column;width: 100%;align-items: flex-start;height: 100%;z-index: 1;justify-content: space-between; padding: 2rem;}
.textBlockNew_0{width: 60%;}
.textBlockNew_1{width: 60%;}


/* footer */
footer{border-top: 1px solid var(--color-light-gray);padding-top: 2rem;}
.footer{ display: flex;align-items: flex-start;justify-content: space-between;padding-bottom: 5rem;}
.footerMenu{gap: 2rem;}
.footerMenuColumn {display: grid;grid-template-rows: auto repeat(4, auto);gap: 0.6rem;}
.footerMenuColumn strong{margin-bottom: 0.4rem;}
.footerMenuColumn a { display: block; color: var(--color-second);}
.footerButton{ gap: 0.5rem;}
.btnFooterCallBack{background-color: var(--color-main);color: var(--color-white);padding: 0.6rem 1.2rem;border-radius: 0.5rem;border: none;}
.btnSocSeti{background-color: var(--color-main);border-radius: 50%; width: 2.5rem;height: 2.5rem; border: none;display: flex;justify-content: center;align-items: center;}
.btnFooterTelegram{}
.btnFooterWhatsap{}
.footerLogoTelMail{display: flex;flex-direction: column;gap: 0.7rem;}
.footerTel img{margin-right: 0.5rem;}
.footerTel{color: var(--color-second);display: inline-flex;}
.footerTel:hover{color: var(--color-second);}
.footerMail{color: var(--color-second);display: inline-flex;}
.footerMail:hover{color: var(--color-second);}
.footerMail img{margin-right: 0.5rem;}
.underFooter{display: flex;justify-content: space-between;padding: 1.2rem 0rem;color: var(--color-white);}


.containPlashka{display: flex;}
.btnFooterCallBack{margin-bottom: 0;}


/* mod_sravnenie */
.btnLinkKatalog{    border-radius: 5rem;padding: 1.25rem 2rem;    color: var(--color-light-blue);border: rgba(255, 255, 255, 0.7);background-image: linear-gradient(180deg, #003E44, #00818D);}
.btnLinkKatalog:hover{color: var(--color-white);}
.alertSravnenie{display: flex;gap: 1rem;flex-direction: column;align-items: center;}
.product_title_compare{color: var(--color-second);}
.btnActionCompare{color: var(--color-second);}
.titleNamePositionCompare{color: var(--color-second);}
.characteristicContainer{display: flex;    display: flex; justify-content: space-between; align-items: center;}
.labelCompareToggle{display: flex; justify-content: space-between; align-items: center;    gap: 1rem;}
.btn-clear-compare{    display: flex;align-items: center;justify-content: flex-end;color: black;gap: 0.5rem;}

/* mod izbrannoe */
.favorite-header{display: flex; justify-content: space-between;}
.favorite-summary{    display: grid; grid-template-columns: 50% 1fr; justify-content: end; width: 90%; margin-left: auto;}
/* .titleNameOption{text-align: right;} */
.valueNameOption{    text-align: right; width: 100%;}
.valueNameOptionCart{text-align: left;}


/* mod-contact */
.mapIFrame{width: 100%;}
.containerContact{display: flex;   justify-content: space-between;flex-wrap: wrap;}



/* mod-client */
.TabsClientam{border: 1px solid var(--color-light-gray);display: flex;flex-direction: column;gap: 0.7rem;padding: 1.5rem;border-radius: 0.8rem;}
.btnTabsClientam{border: none;background-color: var(--color-white);text-align: left;}
.btnTabsClientam.active{color: var(--color-main);}
.blockClientam{display: none;}
.blockClientam.active{display: block;}
.titleImgClientam{    position: relative; max-height: 23rem; overflow: hidden;border-radius: 0.8rem;}
.imgClientam{    transform: translateY(-35%);}
.titleClientam{position: absolute;color: var(--color-white);z-index: 1;top:3rem;left: 3rem;}
.imgWrapperClientam { position: relative; border-radius: 0.8rem; overflow: hidden;}
.imgClientam {width: 100%;display: block;}
.imgWrapperClientam::after {content: "";position: absolute;inset: 0;background: linear-gradient( 180deg, var(--color-main) 0%, rgba(0, 0, 0, 0) 100% );top: 0rem;max-height: 20rem;}
.deskClientam{margin-top: 2rem;}
.textForClients{    line-height: 2rem;}


/* техника с пробегом */
.containerTechProbeg{position: relative;}
.containerTitleTechProbeg{position: absolute;color: var(--color-white);padding: 4.2rem 6.5rem;    display: flex;flex-direction: column;gap: 2rem;}
.imgTechProbeg{object-fit: cover ;}
.blockTechProbeg{border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.25);filter: drop-shadow(rgba(0, 0, 0, 0.25));backdrop-filter: blur(1rem); border-radius: 0.8rem;padding: 2rem;}

.containerBlockTechProbeg{    display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1.5rem;}
.blockTechProbeg3{    grid-row-start: 2;grid-column-start: 2;}
.blockTechProbeg4{    grid-row-start: 2;grid-column-start: 3;}
.blockTechProbeg5{    grid-row-start: 2;grid-column-start: 4;}
.numAndLineTechProbeg{display: flex;width: 100%;    align-items: center; gap: 1rem;}
.lineTechProbeg{width: 100%;height: 1px;background-color: rgba(255, 255, 255, 0.3);}
.titleH1TechProbeg{font-weight: 400;}
.textPlashkaTechProbeg{display: flex;flex-direction: column;gap: 1rem;}
/* filter */
.containerformFilter{display: flex;flex-direction: column;gap: 1.5rem;}
.blockFilterCondition{display: flex;gap: 0.7rem;}
.btnFilterCondition{border: 1px solid var(--color-light-gray);background-color: var(--color-light); border-radius: 0.5rem;padding: 0.625rem 1.25rem;}
.blockFilterАvailability{display: flex;gap: 0.7rem;}
.btnFilterАvailability{border: 1px solid var(--color-light-gray);background-color: var(--color-light); border-radius: 0.5rem;padding: 0.625rem 1.25rem;}
.checkBoxLabelFilterColumn{display: flex;flex-direction: column;gap: 0.7rem;}
.buttFilter{width: 100%;background-color:var(--color-main);border: none;padding: 0.9rem 0rem;border-radius: 0.5rem;color: var(--color-white);}
/* кнопка по умолчанию скрыта */
.btnShowFilter {   display: none;background: var(--color-light-blue);border: 1px solid var(--color-light-gray);border-radius: 6px;}
.btnCloseFilter{display: none;}
@media (max-width: 992px) {.filterColumn {position: fixed;top: 0;left: 0;width: 80%;height: 100%;background: #fff;z-index: 999;padding: 20px;overflow-y: auto;box-shadow: 0 0 15px rgba(0,0,0,0.2);transform: translateX(-100%);transition: transform 0.3s ease;}.filterColumn.active {transform: translateX(0);}.btnCloseFilter{display: block;}}
.filterHeader {display: flex;    justify-content: flex-end;align-items: center;margin-bottom: 15px;}
.btnCloseFilter {background: none;border: none;font-size: 22px;cursor: pointer;}
.selectFilter{width: 100%;border: 1px solid var(--color-gray);padding: 0.9rem 1.25rem;border-radius: 0.5rem;}

/* mod form callBack */
.formCallBack{position: relative;}
.containerForm{position: absolute;color: var(--color-white);left: 0;right: 0;width: 70%;display: flex;margin-left: auto;margin-right: auto;justify-content: space-between;top: 50%;transform: translateY(-50%);justify-content: space-evenly;}
.contInpFormCallBack{display: flex;flex-direction: column;}
.inpCallBack{border-radius: 0.5rem;padding: 1rem 1.5rem; border: none;}
.btnFormCallBack{width: 100%;color: var(--color-white);background-color: var(--color-main);padding: 1rem;text-align: center;border: none;border-radius: 0.5rem;}
.blockFormInp{display: flex;flex-direction: column;gap: 1rem;}
.checkBoxCallBack{display: flex; gap: 0.5rem; margin-left: 0.5rem;}
.blockCheckBoxCallBack{display: flex;flex-direction: column;gap: 0.5rem;}
.imgformCallBack img{object-fit: cover;}
.linkFosCallBack{color: var(--color-white);border-bottom: 1px solid var(--color-white);}
.linkFosCallBack:hover{color: var(--color-white);}
/* mod clientam */
.containerClientam{display: flex;flex-direction: row-reverse;}

/* mod lizing */
.containerCalculate {background: linear-gradient(90deg,#003E44, #00818D);padding: 2.5rem 3.2rem; border-radius: 0.8rem; color: var(--color-white);}
.blockCalculateLizing{    background-color: white; border-radius: 0.8rem; color: black;padding: 2rem 1.2rem 0.6rem 1.2rem;}
.rangeWrapper { position: relative;width: 100%;}
.rangeValue {position: absolute;    top: -1.8rem;transform: translateX(-50%);color: var(--color-main);padding: 4px 8px;font-weight: 800;border-radius: 6px;white-space: nowrap;}

.containerBlocksLizing{flex-direction: row-reverse;position: relative; margin-left: 8.5rem;}
.coinCalculateLizing{    display: flex;  justify-content: space-between;}
.coinCalculateLizing span{color: var(--color-second);}
.rangeInpLizing{width: 100%;accent-color: var(--color-main);background:var(--color-light-gray); height:2px;}
.formLizingCalc{    display: flex;flex-direction: column;gap: 1rem;}
.imgLizing   { position: absolute; bottom: -3rem; right: 0rem; width: 50%;}
.buttonClacForm{border: none; color: var(--color-second);border-radius: 0.8rem;  display: flex;justify-content: space-between;align-items: center;padding: 0.9rem 1.2rem;}
.checkBoxStyle{}

/* mod_step_work_comp */
.imgStepWorkComp{    transform: scale(1.3) translate(-4%, 0%);}
.containerPlashkaStepWorkComp{bottom: 4rem;}
.containerStepWorkComp{height: 52rem;}

.articleGlavInfo{display: flex;flex-direction: column;}
.containerarticleGlavInfo{    display: flex; flex-direction: column; gap: 1rem;}

/* stok akcii */
.containerStok{position: relative;border-radius: 0.8rem;color: var(--color-white);    border-radius: 0.8rem; overflow: hidden;}
.containerStok:hover{color: var(--color-white);}
.blockTextStok{position: absolute; display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: space-between;padding: 2rem;z-index: 1;}
.comStok{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;}
.contUnderText{display: flex; flex-direction: row-reverse;justify-content: space-between;}
/* .blockimgStok::after{    content: "";position: absolute;inset: 0;background: linear-gradient(88deg, #1C1D29 0%, rgba(28, 29, 41, 0.2) 100%);top: -3rem;left: -23rem;} */
.textDeskStok {width: 60%;}

.paginatioStok{      border-top: 1px solid var(--color-light-gray);  width: 15rem;  margin-left: auto;  margin-right: auto;  display: flex;  align-items: center;  padding-top: 1rem;    justify-content: space-evenly;}
.numPaginStok{    border: 1px solid; border-radius: 0.5rem; color: var(--color-black);}
.numPaginStok a{color: var(--color-second);}
.numPaginStok{background-color: var(--color-white);color: var(--color-second);width: 2rem;  height: 2rem;  display: flex;  justify-content: center;  align-items: center;    padding: 1rem;}
.numPaginStok.active{background-color: var(--color-second);color: var(--color-white);}

.numPaginStok.active a {   color: var(--color-white);}
.numPaginStok.disabled {   opacity: 0.5;  cursor: not-allowed;}
.numPaginStok.disabled span { color: var(--color-second);}
.numPaginStok:hover:not(.disabled):not(.active) { cursor: pointer;}
.numPaginStok:hover:not(.disabled):not(.active) a {color: var(--color-white);}
.numPaginStokArrow{border: none;}
.hiddenFilter { display: none;}
.paginatioStok2{border: none;padding: 0;}
.filterColumn.active { display: block !important; position: fixed; top: 0; left: 0; width: 80%; height: 100%; background: white; z-index: 1000; overflow-y: auto; padding: 20px;}
.linePagin{height: 1px;background-color: var(--color-light-gray);width: 100%;}
@media (max-width: 768px) { .filterColumn {display: none;}}
.cards-container {display: flex;flex-direction: column;gap: 20px;}
/* News */	
.blocksNews{    border-radius: 0.8rem; background-color: var(--color-light-blue); padding: 0; overflow: hidden;min-height: 15rem;position: relative;}
.blocksNews{}
.textTitleDeskNews{    display: flex;  position: absolute;  flex-direction: column;  top: 2rem;  left: 2rem;  height: 80%;  justify-content: space-between;}
.imgNewsLink{color: var(--color-second);}
.imgNewsLink:hover{color: var(--color-second);}
.imageNewsAtticle{  }
.blockImgNews{    max-height: 18rem;  border-radius: 0.8rem;  width: 100%;  object-fit: cover;  overflow: hidden;}
.dateNews{    position: absolute; bottom: 1rem;}
.containerCart{}
.containerFavorite-summary{width: 30%;}

/* адаптация */
@media (max-width: 1600px) {
	/* mod lizing */
	.imgLizing{    position: absolute;bottom: -3rem;right: -21rem;width: 80%;}
	/* mod about comp */
	.textAboutCompanyUp{        grid-column: span 2 / span 2; grid-row-start: 1; margin-bottom: 1rem; padding-right: 0;}
	.imgBlockAboutCompany{display: flex;align-items: flex-end;}
	.imgBgAboutCompany{    width: 100%;}
	.textAboutCompanyUp{    padding-right: 2rem;        padding-left: 2rem;}
	.textAboutCompanyDown{    padding-right: 2rem;}


	.blockCard{grid-template-columns: 30% 20% 50%;}


	.containerTitleTechProbeg{gap: 0;     padding: 0.2rem 6.5rem;}
	.containerBlockTechProbeg{    gap: 1rem;}
}
@media (max-width: 1440px) {
	/* mod-step-work */
	.containerStepWork{height: 45rem;}
	.containerPlashkaStepWork{bottom: 2rem;right: 5rem;} 
	.plashkaStepWork{font-size: 1.6rem;}
	/* mod_why_we */
	
	.blockWhyWe{padding: 1.5rem;}
	.plashkiWhyWe{left: 5rem;}
	.imgAnyQuestion{    position: absolute;right: -6rem;top: -1rem;width: 70%; }


	/* mod tech s prob */
	.containerTitleTechProbeg{    padding: 1.2rem 5.5rem;}
	.containerBlockTechProbeg{    grid-template-columns: 1fr 1fr 1fr;}
	.blockTechProbeg3{grid-column-start: 1;}
	.blockTechProbeg4{    grid-column-start: 2;}
	.blockTechProbeg5{grid-column-start: 3;}
	

	/* mod about comp */
	.textAboutCompanyUp{        grid-column: span 2 / span 2; grid-row-start: 1; margin-bottom: 1rem; padding-right: 0;}
	.imgBlockAboutCompany{display: flex;align-items: flex-end;}
	.imgBgAboutCompany{    width: 100%;}
	.textAboutCompanyUp{    padding-right: 2rem;        padding-left: 2rem;}
	.textAboutCompanyDown{    padding-right: 2rem;}


	/* mod-slider-index */
	.imgSliderIndex-2{    height: 50rem;  object-fit: cover;}
	.imgSliderIndex-3{    height: 50rem; object-fit: cover; transform: translateX(-4rem);}
	.textSliderDesk-3{    width: 74rem;font-size: 5rem;}
	.banner-img{object-fit: cover;}
	.textSliderTitle-2{top: 5.5rem;left: -7rem;font-size: 2.8rem;}
	.textSliderDesk-2{left: 1rem;top: 0rem;width: 81rem;font-size: 5rem;line-height: 5rem;}

	/*  */
	.imgKamazBg-0{width: 55%;position: absolute;bottom: 0;}
	.containerFormImgIndex{    position: relative;}
	.formIndex{margin-right: unset;}



	.blockCard{grid-template-columns: 30% 30% 40%;}
}

@media (max-width: 1280px) {
	
	.headerUp .mod-custom{    width: 75%;}
	.navUpInp{padding: 0.6rem 1rem;}
	.navUpText{    width: 35%;}

	.containerKatalogBlock{grid-template-columns: 1fr 1fr 1fr;}
	.imgKatalog{width: 70%;}
	/* mod_why_we */
	.plashkiWhyWe{margin-left: unset;bottom: 4rem;   left:4rem;}
	.row_groupWhyWe{height: unset;}
	.blockWhyWe{gap:0.5rem;padding: 1rem;}
	.textBlockWhyWe{font-size: 1.5rem;}
	.descBlockWhyWe{font-size: 1rem;}
	.imgWhyWe{    right: -3rem;}
	.containerBlockWhyWe{height: 33rem;}
	/* mod-step-work */
	.textStepWork{         left: 4.75rem;top: 5rem;}
	.containerPlashkaStepWork{ gap: 1.5rem; bottom: 3rem; height: unset; left: 5rem; right: 3rem;}
	.imgStepWork{transform: scale(1.7) translate(19%, -10%);}
	.containerFaq{flex-direction: column;}
	.modulTitleText{width: 100%;}
	.containerTabs{width: 100%;}
	/* mod-form  */
	.imgKamazBg-0{    position: absolute;bottom: 0;width: 70%;}
	.imgKamazBg-1{    position: absolute;left: 0;z-index: 1;bottom: 0;width: 58%;}
	.formIndex{    padding: 1.6rem 1.9rem;margin-right: unset;}
	.imgKamazBgTwo-1{width: 54%;}
	.imgBgFormIndex{position: unset;}



	/* mod tech s prob */
	.containerTextTechProbeg{width: 100%;}
	/* .blockCard{height: 15rem;} */
	.containerFilterCards {justify-content: space-between; position: relative;}
	.resetFilter{    width: 100%;}
	.inputBlockFilterLabel{width: 100%;}
	.inputBlockFilter{ width: 100%; gap: 0.5rem;}
	.inputFilter{    padding: 0.9rem 0.25rem; width: 100%;}
	

	.containerAnyQuestion{ height: 26rem;}
	/*  */
	.imgStepWorkComp{transform: scale(1.7) translate(-15%, 15%);}
	.navbar-toggler{    margin-top: 1rem; margin-bottom: 1rem;}


	
	/* stok akcii */
	.itemTitleText{font-size: 2rem;}
	.contUnderText{font-size: 0.9rem;align-items: flex-end;}



	/*  */
	.textWhyWe{    position: absolute;left: 4.5rem;top: 0rem;}
	

	.namePositionBlockCard{padding: 1rem 0.5rem;}
	.blockCard{    grid-template-columns: 40% 20% 40%;}
}
@media (max-width: 1024px) {

	/*  */
	.textWhyWe{top: 0rem;}
	/* header */
	.header_items{ align-items: flex-start;}
	.headerUp .mod-custom{    width: 65%;}

	/* katalog */
	.containerKatalogBlock{grid-template-columns: 1fr 1fr;}
	/* mod-step-work */
	.containerStepWork {    height: 46rem;}

	/* mod-form */
	.containerTitleBtn{margin-left: 1.5rem;}
	.titleForm{font-size: 2rem;}
	.formIndex{gap: 0.5rem;margin-right: 3.5rem;padding: 2.5rem 2.2rem;}
	.containerBtnCheckBox{margin-top: 2rem;}
	/* mod-foto-galery */
	.containerFotoGalery{grid-template-columns: repeat(4, 1fr);}

	/* mod-calc */
	.containerBlockCalc{    flex-direction: column-reverse;    align-items: center;}
	.containerButtonCalc{width: 100%; flex-direction: row-reverse;}
	.ButtonCalc{width: 50%;padding: 1rem 1rem 1rem 1rem;}
	.imgBlockCalc{ height: 40rem;}
	.ButtonCalcPrev{flex-direction: row-reverse;}
	.btnBlockCalc{            width: 99%;}
	.blockFotoGalery{grid-row-start: unset;grid-column-start: unset;}
	.cardWrapper{width: unset;}
	/* mod any ques */
	.containerAnyQuestion{ height: 26rem;flex-direction: column;justify-content: flex-start;padding-top: 2rem;margin-left: 2rem;}
	.imgAnyQuestion{        right: -6rem; bottom: -5rem; width: 67%; top: unset;}
	
	/* mod about company */
	.imgBlockAboutCompany{    display: flex;align-items: flex-end;}
	.textAboutCompanyUp{    grid-column: span 2 / span 2;grid-row-start: 1;  margin-bottom: 1rem;padding-right: 0;}
	.textAboutCompanyDown{}
	.blockTextImgAboutCompany{    align-items: end;}
	.blockTextImgAboutCompany{          grid-template-rows: 40% 60%; grid-template-columns: 60% 40%;}
	.textAboutCompanyDown{padding-right: 1px;}
	.titleAboutCompany {font-size: 1.4rem;}
	
	.containerModCompany{padding: 0 2rem;}
	/* mod-form  */
	.imgKamazBg-0{width: 64%;}
	/* mod tech s prob */
	.containerTitleTechProbeg{padding: 4.2rem 5.5rem;}
	/* mod_about_company_comp */
	/*  */
	.containerStepWorkComp{height: 49rem;}

	.imgKamazAboutCompany{ left: -2rem;} 
	.imgBgAboutCompany{ left: -2rem;} 


	.containerCalculate{        width: 62%; margin-right: auto; margin-left: 3.5rem;}
	.imgLizing{bottom: -3rem; right: -15rem; width: 57%;}
	.containerBlocksLizing{flex-direction: column;    margin-left: 0;}
.rangeValue{    font-size: 1.3rem;}


	/* slider index */
	.custom-nav-slider-block{    left: -4rem; right: -4rem;}
	.containerButtSlider{bottom: 4rem;left: 6rem;}
	.banner-img{height: 50rem;    overflow: hidden;}
	.imgSliderIndex-2{        object-fit: cover;  transform: scale(1.1) translate(-9rem, 2rem);}
	.textSliderDesk-2{    left: 0rem; top: 0rem; width: 43rem; font-size: 3rem; line-height: 3.3rem;}
	.textSliderTitle-2{    top: 3.5rem;left: -6rem;font-size: 2rem;}
	.textSliderDesk-3{width: 61rem;font-size: 4rem;}
	.textSliderIndex{    left: 3rem;}
	.textSliderTitle-3{top: 4.2rem;left: -2.8rem;font-size: 2.1rem;}
	.textSliderIndex-2{        left: 6rem;}

	.textWhyWe{left: 5.5rem;top: 0rem;}
	/* header */
	.buttInHeaderText{display: none;}

}
@media (max-width: 992px) {
	/* why-we */
	.containerBlockWhyWe{    height: 27rem;}

		.textWhyWe{position: unset;}
	/* mod-form  */
	.imgKamazBg-1{width: 56%;left: -5rem;}
	.imgKamazBg-0{  width: 69%;}
	.formIndex{ margin-right: 1.5rem;}
	.containerFormIndex{    width: 46%;margin-right: unset;}
	/* mod tech s prob */
	.containerTitleTechProbeg{padding: 5.2rem 2.5rem;}
	/* filter */
	.btnShowFilter{ z-index: 1; display: block; height: 4rem;  position: absolute; right: 2rem;top: -5rem;}

	.headerMenuRight{    top: 1.2rem;}

	.containerForm {flex-direction: column;gap: 1rem;}
	.textFormCallBack{width: 100%;}
	.blockFormInp{width: 100%;}

	.containerContact {gap: 2rem;}


	/* footer */
	.footer{        gap: 1rem;}
	.footerMenu{gap: 1rem; width: 63%; justify-content: space-around;}
	.footerButton {    flex-direction: column-reverse;align-items: flex-end;}
	.btnFooterCallBack{  text-align: center;  padding: 0.4rem 0.5rem;width: 100%;font-size: 1.3rem;}
	.btnSocSeti{    width: 2.8rem; height: 2.5rem; padding: 0.5rem;}
	.comStok{grid-template-columns: 1fr;}
	
	/* article/category_item */
	.containerSliderName{    flex-direction: column;  align-content: center;}
	.containSlider{    order: 1;width: 100%;}
	.nameMaterialArticleCategory{    order: 0;width: 100%;}
	.containerPlashkaPriceBtn{    order: 2;width: 100%;}
	.containerOption{    width: 100%;}


	/* article */
	.containerarticleGlavInfo{flex-direction: row;}

	/* mod-slider-index */
	.textSliderTitle-3{     left: -5rem;font-size: 2rem;}
	.textSliderDesk-3{left: 1rem; top: 0.5rem; line-height: 5rem; font-size: 4rem;}
	.textSliderDesk-1{    font-size: 6rem;}
	.imgSliderIndex-3{        transform: translateX(-1rem);}
	.imgSliderIndex-2{        object-fit: cover; overflow: unset; transform: scale(1.1) translate(-18rem, -1rem);}

	/* mod-step work */
	.plashkaStepWork{    font-size: 1.6rem;padding: 1.5rem;}


	/* header */
		.textUpHeaderDNone{display: none;}
		.navUpText{    width: 40%;}


		
	.containerFavorite{    flex-direction: column;}
	.favorite-summary{grid-template-columns: 50% 1fr;	}
	.favorite-header{    display: flex;align-content: center;justify-content: space-between;flex-direction: row;align-items: center;}
	.categoryName{    margin-top: 0 !important; margin-bottom: 0 !important;}
	.containerFavorite-summary{width: 100%;}
	.favorite-summary{margin-left: unset;width: 100%;}
	.valueNameOption{   text-align: right;}
	.titleNameOption{  text-align: unset;}
}
@media (max-width: 768px) {
	/* mod-step-work */
	.containerStepWork {    height: 47rem;}
	.plashkaStepWork{    padding: 1.2rem;}
	.plashkaStepWork-2{    grid-column-start: 1;}
	.plashkaStepWork-3{grid-column-start: 2;}
	.containerPlashkaStepWork{grid-template-columns: repeat(2, 1fr);bottom: 5rem;height: unset;left: 4rem;right: 4rem;}
	.imgStepWork{ transform: scale(2.3) translate(7%, 27%);}
	/* mod any ques */
	.containerAnyQuestion{ height: 26rem;flex-direction: column;justify-content: flex-start;padding-top: 2rem;margin-left: 2rem;}
	.imgAnyQuestion{right: -3rem;bottom: -3rem;width: 70%;top: unset;}
	/* mod-form  */
	.imgKamazBg-0{width: 74%;}


	/*  */
	.imgStepWorkComp{        transform: scale(2.5) translate(-19%, 26%);}
	.containerStepWorkComp{ height: 47rem;}


	/* footer */
	.footer{    display: flex; align-items: center; justify-content: space-between; padding-bottom: 5rem; flex-direction: column;}
	.footerLogoTelMail{    display: flex;flex-direction: row;gap: 0.7rem;width: 100%;order: 0;align-items: center;justify-content: space-between;}
	.footerMenu{gap: 0rem;width: 100%;justify-content: space-around;order: 1;}
	.footerButton{  flex-direction: row;order: 2;width: 40%;}
	.footerTel{display: flex;flex-wrap: nowrap;align-items: center;}
	.footerMail{display: flex; flex-wrap: nowrap; align-items: center;}
		.footerButton{justify-content: center;gap: 0.5rem;  width: 90%;align-items: center;}
	/*  */
	.imgBgAboutCompany{width: 100%;bottom: 1rem; left: -2rem;}
	.imgKamazAboutCompanyComp{        width: 100%;left: -3rem;}
	
	.containerImgLizing{display: none;}
	.containerCalculate{width: 90%;  margin-right: auto;  margin-left: auto;}
	#logo{    width: 25%;}
	.headerUp .mod-custom{        width: 70%;}
	
	.navUpText{font-size: 0.8rem;width: 55%;}
	
	/* mod-slider-index */
	.custom-nav-slider-block{ left: -6rem;right: -6rem;}
	.containerButtSlider{left: 4rem;}
	.textSliderIndex{    left: 4rem;}
	.textSliderDesk-1{  font-size: 5rem;}
	.textSliderDesk-3{font-size: 3rem;        width: 53rem;}


	.textWhyWe{        margin-left: 2rem;}

	/* form */
	.titleFos{font-size:1.8rem ;}
	.descFos{font-size:1.5rem ;}
	.inpFos{font-size: 1.5rem;}
	.btnSubForm{font-size: 1.5rem;}
	.checkBoxLabelForm{font-size: 1.1rem;}


	.containerFormIndex{width: 50%;}
	
	
	/* calc form */
	.cardWrapper{overflow: hidden;    width: 28rem;border-radius: 0.8rem;}

	.BlockCalc{flex-direction: column;}
	.cardWrapper{        width: 100%;height: 14rem;}
	/* .blockCard{    grid-template-columns: 30% 30% 40%;} */
}
@media (max-width: 576px) {
	/* upHeader */
	.headerUp {justify-content: space-around;  padding: 0rem 3rem;}
	.headerUp .mod-custom{width: 60%;}
	.navUpText img{width: 1.7rem;height: 1.7rem;}
	.navUpHeader{width: 100%;        justify-content: space-between;}
	.navUpText{width: 25%;}
	.navUpInp{}
	.search-wrapper{width: 80%;}
	/* header */
	.headerMenu{display: flex;flex-direction: column;}
	.header_items{ align-items: flex-start;font-size: 1.4rem;}
	.headerMenuRight{top: 1rem;}
	/* why-we */
	.plashkiWhyWe{        left: 1.5rem; bottom: 1rem;width: 75%;}
	.textBlockWhyWe{font-size: 1.1rem;}
	.descBlockWhyWe{font-size: 0.9rem;}
	/* katalog */
	.containerKatalogBlock{grid-template-columns: 1fr 1fr;}
	.imgKatalog{        width: 60%;}
		/* mod-foto-galery */
	.containerFotoGalery{grid-template-columns: repeat(2, 1fr);}

	/* mod-calc */
	
	.imgBlockCalc{          width: 34rem;height: 24rem;  transform: scale(1.2) translate(0%, 0%);}
	.cardWrapper{    height: 24rem;}
	.ButtonCalc{    padding: 1rem 1rem 1rem 1rem;}
	.BlockCalc{flex-direction: column;}
	.containerButtonCalc{flex-direction: row-reverse; justify-content: center;width: 100%;}
	.ButtonCalc{display: flex;flex-direction: column-reverse;width: 40%;padding: 0.2rem;}
	.modulTitleTextCalc{margin-left: 3rem;}
	.questionCalcText{margin-left: 3rem;}
	/* mod-news */
	.blockNews{grid-column: span 2 / span 2; }
	.blockNews_4{    grid-row-start: 3;}
	.blockNews_5{    grid-row-start: 3;}

	/* mod any ques */
	.containerAnyQuestion{ height: 26rem;flex-direction: column;justify-content: flex-start;padding-top: 2rem;margin-left: 2rem;}
	.imgAnyQuestion{right: -3rem;bottom: -3rem;width: 70%;top: unset;}
	/* mod-form  */
	.containerImgFormIndex {display: none;}
	.containerBtnFormIndex{margin-top: 0 !important;margin-left: 2rem;}
	.containerTitleBtn{margin-left: 3rem;}
	.containerFormIndex {width: 100%;margin-left: unset;}
	.formIndex{margin-right: 0rem;}
	.containerFormImgIndex{align-items: flex-end;width: 100%;justify-content: center;width: 90%; margin-left: auto; margin-right: auto;}
	/* mod_faq */
	.titleFaq{width: 90%;}

	.titleNameOption{    font-size: 1.2rem;}
	.valueNameOption{    font-size: 1.2rem;        text-align: right;}
	.serchCoinBlockCard{    font-size: 1.2rem;}
	.namePositionBC{    font-size: 2rem;}
	.btnAllInfBlockCard{font-size: 1.5rem;}
	.btnCards{    font-size: 1.5rem;}

	/* mod about company */
	.imgBlockAboutCompany{display: none;}
	.blockTextImgAboutCompany{  display: flex; flex-direction: column;height: 42rem;}
	/* .blockTextImgAboutCompany{ grid-template-columns: 1fr;grid-template-rows: 50% 50%;gap: 0;} */
	.textAboutCompanyUp{padding-left: 0;}
	
	.textStepWork{top: 1rem;}
	.imgStepWorkComp{        transform: scale(2.8) translate(-19%, 26%);}

	/* otzivi */
	.custom-nav-otzivi{    left: 0rem; right: 0rem;}
	.custom-nav-prev-otzivi, .custom-nav-next-otzivi{    width: 25px;height: 25px;}



	.custom-nav-prev, .custom-nav-next{ width: 25px;height: 25px;}
	.custom-nav{    left: 0rem; right: 0rem;}

	/* mod clientam */
	.containerClientam {    display: flex;flex-direction: column-reverse;}
	.infoClientam {width: 100%;}
	.containerTabsClientam {width: 100%;} 
	.TabsClientam{display: flex;flex-direction: row;flex-wrap: wrap;}

	/* mod tech s prob */
	.blockTechProbeg{    padding: 1rem;}
	.blockTechProbeg5{  grid-column-start: 1;grid-row-start: 3;grid-column: span 2; }
	.containerBlockTechProbeg{ grid-template-columns: 1fr 1fr;}
	.containerTitleTechProbeg{padding: 2.2rem 2.5rem;}
	.containerCart{        width: 95%; margin-left: auto; margin-right: auto;}
	.btnAllInfBlockCard{width: 100%;}
	.blockCard{ grid-template-columns: 100%; height: auto;}
	.containerOptions{    padding: 1.5rem;}
	.namePositionBlockCard{gap: 1rem;}


	.rangeWrapper{padding: 0.5rem;}
	
	/* footer */
	.containerForm{width: 90%;}
	.footerLogoTelMail{justify-content: space-around;}
	.footer{        gap: 2rem;}
	.footerButton{justify-content: center;gap: 0.5rem;  width: 90%;align-items: center;}
	.textUpHeader{display: none;}
	.btnSocSeti{    width: 4.5rem;  height: 3.5rem;}
	.btnFooterCallBack{        font-size: 1.9rem; text-align: center;}
	.footerTel img{width: 3rem;}
	.footerMail img{width: 3rem;}
	.textBlockNew {width: 100%;}

/* mod-slider-index */
.textSliderIndex-1{top: 0rem; left: 1rem;}
.textSliderIndex-2{    top: 3rem; left: 4rem;}
.custom-nav-slider-block{        left: -7rem; right: -7rem;}
.textSliderTitle-1{top: 6.9rem;left: -3.7rem;font-size: 1.5rem;}
.containerButtSlider{        bottom: 3rem; left: 3rem;}
.textSliderDesk-2{        width: 35rem;   font-size: 2.3rem;   line-height: 3.4rem;}
.textSliderIndex-3{top: 3rem; left: 4rem; z-index: 3;}
.textSliderTitle-3{  left: -4.5rem;  top: 4.3rem;  font-size: 1.5rem;}
.textSliderDesk-3{          left: 0rem;   top: 1.5rem;   line-height: 4rem;   font-size: 2.4rem;   width: 37rem;}
.textSliderDesk-1{ font-size: 3.8rem;}
.imgSliderIndex-3{height: unset;}
.imgSliderIndex-3{        transform: scale(3) translate(7rem, 5rem);}


.blockWhyWe-0{width: 60%;}
.blockWhyWe-1{width: 60%;}
.containerBlockWhyWe{ }
.row_groupWhyWe-2{flex-direction: column;}
.blockWhyWe-2{width: 80%;}
.blockWhyWe-3{width: 80%;}

/* mod-step-work */
.plashkaStepWork{font-size: 1.5rem;}
}	
@media (max-width: 380px) {
	.containerBlockWhyWe{    height: 27rem;}
	.containerStepWork{        height: 49rem;}
	.imgStepWork{transform: scale(2.5) translate(-11%, 30%);}
	.formIndex{        margin-left: 1rem;margin-right: 1rem;}
	.containerImgFormIndex {display: none;}
	.containerFormImgIndex{align-items: flex-end;width: 100%;justify-content: center;}
	.containerFormIndex {width: 100%;}
	.custom-nav-otzivi{top: 60%;}

	/* mod-news */
	.containerNews{ grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(3, 1fr);}


	/* any question */
	.imgAnyQuestion{    right: -3.5rem;top: 8rem;width: 70%;}
	.containerAnyQuestion{    height: 22rem;justify-content: flex-start;margin-left: 1rem;padding-top: 2rem;gap: 4rem;}

	/* mod_faq */
	.containerTabsFaq{gap: 0.1rem;}

	/* footer */
	.footer{    display: flex;align-items: center;justify-content: space-between;padding-bottom: 1rem;flex-direction: column;gap: 1rem;}
	.footerLogoTelMail{    display: flex;flex-direction: row;gap: 0.7rem;justify-content: space-around;align-items: center;        width:90%;}
	.footerMenu{         display: flex;justify-content: space-between;align-items: flex-start;width: 90%;}
	.footerButton{justify-content: center;gap: 0.5rem;  width: 90%;align-items: center;}
	.svgFooter{width: 2rem;}
	.footerMail a{font-size: 0.8rem;}
	.btnFooterCallBack{  padding: 0.6rem 0.5rem;}

	/* mod tech s prob */
	.containerBlockTechProbeg{        grid-template-columns: 1fr;}


	#logo{        width: 30%;}

	/*  */
	.imgStepWorkComp{transform: scale(3) translate(-23%, 35%);}


	.headerUp {justify-content: space-around;}
	.headerUp .mod-custom{width: 60%;}
	.navUpText img{width: 1.7rem;height: 1.7rem;}
	.navUpHeader{width: 100%;        justify-content: space-between;}
	
	.navUpInp{}
	.search-wrapper{width: 80%;}



	/* mod-slider-index */
	.textSliderIndex-1{        top: 0rem; left: 1rem;}
	.textSliderTitle-1{        top: 6.9rem;left: -2rem;font-size: 1rem;}
	.textSliderDesk-1{ font-size: 2.8rem;  line-height: 4.1rem;  top: 3.5rem;}
	.textSliderTitle-2{  top: 2.8rem;   left: -5.4rem;   font-size: 1.4rem;}
	.textSliderIndex-2{top: 3rem; left: 4.8rem;}
	.textSliderDesk-2{        left: -1rem; top: 0rem; width: 30rem; font-size: 2rem; line-height: 2.5rem;}
	.textSliderTitle-3{left: -4.1rem; top: 4.4rem; font-size: 1.3rem;}
	.textSliderDesk-3{   left: 0rem;   top: 1.5rem;   line-height: 4rem;   font-size: 2.2rem;   width: 32rem;}



	.blockTextImgAboutCompany{height: 46rem;}


	.textPlashkaTechProbeg{gap: 0;}
	.containerBlockTechProbeg{gap: 0.5rem;}
	.blockTechProbeg1{    grid-row-start: 1;grid-column-start: 1;}
	.blockTechProbeg2{    grid-row-start: 2;grid-column-start: 1;}
	.blockTechProbeg3{    grid-row-start: 3;grid-column-start: 1;}
	.blockTechProbeg4{    grid-row-start: 4;grid-column-start: 1;}
	.blockTechProbeg5{    grid-row-start: 5;grid-column-start: 1;}
}