@keyframes animationHeaderFixed {
   0% {
      top: -100%
   }

   100% {
      top: 0%
   }
}


body {
   font-family: Roboto;
}

a,
.page-link {
   text-decoration: none;
   color: #21145F;
}
a:hover {
   color: #E65300;
}

button:hover {
   filter: opacity(0.7);
}
iframe {
    max-width: 100%;
}

/* .tbody, td, tfoot, th, thead, tr {
    padding: 2px 5px;
    border-width: 1px;
} */
#goTop {
    position: fixed;
    bottom: 90px;
    left: 20px;
    cursor: pointer;
    display: none;
    opacity: 1;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    z-index: 1000;
    border-radius: 50%;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
    background: #21145F url("/assets/images/arrow-up.svg") center no-repeat;
}
.content-out h3 {
   font-size: 1.17em;
   font-family: Roboto;
   font-style: normal;
   font-weight: 900;
   line-height: 140%;
}
.content-out h4 {
   font-size: 1.05em;
   font-family: Roboto;
   font-style: normal;
   font-weight: 900;
   line-height: 140%;
}

.pure-g img {
    max-width: 100%;
    height: auto;
}

.container-1160 {
   max-width: 1190px;
   margin: auto;
}

/* modal */
.modal {
    z-index: 4000;
}
.modal-body-descrip {
    color: #231F20;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
text-align: center;
line-height: normal;
margin: 0;
}
.form-one-click-out {
   padding: 0.7rem 1rem 0.3rem;
}
.modal-input {
    border-radius: 5px;
background: #F7F8FD;
width: 100%;
max-width: 440px;
margin: 9px 0;
padding: 17px 31px;
color: #231f20a3;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
}
.modal-btn-send {
    border-radius: 10px;
    background: #21145F;
    color: #fff;
    color: var(--white, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    border: none;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: block;
    width: 200px;
    margin: 15px auto;
    transition: 280ms linear;
    text-transform: uppercase;
    padding: 16px 26px;
}
/* end modal */


/* header */
.header-out {
   min-height: 179px;
}

.header-item {
   position: relative;
   padding: 15px;
   background-color: #F7F8FD;
}

.fixed-header {
   position: fixed;
   width: 100%;
   z-index: 1050;
   animation-name: animationHeaderFixed;
   animation-duration: 800ms;
   animation-fill-mode: both;
}

.header-line-1 {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
   align-content: center;
   transition: all 300ms linear;
}

.header-line-1-logo-out {
   width: 157px;
   margin-right: 40px;
   transition: all 280ms linear;
}

.fixed-header .header-line-1-logo-out {
   width: 67px;
}

.header-line-1-logo-out img {
   margin: auto;
   display: block;
}

.header-line-2-content-out {
   width: 100%;
}

.fixed-header .header-line-2-content-out {
   width: calc(100% - 110px);
}

.header-hamburgers-out {
   display: none;
   position: relative;
}

.header-line-1-content-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header-line-1-content-out {
   flex: 1;
   border-bottom: 1px solid #231f201c;
}

.fixed-header .header-line-1-content-out {
   display: none;
}

.header-line-1-content-contacts-adress,
.header-line-1-content-contacts-time-mail {
   margin: 5px;
}

.header-line-1-content-textname-out,
.header-line-1-content-textname-out h1{
   color: #21145F;
   font-family: Roboto;
   font-size: 20px;
   font-style: normal;
   font-weight: 300;
   line-height: 130%;
   max-width: 385px;
}

.header-line-1-content-contacts-out {
   margin: 2px;
}

.header-line-1-content-contacts-item {
   color: #231F20;
   font-family: Roboto;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

.header-line-1-content-contacts-item svg {
   margin-right: 6px;
}

.header-line-1-content-phones-phone-img {
   margin-right: 6px;

}

.header-line-1-content-contacts-tmsp {
   margin-right: 6px;
}

.header-line-1-content-phones-phone-out {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header-line-1-content-phones-phone {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 900;
   line-height: normal;
   margin-right: 7px;
}

.header-line-1-content-phones-phone-telimg {
   margin: 0 6px;
}

.header-line-1-content-phones-callback {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-transform: uppercase;
   border-bottom: 1px dashed #21145F;
   margin-left: 1.5rem;
}

/* line 2 */
.header-line-2-content-item {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   padding-top: 12px;
}

.header-line-2-content-headcat-out {
   width: 157px;
   margin-right: 40px;
}

.header-line-2-content-headcat-item {
   position: relative;
}

.header-line-2-content-headcat-boxout {
   display: none;
   top: calc(100% + 40px);
   left: 0;
   position: absolute;
   width: 600px;
   height: 612px;
   padding-top: 40px;
   border-radius: 10px;
   background: var(--left-menu, #F9F9FD);
   padding: 24px 17px;
   box-shadow: 0px 0px 60px 0px rgba(213, 210, 225, 0.40);
   z-index: 2000;

}


.header-line-2-content-headcat-btn {
   border-radius: 10px;
   background: #21145F;
   color: #fff;
   color: var(--white, #FFF);
   text-align: center;
   font-family: Roboto;
   font-size: 14px;
   border: none;
   font-style: normal;
   font-weight: 900;
   line-height: normal;
   display: block;
   width: 100%;
   transition: 280ms linear;
   text-transform: uppercase;
   padding: 16px 26px;
}

.header-line-2-content-headcat-btn svg {
   transition: all 300ms linear;
}

.header-line-2-content-headcat-open .header-line-2-content-headcat-btn svg {
   transform: rotate(180deg)
}

.header-line-2-content-headcat-btn:hover {
   filter: opacity(0.7);
}

.header-line-2-content-headcat-boxitem {
   display: flex;
   justify-content: flex-start;

}

.header-line-2-content-headcat-ul {
   padding: 0;
   max-width: 256px;
   min-width: 238px;
}

.header-line-2-content-headcat-link {
   color: #231F20;
   font-family: Roboto;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   display: block;
   line-height: 140%;
   max-width: 238px;
   /* 21px */
}

.content-headcat-li-active .header-line-2-content-headcat-link {
   color: #E65300;
   font-weight: 500;
}

.header-line-2-content-headcat-li {
   list-style: none;
   padding: 15px 0;
}

.header-line-2-content-headcat-li:not(:last-child) {
   border-bottom: 1px solid #231f201c;
}

.header-line-2-content-headcat-btn svg {
   margin-left: 6px;
}

.header-line-2-content-headcat-li-podmenu-out {
   display: none;
}

.header-line-2-content-ulout {
   flex: 1;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header-line-2-content-search-out {
   display: none;
   flex: 1;
}

.header-line-2-content-ul {
   padding: 0;
   margin: 0 40px 0 0;
    flex-wrap: wrap;
   flex: 1;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header-line-2-content-li {
   list-style: none;
}

.header-line-2-content-link {
   padding: 2px;
   color: #21145F;
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-transform: uppercase;
}

.header-line-2-content-searchbasket-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
    gap: 1vw;
}

.header-line-2-content-searchbasket-calback {
   border-radius: 10px;
   border: 1px solid #21145F;
   color: #21145F;
   padding: 7px 15px;
   max-width: 109px;
   background-color: transparent;
   text-align: center;
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   transition: all 280ms linear;
   text-transform: uppercase;
}
.header-line-2-content-searchbasket-search-out {
    position: relative;
    background-color: #fff;
    padding: 8px 15px;
    border-radius: 10px;
}
.header-line-2-content-searchbasket-search-btn {
    position: absolute;
    border: none;
    background-color: transparent;
    top: 8px;
    left: 10px;
    transition: all 280ms linear;
    width: 33px;
    height: 33px;
}
.header-line-2-content-searchbasket-search-inp {
        border: none;
    padding: 5px 5px 5px 35px;
        max-width: 100%;
    display: block;
}
.header-line-2-content-searchbasket-search-inp:focus-visible {
    outline: none;
    border: none;
        border-bottom: 1px solid #21145F;
    padding: 5px 5px 5px 35px;
}

.fixed-header .header-line-2-content-searchbasket-calback {
   display: none;
}

.header-line-2-content-searchbasket-calback:hover {
   /* color: #21145f7a;
   border-color: #21145f7a; */
   filter: opacity(0.5);
}

.header-line-2-content-searchbasket-search {
   margin: 0 13px;
   background-color: transparent;
   border: none;
}

.header-line-2-content-searchbasket-basket-out {
   position: relative;
}

.header-line-2-content-searchbasket-basket-numb {
   position: absolute;
   top: -7px;
   right: 0;
   width: 17px;
   height: 17px;
   font-size: 10px;
   display: flex;
   justify-content: center;
   color: #fff;
   align-items: center;
   background-color: #E65300;
   border-radius: 50%;
}

.header-line-2-content-headcat-podmenu-out {
   margin: 12px 12px 12px 64px;

}

.header-line-2-content-headcat-podmenu-name {
   color: var(--orange, #E65300);
   font-family: Roboto;
   font-size: 21px;
   font-style: normal;
   font-weight: 500;
   line-height: 140%;
}

.header-line-2-content-headcat-podmenu {
   padding: 0;
}

.header-line-2-content-headcat-podmenu-li {
   list-style: none;

}

.header-line-2-content-headcat-podmenu-out>.header-line-2-content-headcat-podmenu>.header-line-2-content-headcat-podmenu-li {
   min-height: 80px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
}

/* submenu */
.header-line-2-content-headcat-podmenu .header-line-2-content-headcat-podmenu-ul li a {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 210%;
   /* 31.5px */
}
.header-line-2-content-headcat-podmenu .header-line-2-content-headcat-podmenu-ul li a:hover {
    color: #E65300;
}
.header-line-2-content-headcat-podmenu-link {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 140%;
   /* 25.2px */
}

.header-line-2-content-headcat-podmenu-out>.header-line-2-content-headcat-podmenu>.header-line-2-content-headcat-podmenu-li:not(:last-child) {
   border-bottom: 1px solid #231f201c;
}

/* search open */

.header-search-open .header-line-2-content-ul,
.header-search-open .header-line-2-content-searchbasket-calback,
.header-search-open .header-line-2-content-searchbasket-search {
   display: none;
}

.header-search-open .header-line-2-content-search-out {
   display: block;
}

.header-line-2-content-search-form {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background-color: #fff;
   padding: 10px 16px 10px 21px;
   border-radius: 10px;
   margin-right: 11px;
}

.header-line-2-content-search-btn {
   border: none;
   background-color: #fff;
   margin-right: 13px;
}

.header-line-2-content-search-input {
   flex: 1;
   border: none;
   outline: none;
}

.header-line-2-content-search-input:active,
.header-line-2-content-search-input:focus {
   border-bottom: 1px solid #000;

}

.header-line-2-content-search-close {
   border: none;
   background-color: #fff;
}

/* hamburgers */
.header-hamburgers-open .header-hamburgers-svg-open,
.header-hamburgers-svg-close {
   display: none;
}

.header-hamburgers-open .header-hamburgers-svg-close {
   display: block;
}

.header-hamburgers-menu-out {
   display: none;
   position: absolute;
   width: 100%;
   height: auto;
   background: var(--grey, #F7F8FD);
   right: 0;
   top: 95%;
   z-index: 3000;
}

.header-hamburgers-menu-item {
   padding: 16px;
   max-width: 700px;
   overflow-y: scroll;
   height: 83vh;
}
.header-hamburgers-menu-item-ul-out {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    flex-wrap: wrap;
}

.header-hamburgers-menu-ul {
   padding: 0;
}

.header-hamburgers-menu-li {
   list-style: none;
   padding: 0.2rem 0;
}

.header-hamburgers-menu-link {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 250%;
   /* 35px */
   text-transform: uppercase;
}

.header-hamburgers-menu-phone-out {
   padding: 24px 0 15px;
}

.header-hamburgers-menu-phone {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 900;
   line-height: normal;
}

.header-hamburgers-menu-phone-teleg {
   margin-left: 14px;
}

.header-hamburgers-menu-phone-what {
   margin-left: 7px;
}

.header-hamburgers-menu-calback {
   margin-bottom: 34px;
   background-color: transparent;
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   outline: none;
   text-transform: uppercase;
   border: none;
   border-bottom: 1px dotted #21145F;
}

.header-hamburgers-menu-socseti-out {
   margin-bottom: 36px;
}

.header-hamburgers-menu-socseti-item {
   padding: 0;
}



.header-hamburgers-menu-socseti-item li,
.header-hamburgers-menu-socseti-item>li>a {
   color: #231F20;
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%;
   list-style: none;
   margin: 9px 0;

}

.header-hamburgers-menu-socseti-item li svg {
   margin-right: 8px;
}

.header-hamburgers-menu-socseti-addres {
   list-style: none;
}

.header-hamburgers-menu-searchbasket-out {
   margin-bottom: 13px;
}

.header-hamburgers-menu-searchbasket-item {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

.header-hamburgers-menu-searchbasket-block-out {
   flex: 1;
   display: flex;
   justify-content: flex-end;
   align-items: center;
}

.header-hamburgers-menu-searchbasket-callback {
   border-radius: 10px;
   border: 1px solid var(--tit, #21145F);
   color: var(--tit, #21145F);
   text-align: center;
   font-family: Roboto;
   background-color: transparent;
   padding: 15px 8px;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-transform: uppercase;
}

.header-hamburgers-menu-searchbasket-form-out {
   display: none;
}
.boxcards-result-out-search {
        display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 1.5rem;
}

/* mob search */
.hamburgers-menu-searchbasket-open .header-hamburgers-menu-searchbasket-callback,
.hamburgers-menu-searchbasket-open .header-hamburgers-menu-searchbasket-searchopen {
   display: none;
}

.hamburgers-menu-searchbasket-open .header-hamburgers-menu-searchbasket-form-out {
   display: block;
   flex: 1;
   margin-right: 15px;
}

.header-hamburgers-menu-searchbasket-form {
   padding: 12px 11px 14px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 10px;
   background: #FFF;
}

.header-hamburgers-menu-searchbasket-form-close,
.header-hamburgers-menu-searchbasket-form-submit {
   background-color: transparent;
   border: none;
}

.header-hamburgers-menu-searchbasket-form-inp {
   flex: 1;
   margin: 0 27px;
   background-color: transparent;
   border: none;
}

.header-hamburgers-menu-searchbasket-searchopen {
   background-color: transparent;
   border: none;
   margin-right: 12px;
}

.header-hamburgers-menu-searchbasket-form-inp {
   flex: 1;
}

.header-hamburgers-menu-searchbasket-mob {
   position: relative;
}

.header-hamburgers-menu-searchbasket-numb-mob {
   position: absolute;
   top: -7px;
   right: 0;
   width: 17px;
   height: 17px;
   font-size: 10px;
   display: flex;
   justify-content: center;
   color: #fff;
   align-items: center;
   background-color: #E65300;
   border-radius: 50%;
}

/* end hamburgers */

/* end header */

/* slider */
.canvas-animation {
   display: block;
   position: absolute !important;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: 0;
}
.big-text-up-slider-mob {
    display: none;
    z-index: 30;
    position: relative;
    margin-top: 1rem;
}
.big-text-up-slider-mob-boockmark {
    margin-bottom: 0.3rem;
}
.big-text-up-slider-mob-name {
    margin: 0;
        color: var(--tit, #21145F);
    font-family: Roboto;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 0;
}
.slider-bg-out {
   position: relative;
   background-color: #F7F8FD;
   /* padding-top: 40px; */
   padding-bottom: 270px;
}

.slider-bg-item {
   z-index: 30;
   position: relative;
   display: flex;
   justify-content: space-between;

}

.slider-bg-left-out {
   width: 273px;
   background-color: #fff;
   padding: 22px 19px;
   border-radius: 10px;
   background: var(--left-menu, #F9F9FD);
   box-shadow: 0px 0px 60px 0px rgba(213, 210, 225, 0.40);

}

.slider-bg-left-ul {
   padding: 0;
}

.slider-bg-left-ul>li:not(:last-child) {
   border-bottom: 1px solid #231f201c;
}

.slider-bg--left-li {
   list-style: none;
   padding: 10px 8px 10px 0;
}

.slider-bg-left-link {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 15px;
   font-style: normal;
   display: block;
   padding:10px 0;
   font-weight: 400;
   line-height: 140%;
   /* 21px */
}

.btn-bluemodal {
   color: var(--white, #FFF);
   text-align: center;
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   padding: 15px 22px;
   line-height: normal;
   border: none;
   border-radius: 7px;
   background: var(--tit, #21145F);
   transition: all 280ms linear;
}

.btn-bluemodal:hover {
   filter: opacity(0.7)
}



.answers-name {
    color: #21145f;
}

/* //right */
.lider-bg-right-slider-content-out {
   height: 100%;
   width: 100%;
}

.slider-bg-right-out {
   flex: 1;
   margin-left: 27px;
}

.lider-bg-right-slider-content-item {
   display: flex;
   justify-content: space-between;
   max-width: 100%;
   height: 100%;
}

.lider-bg-right-slider-content-left-item {
   height: 100%;
   padding: 37px 5px 37px 56px;
}

.lider-bg-right-slider-content-left-novely-out {
   border-radius: 30px;
   background: var(--orange, #E65300);
   color: var(--white, #FFF);
   font-family: Roboto;
   font-size: 13px;
   font-style: normal;
   font-weight: 900;
   line-height: normal;
   text-transform: uppercase;
   height: 29px;
   width: 139px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.lider-bg-right-slider-content-left-name-out {
   margin: 17px 0 30px;
}

.lider-bg-right-slider-content-left-btnlink {
   color: var(--orange, #E65300);
   text-align: center;
   font-family: Roboto;
   font-size: 16px;
   padding: 17px 26px;
   font-style: normal;
   display: inline-block;
   font-weight: 500;
   line-height: normal;
   border-radius: 10px;
   border: 1.5px solid var(--orange, #E65300);
}

.lider-bg-right-slider-content-left-btnlink:hover {
   color: var(--orange, #E65300);
   filter: opacity(0.7);
}


.lider-bg-right-slider-content-left-name {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 30px;
   font-style: normal;
   font-weight: 900;
   line-height: 142.5%;
   margin-bottom: 0;
   text-transform: uppercase;
}

.lider-bg-right-slider-content-left-namedescr {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 19px;
   font-style: italic;
   font-weight: 700;
   line-height: 120%;
}

.lider-bg-right-slider-content-right-item {
   height: 100%;
   display: flex;
   background-color: #fff;
   justify-content: center;
   align-items: center;
}

.lider-bg-right-slider-content-right-item img {
   display: block;
   margin: auto;
}

.lider-bg-right-slider-content-left-out,
.lider-bg-right-slider-content-right-out {
   width: 50%;
}

.content-item a{
        text-decoration: revert;
}


.slider-bg-right-slider-out {
   background-color: #F7F8FD;
}

.slider-bg-right-slider-item {
   width: 100%;
   overflow: hidden;
   background: linear-gradient(90deg, #FFF 53.05%, rgba(255, 255, 255, 0.00) 100%);
   border-radius: 10px;
   /* height: 332px; */
   min-height: 332px; 
}

.slider-bg-right-turnkesolution-out {
   margin-top: 77px;
}

.slider-bg-right-turnkesolution-name {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 20px;
   font-style: normal;
   font-weight: 900;
   line-height: 140%;
}

.slider-bg-right-turnkesolution-ul {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 0;
   margin: 0;
}

/* .slider-bg-right-turnkesolution-ul>li:nth-child(2),
.slider-bg-right-turnkesolution-ul>li:nth-child(5) {
   margin-left: 40px;
   margin-right: 40px;
} */
.solution-categorycards-out{
    display: flex;
    justify-content: flex-start;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin: 1rem auto 3rem;
}

.threenews-white-card-our-clients-out{
    padding: 1rem;
    margin: auto;
}
.ourcar-white-card-our-clients-out {
    /* padding: 1rem; */
    margin: 1rem 1rem auto;
}
.slider-bg-right-turnkesolution-li {
   width: calc(33% - 40px);
   margin-top: 14px;
   list-style: none;
   border-radius: 5px;
   min-width: 255px;
   background: var(--white, #FFF);
   box-shadow: 0px 0px 60px 0px rgba(213, 210, 225, 0.40);
}

.slider-bg-right-turnkesolution-link {
   display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 20px 20px;
   width: 100%;
   height: 100%;
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   line-height: 130%;
}

.threenews-white-out {
   margin-top: -210px;
   border-radius: 20px;
   background: var(--white, #FFF);
   padding: 26px 18px;
   box-shadow: 0px 0px 40px 0px rgba(213, 210, 225, 0.30);
}

.white-cards-slider {
   overflow: hidden;
}

.threenews-white-cards-item {
   display: flex;
   justify-content: space-between;
}

/* card */
.threenews-out {
   z-index: 30;
   position: relative;
}

.threenews-white-card-out {
   padding: 0 0.1rem;
}

.threenews-white-card-item {
   margin: 0 auto;
   max-width: 330px;
   border-radius: 10px;
   background: var(--grey, #F7F8FD);
}
.threenews-white-card-img-out {
    max-height: 182px; 
    overflow-y: hidden;
}

.threenews-white-card-img-out img {
   display: block;
   margin: auto;
   width: 100%;
/*    max-height: 182px;  */
   max-height: 100%; 
   max-width: 330px;
   border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.threenews-white-card-date-out {
   color: var(--orange, #E65300);
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
   padding: 21px 20px 10px;
}

.threenews-white-card-card-name-out {
   padding: 0 20px;
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 21px;
   font-style: normal;
   /* font-weight: 900; */
   font-weight: 500;
   line-height: 140%;
   min-height: 127px;
   /* 29.4px */
}

.threenews-white-card-link {
   color: var(--tit, #21145F);
   font-family: Roboto;
   padding: 0 20px 38px;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   display: block;
}

.threenews-white-card-link svg {
   margin-left: 24px;
}

.threenews-white-cardslinks-out {
   margin-top: 40px;
}

.threenews-white-cardslinks-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.threenews-white-cardslinks-links {
   color: var(--orange, #E65300);
   text-align: center;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   background: #FFF;
   padding: 20px 35px;
   border-radius: 10px;
   border: 1.5px solid var(--orange, #E65300);
}

.threenews-white-cardslinks-links svg {
   margin-left: 25px;
}

.threenews-white-cardslinks-links:hover {
   filter: opacity(0.7);
   color: #E65300;
}

.threenews-white-cardslinks-socseti-item {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   min-width: 220px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   line-height: normal;
}

/* end slider */
/* partners bg */
.partners-bg-item {
   padding-top: 100px;
}

.tandt-line-out {
   color: var(--text, #231F20);
   text-align: left;
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 0.48px;
   text-transform: uppercase;
}

.partners-bg-name {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 36px;
   font-style: normal;
   font-weight: 900;
   line-height: 140%;
   /* 50.4px */
}

.partners-bg-name-description {
   color: #231f20bd;
   font-family: Roboto;
   font-size: 21px;
   font-style: normal;
   font-weight: 500;
   line-height: 140%;
   margin: auto;
   max-width: 400px;
}


.partners-bg-name-item {
   margin: 11px 0 58px;
   display: flex;
   justify-content: flex-start;
}

.partners--slider-active {
   overflow: hidden;
}

.reviews-arrows-item {
   position: relative;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   margin: 2rem auto;
}

.swiper-pagination {
   position: relative;
   width: max-content !important;
   margin: 1rem 2rem 0;
}

.swiper-pagination-bullet {
   width: 12px;
   height: 12px;
}

.swiper-pagination-bullet-active {
   background-color: #E65300;
}

/* end partners bg */
/* newbestst  */
.newbestst-out {
   margin-top: 100px;
   margin-bottom: 90px;
}

.newbestst-name-ul {
   padding: 0;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

.newbestst-name-li {
   color: #231f206e;
   font-family: Roboto;
   font-size: 30px;
   font-style: normal;
   font-weight: 400;
   cursor: pointer;
   line-height: 140%;
   margin: 40px;
   text-align: center;
   list-style: none;
   transition: all 300ms linear;
}

.newbestst-name-liactive {
   color: var(--tit, #21145F);
   font-size: 36px;
   font-style: normal;
   font-weight: bold;
}


.newbestst-cards-slider {
   overflow: hidden;
}

/* news */
.box-navigat-name{color:#D21218;}
.box-navigat-li{margin:5px 0;cursor:pointer;}
.box-navigat-item{background:#f9f9f9;border:1px solid #aaa;max-height:20rem;overflow:auto;padding:1rem;border-radius:5px;max-width:46rem;width:95%;margin:auto;}
.box-navigat-outer{display:none;padding: 0rem 2.5rem;}

.table-of-contents-witch-autor-out {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    gap: 1rem;
}
.box-autor-item {
        display: flex;
    gap: 1rem;
    align-items: center;
}
.box-autor-name-out {
    font-size: 1.1rem;
    font-weight: 800;
    color: #21145F;
    font-family: Roboto;
}
.box-autor-out {
        margin-right: 1rem;
}
/* end news */


/* card */
.newbestst-content-card-out {
   margin: 5px;
   height: auto;
}

.newbestst-content-card-item {
   max-width: 260px;
   margin: auto;
   height: 100%;
   /* border: 1px solid blue; */
     background: #fff;
    box-shadow: 0px 0px 60px rgb(213 210 225 / 40%);
   border-radius: 10px;
   padding: 13px 21px 24px;
     transition: all ease-in-out .2s;
}
.newbestst-content-card-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 3px 60px rgb(100 100 100 / 20%);
}
.stars-gray,
.stars-yellow {
   display: inline-block;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 16px;
   margin: 0px 2px;
   box-sizing: content-box;
   height: 16px;
   background-image: url('/assets/images/star_orang.svg');
}

.newbestst-content-card-stars-out {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.newbestst-content-card-instock {
   color: #231f208a;
}

/* stars */
.other-product-content-head-stars .stars-yellow,
.other-product-content-head-stars .stars-gray {
   width: 16px;
   height: 16px;
}

span.stars-yellow {}

.stars-gray {
   background-image: url('/assets/images/star_grey.svg');

}

.newbestst-content-card-img-out {
   width: 100%;
   padding: 10px;
       min-height: 144px;
}

.newbestst-content-card-img-out img {
   display: block;
   margin: auto;
   max-height: 124px;
}

.newbestst-content-card-city {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 7px;
   min-height: 35px;
}

.newbestst-content-card-parent {
   color: #231f208a;
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
   /* 17.6px */
   text-transform: uppercase;
}

.newbestst-content-card-country {
   color: #231f208a;
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
}

.newbestst-content-card-name {
   color: var(--tit, #21145F);
   font-family: Roboto;
   /* font-size: 21px; */
   font-size: 1.17em;
   font-style: normal;
   /* font-weight: 900; */
   line-height: 120%;
}

.newbestst-content-card-descr-out {
   color: #231f2080;
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%;
}

.newbestst-content-card-descr {
   margin-bottom: 8px;
}

.newbestst-content-card-price-out {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 18px;
}

.newbestst-content-card-pricequery {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 900;
   line-height: 120%;
}

.newbestst-content-card-price-new {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 900;
   line-height: 120%;
}

.newbestst-content-card-price-old {
   color: var(--dark, #172548);
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   text-decoration: line-through;
   line-height: 120%;
   margin-left: 2px;
}

.newbestst-content-card-buy-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.newbestst-content-card-buy-submit,
.newbestst-content-card-buy-know {
   border-radius: 10px;
   border: 1.5px solid var(--tit, #21145F);
   background: var(--tit, #21145F);
   color: var(--white, #FFF);
   text-align: center;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   display: block;
   padding: 11px 14px 12px;
   transition: all 280ms linear;
}

.newbestst-content-card-buy-onclick {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   display: block;
   width: 4rem;
   font-weight: 500;
   padding: 0;
   margin: 0;
   line-height: 120%;
   /* 19.2px */
   text-decoration-line: underline;
   border: none;
   background-color: transparent;
   transition: all 280ms linear;
}

/* end newbestst  */
/* card gorizontal */
.card-gorizont-out {
    width: 100%;
    margin: 9px;
}
.card-gorizont-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 23px 17px;
    border-radius: 10px;
    background: var(--white, #FFF);
    box-shadow: 0px 0px 60px 0px rgba(213, 210, 225, 0.40);
}
.card-gorizont-img-out {
    max-width: 107px;
    overflow: hidden;
    margin: 10px;
    border-radius: 10px;
}
.card-gorizont-content-filter-name {
    color: #231f20b5;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.card-gorizont-content-name {
    color: var(--tit, #21145F);
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 160%;
}
.card-gorizont-content-out {
    flex: 1;
    margin: 0 17px;
}
.card-gorizont-content-price-out {
    width: 212px;
}
/* end  card gorizontal */
/* question - answers */
.box-answers__all > li {
    list-style: none;
    position: relative;
}
.box-answers__all > li:after {
        content: "";
    position: absolute;
    top: 20px;
    right: 9px;
    width: 15px;
    opacity: 0.4;
    height: 10px;
    background-image: url(/assets/images/right-arrow.png);
        background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 200ms linear;
}

.content-answer {
    display: none;
    padding: 1rem;
   /*  font-style: italic; */
}
.content-answer img {
    max-width: 100% !important;
    height: auto;
}
.box-answers__li h2{
    font-size: 1.4rem;
        color: #21145F;
    font-style: normal;
}
.box-answers__all {
    max-width: 56rem;
    margin: 2rem auto;
}
.box-answers__li {
        padding:  0.5rem 2rem 0.5rem 0.5rem;
        transition: all 400ms linear;
}
.box-answers__li .name-answer {
        display: flex;
    justify-content: flex-start;
    align-items: center;
}
.box-answers__open {
    box-shadow: 0 0 4px #0000003d;
    margin-bottom: 1rem;
    border-radius: 4px;
    
}
.box-answers__open:after {
    transform: rotate(180deg);
}
/*end question - answers */
/* product */

.product-name-out {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 36px;
   font-style: normal;
   font-weight: 900;
   line-height: 140%;
   margin-bottom: 64px;
   width: 85%;
}

.product-bg-name {
   font-weight: 900;
}
.product-item {
    padding: 0 15px;
}
.product-content-out {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
}

.product-content-left {
   position: relative;
   min-width: 65%;
   width: 75%;
   padding-right: 30px;
}
.product-content-btnvideo-out {
    position: absolute;
    top: 4%;
    left: 0;
    width: 142px;
    height: 30px;
}
.product-content-btnvideo {
    border: none;
    background-color: #E65300;
    color: #fff;
    border-radius: 20px;
    padding: 6px 19px;
    transition: all 280ms linear;
    display: block;
    font-size: 1rem;
}

.product-content-btnvideo:hover {
    opacity: 0.7;    
}

.product-content-img {
   margin-bottom: 60px;

}
#product-big-img {
       max-width: 100%;
    height: auto;
    width: 100%;
    display: block;
    margin: 0;
}
.product-content-swiper {
    overflow: auto;
}

.product-swiper-head p {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 140%;
}
.partners-bg-slider-card-item {
    /* overflow: hidden; */
     border-radius: 10px;
    cursor: pointer;
    padding: 1rem;
    /* max-width: 261px; */
    /* max-width: 190px; */
}

.partners-bg-slider-card-item img {
   width: 100%;
   transition: all 200ms linear;
}
.partners-bg-slider-card-item:hover  img {
    transform: scale(1.03);    
}


.product-content-head {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   
}

.product-content-head-logo {
   /* width: 260px; */
   width: 100%;
   display: flex;
   gap: 1rem;
   justify-content: center;
   flex-direction: row;
   align-items: center;
   border-radius: 10px;
   padding: 12px;
   background: var(--white, #FFF);
   box-shadow: 0px 0px 60px 0px rgba(213, 210, 225, 0.40);
   /* padding-right: 4%; */
}

.product-content-head-logo p {
   color: #21145fc7;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 110%;
   margin: 0;
}

.product-content-head-stars {
   width: 30%;
   display: flex;
   margin: 0.2rem 0;
   flex-direction: row;
   justify-content: space-evenly;
}

.product-content-text {
   color: #231f20b3;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
   margin: 30px 0 50px;
}
.product-content-descr-btn-link {
    color: var(--tit, #21145F);
font-family: Roboto;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.product-content-price {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}

.product-content-pricing {
   width: 50%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: space-around;
}

.old-price {
   color: var(--dark, #172548);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 120%;
   /* 21.6px */
   opacity: 0.7;
   text-decoration: line-through;
   text-decoration-color: #E65300;
}

.actual-price {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 30px;
   font-style: normal;
   font-weight: 900;
   line-height: 120%;
}

.search-price {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 230%;
   text-decoration-line: underline;
}

.product-content-avail {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
   width: 50%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end;
}

.product-content-right-button {
   width: 100%;
   margin: 0.7rem 0; 
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
}

.form-add-products {
    width: 45%;
    max-width: 260px;
}
.newbestst-content-card-buy-know,
.product-button-buy {
    border-radius: 10px;
   border: 1.5px solid var(--tit, #21145F);
   background: var(--tit, #21145F);
   color: var(--white, #FFF);
   text-align: center;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   display: block;
   padding: 11px 14px 12px;
   transition: all 280ms linear;
}

.page-product-button-buy {
     width: 100%;
   height: 60px;
    border-radius: 10px;
   border: 1.5px solid var(--tit, #21145F);
   background: var(--tit, #21145F);
   color: var(--white, #FFF);
   text-align: center;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   display: block;
   padding: 11px 14px 12px;
   transition: all 280ms linear;
}
.page-newbestst-content-card-buy-know {
    width: 45%;
   height: 60px;
    border-radius: 10px;
   border: 1.5px solid var(--tit, #21145F);
   background: var(--tit, #21145F);
   color: var(--white, #FFF);
   text-align: center;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   display: block;
   padding: 11px 14px 12px;
   transition: all 280ms linear;
}
.product-button {
   width: 45%;
   height: 60px;
   border-radius: 10px;
   max-width: 260px;
   background: transparent;
   border: 1.5px solid var(--tit, #21145F);
   color: var(--tit, #21145F);
   text-align: center;
   font-family: Roboto;
   font-size: 18px;
   margin: 0.2rem 0;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
}


.product-content-head img {
   max-width: 83px; 
  
}

/* tabs */
.tab-list-out {
   padding: 0 15px;
}

.product-tab-li {
   color: #231f1fbf;
   font-family: Roboto;
   font-size: 21px;
   font-style: normal;
   width: max-content;
   text-align: center;
   border-bottom: 2px solid transparent;
   font-weight: 400;
   line-height: 140%;
   padding: 0.5rem 0rem 0.1rem;
   margin: 17px;
   cursor: pointer;
}

.product-tab-li:first-child {
   margin: 17px 17px 17px 0;
}

.product-button .active {
   background: #21145F;
   color: #fff;
}

.product-info-out {
   width: 100%;
   position:relative;
}

.product-info-tab {
   width: 100%;
   min-height: 40px;
   margin-bottom: 45px;
   overflow-x: auto;
       position: sticky;
    top: 80px;
    background-color: #fff;
    z-index: 100;
}

.product-info-tab-ul {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   width: min-content;
   padding: 0;
   margin: 0;
   list-style-type: none;
}

.actual {
   color: #E65300;
   border-color: #E65300;



}
.product-info-tab-text {
    /* display: none; */
}

.product-info-tab-body {
   width: 100%;
}

.product-info-tab-text p {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
   /* 28.8px */
   opacity: 0.6;
}

/* end product */
/* breadcrumbs */
.head-page-breadcrumbs-out {
    margin-top: 32px;
}
.breadcrumbs-li {
    padding: 0 10px;
    color: #231f20b3;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
}
.breadcrumbs-link {
    color:  #21145F;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
}
/* end breadcrumbs */



/* other-product */
.other-product-body {
   overflow: hidden;
}

.other-product-card-item {
   width: 260px;
   height: 418px;
   display: flex;
   flex-direction: column;
   align-items: center;
   border-radius: 10px;
   background: var(--white, #FFF);
   box-shadow: 0px 0px 60px 0px rgba(213, 210, 225, 0.40);
   padding: 18px 14px;
   justify-content: space-between;
   margin-right: 40px;
}

.other-product-card-item-head {
   width: 100%;
   height: 20px;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
}

.other-product-content-head-stars {
   width: 50%;
   display: flex;
   flex-direction: row;
   justify-content: space-around;
}

.other-product-card-item .img-fluid {
   width: auto;
   height: auto;
}

.other-product-content-head-logo {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
}

.other-product-content-head-logo p {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
   opacity: 0.6;
   margin-right: 10px;
}

.other-product-content-price {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}

.other-product-content-text {
   width: 100%;
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%;
   opacity: 0.5;
}

.other-product-content-price .actual-price {
   font-size: 18px;
}

.other-product-content-price .old-price {
   font-size: 14px;
}

.other-product-content-right-button {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}

.other-product-content-right-button .product-button.active {
   width: 63%;
   height: 46px;
   font-size: 18px;
   text-align: center;
}

.other-product-content-right-button .product-button {
   border: none;
   font-size: 16px;
   width: 33%;
   text-align: left;
}

.other-product-card-out {
   width: 100%;
}

.other-product-head {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 30px;
   font-style: normal;
   font-weight: 900;
   line-height: 140%;
   /* 42px */
   height: 200px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
}

.other-product-head h2 {
   font-weight: 900;
}

.other-product-card-item.swiper-slide {
   max-width: 260px;
   margin-right: 40px;
   min-width: 0;
}

/* other-product end */

/* product-tab */
.product-info-tab-installation {
   max-width: 100%;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   border-radius: 10px;
   background: var(--white, #FFF);
   box-shadow: 0px 0px 60px 0px rgba(213, 210, 225, 0.40);
   padding: 24px;
   justify-content: space-around;
   margin-bottom: 20px;
}

.product-installation-head {
   min-width: 100%;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
   flex-wrap: wrap;
}

.installation-brief {
   display: flex;
   flex-direction: row;
   justify-content:flex-start;
   align-items: flex-start;
   flex: 1;
}

.installation-logo {
   max-width: 113px;
   width: 30%;
   
}

.installation-logo img {
   width: 100%;
   height: auto;
}

.installation-brief-info h2 {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 24px;
   font-style: normal;
   font-weight: 900;
   line-height: 160%;
}

.installation-brief-info p {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
   /* 25.6px */
}

.installation-brief-info span {
   opacity: 0.6;
}

.installation-brief-info {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   flex: 1;
   padding-left: 2.8rem;
}

.installation-size-control {
   width: 32px;
   transform: rotate(180deg);
   border: 1px solid transparent;
   background: transparent;
   transition: all 300ms linear;
}
.product-instal-open .installation-size-control {
    transform: rotate(0deg);
}
.product-installation-foot {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
}

.product-installation-foot img {
   width: 25%;
   height: auto;
   margin-right: 35px;
   border-radius: 10px;
}

.product-installation-task h2,
.product-installation-solution h2 {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 20px;
   font-style: normal;
   font-weight: 900;
   line-height: 160%;
   /* 32px */
}

.product-installation-task p,
.product-installation-solution p {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
   /* 28.8px */
   opacity: 0.6;
}

.product-installation-content {
   display: none;
   
}

.product-installation-content.collapsed {
   display: none;
}

.installation-size-control svg {
   transform: rotate(0deg);
   transition: transfotm 0.5s;
}

.nonactive .installation-size-control svg {
   transform: rotate(180deg);
}

.product-info-tab-characteristic {
   width: 100%;
}

.tab-characteristic-text {
   width: 100%;
   margin-bottom: 30px;
}

.table-row-characteristic {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 0.6rem 0;
}

.table-row-characteristic:nth-child(odd) {
   background: #F8F9FD;
}

.table-row-characteristic {
   min-height: 45px;
   padding-left: 4%;
}

.table-row-characteristic p {
   color: var(--blue, #21145F);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   width: 25%;
   margin-right: 15%;
   opacity: 1;
}

.table-row-characteristic p:nth-child(even) {
   font-style: italic;
   font-weight: 700;
   flex: 1;
}

.product-info-tab-payment h2,
.product-info-tab-delivery h2 {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 20px;
   font-style: normal;
   font-weight: 900;
   line-height: 160%;
   margin-bottom: 10px;
}

.product-info-tab-payment p,
.product-info-tab-delivery p {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
   opacity: 0.6;
}

.product-info-tab-payment,
.product-info-tab-delivery {
   margin-bottom: 50px;
   width: 100%;
}

.product-info-tab-text .reviews-content-card-out {
   margin-bottom: 15px;
}

/* product-tab end */

/* basket */
.basket-out {
   width: 100%;
   margin-bottom: 75px;
}

.basket-item {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
   padding: 0 5%;
}

.basket-product-list-item {
   height: auto;
   width: 70%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
   max-height: 600px;
   overflow-y: scroll;
   padding: 4%;
}

.basket-product {
   width: 100%;
   height: 164px;
   border-radius: 10px;
   background: var(--white, #FFF);
   box-shadow: 0px 0px 60px 0px rgba(213, 210, 225, 0.40);
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
   padding: 15px 22px;
   margin-bottom: 20px;
}

.basket-product-img {
   width: 15%;
}

.basket-product-img img {
   width: 100%;
   height: auto;
   border-radius: 10px;
   background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}

.basket-product-info {
   width: 45%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
}

.basket-product-category {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
   opacity: 0.6;
}

.basket-product-name h2 {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 900;
   line-height: 160%;
}

.basket-product-quantity {
   width: 30%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-around;
}

.basket-product-quanity button {
   width: 21.143px;
   height: 20px;
   flex-shrink: 0;
   border-radius: 5px;
   background: var(--orange, #E65300);
   color: #fff;
}

.basket-product-quantity button {
   width: 21.143px;
   height: 20px;
   flex-shrink: 0;
   border-radius: 5px;
   background: var(--orange, #E65300);
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   color: #fff;
   border: 1px solid #E65300;
}

.basket-product-cols {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%;
   height: 20px;
}

.basket-product-old-price {
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 120%;
   text-decoration: line-through;
   color: var(--dark, #172548);
   opacity: 0.7;
   text-decoration-color: #E65300;
   margin-bottom: 10px;
}

.basket-product-actual-price {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 900;
   line-height: 120%;
}

.basket-total-payable {
   width: 29%;
   height: auto;
   border-radius: 10px;
   background: var(--grey, #F7F8FD);
   padding: 30px 50px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   margin-top: 4%;
}

.basket-total-head {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 30px;
   font-style: normal;
   font-weight: 800;
   line-height: 120%;
   opacity: 0.9;
   margin-bottom: 10px;
   height: 30px;
}

.basket-total-quantity {
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
   opacity: 0.6;
   height: 18px;
   margin-bottom: 45px;
}

.basket-total {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 30px;
   font-style: normal;
   font-weight: 800;
   line-height: 120%;
}

/* basket end */

/* head-page */
.head-page-out {
   padding: 0 15px;
}
.head-page-name-out {
    margin: 26px 0 63px ;
}

.head-page-product-name-out {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-page-product-name-out .product-content-head-stars {
    max-width: 110px;
}

.head-page-h1,
.content-item h2 {
   color:  #21145F;
   font-family: Roboto;
   font-size: 36px;
   font-style: normal;
   font-weight: 900;
   line-height: 140%;
}

/* head-page end  */

/* cookies */
/*! CSS Used from: https://cdn.dribbble.com/assets/tags/show-critical-2d8a2f63813899351ef7f87a1f77fb215426e78fa16e1566388cf79d6238697e.css */
/* div,p{margin:0;padding:0;border:0;background:0 0;font-size:100%;vertical-align:baseline;} */
/*! CSS Used from: Embedded */
.cky-consent-container{position:fixed;width:440px;box-sizing:border-box;z-index:9999999;border-radius:6px;}
.cky-consent-container .cky-consent-bar{background:#ffffff;border:1px solid;padding:20px 26px;box-shadow:0 -1px 10px 0 #acabab4d;border-radius:6px;}
.cky-box-bottom-left{bottom:40px;left:40px;}
.cky-notice .cky-title{color:#212121;font-weight:700;font-size:18px;line-height:24px;margin:0 0 12px 0;word-break:break-word;}
.cky-notice-des *{font-size:14px;}
.cky-notice-des{color:#212121;font-size:14px;line-height:24px;font-weight:400;}
.cky-consent-bar .cky-notice-des p{color:inherit;margin-top:0;word-break:break-word;}
.cky-notice-des P:last-child{margin-bottom:0;}
.cky-btn:focus:not(:focus-visible){outline:0;}
.cky-consent-bar button:hover,.cky-consent-bar button:focus{text-decoration:none;}
.cky-notice-btn-wrapper{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;}
.cky-notice-btn-wrapper .cky-btn{text-shadow:none;box-shadow:none;}
.cky-btn{flex:auto;max-width:100%;font-size:14px;font-family:inherit;line-height:24px;padding:8px;font-weight:500;border-radius:2px;cursor:pointer;text-align:center;text-transform:none;min-height:0;overflow-wrap:break-word;}
.cky-btn:hover{opacity:0.8;}
.cky-btn-customize{color:#1863dc;background:transparent;border:2px solid #1863dc;}
.cky-btn-reject{color:#1863dc;background:transparent;border:2px solid #1863dc;}
.cky-btn-accept{background:#1863dc;color:#ffffff;border:2px solid #1863dc;}
.cky-btn:last-child{margin-right:0;}
@media (max-width: 576px){
.cky-box-bottom-left{bottom:0;left:0;}
}
@media (max-width: 440px){
.cky-box-bottom-left{width:100%;max-width:100%;}
.cky-consent-container .cky-consent-bar{padding:20px 0;}
.cky-notice .cky-title,.cky-notice-des,.cky-notice-btn-wrapper{padding:0 24px;}
.cky-notice-des{max-height:40vh;overflow-y:scroll;}
.cky-notice-btn-wrapper{gap:10px;flex-direction:column;}
.cky-btn{width:100%;}
.cky-notice-btn-wrapper .cky-btn-customize{order:2;}
.cky-notice-btn-wrapper .cky-btn-reject{order:3;}
.cky-notice-btn-wrapper .cky-btn-accept{order:1;}
}
@media (max-width: 352px){
.cky-notice .cky-title{font-size:16px;}
.cky-notice-des *{font-size:12px;}
.cky-notice-des,.cky-btn{font-size:12px;}
}
.cky-notice-group{font-size:14px;line-height:24px;font-weight:400;color:#212121;}
@media (max-width: 440px){
.cky-consent-container{width:100%;}
}
/*! CSS Used from: https://cdn.dribbble.com/assets/infinite-shots-pages/index-4b154b5ac5c0d70f61ab4bf45b54c000fc640099bcfe268c33ae239c49009a8b.css */
/* div,p{margin:0;padding:0;border:0;background:transparent;font-size:100%;vertical-align:baseline;}
::selection{background:rgba(255,218,121,0.5);color:#0d0c22;} */
/* end cookies */

/* checkout */
section.checkout-out {
   width: 100%;
   margin-bottom: 140px;
}

.checkout-item {
   width: 70%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   padding: 0 5%;
}

.checkout-item-head {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 30px;
   font-style: normal;
   font-weight: 900;
   line-height: 140%;
}

.checkout-item-description {
   color: #231F20;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   opacity: 0.6;
   padding: 31px 0;
}

.checkout-item-input {
   width: 100%;
   display: flex;
   align-items: center;
   flex-direction: row;
   justify-content: space-between;
}

.checkout-item-input input {
   height: 60px;
   width: 49%;
   color: #231F20;
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
   opacity: 0.7;
   border-radius: 5px;
   background: #F7F8FD;
   border: 1px solid #F7F8FD;
   padding: 15px 25px;
}

.checkout-item-button {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   justify-content: flex-start;
   height: 100px;
}

.checkout-item-button button {
   border-radius: 10px;
   background: var(--tit, #21145F);
   height: 60px;
   color: var(--white, #FFF);
   text-align: center;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   width: 30%;
   border: 1px solid #21145F;
}

.checkout-item-button-description {
   width: 65%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   color: var(--text, #231F20);
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 124.41%;
   /* 17.417px */
   opacity: 0.4;
   padding: 15px 50px;
   padding-bottom: 0;
   height: 60px;
}

/* checkout end */

/* what us  */
.what-us-out {
   width: 100%;
   margin: 0;
   padding: 0;
   background-color: #F7F8FD;
}

.what-us-item {
   width: 100%;
   height: 100%;
   padding: 90px 0;
   margin: 0;
   background-image: url('/assets/images/bg-what-us.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.what-us-item-name {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 36px;
   font-style: normal;
   font-weight: 900;
   line-height: 140%;

}

.what-us-content-out {
   padding-top: 34px;
}

.what-us-content-item {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   flex-wrap: wrap;
}

.what-us-content-left-descr-out {
   max-width: 666px;
   color: #231f2094;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 140%;
   /* 25.2px */
}

.what-us-content-left-out {
   flex: 1;
   margin-bottom: 40px;
}

.what-us-content-left-listname {
   color: #231F20;
   font-family: Roboto;
   font-size: 18px;
   font-style: italic;
   font-weight: 500;
   line-height: 160%;
}

.what-us-content-left-ul {
   padding-left: 0px;
}

.what-us-content-left-li {
   display: flex;
   list-style: none;
   color: #231F20;
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%;
   margin: 20px 0;
}

.what-us-content-left-num {
   color: var(--orange, #E65300);
   text-align: center;
   font-family: Roboto;
   font-size: 18px;
   font-style: italic;
   font-weight: 600;
   line-height: 150%;
   /* 27px */
   letter-spacing: 0.9px;
   margin: 0 20px;
}

/* right */
.what-us-content-right-out {
   width: 310px;
}

.what-us-content-right-card-item {
   border-radius: 10px;
   background: var(--left-menu, #F9F9FD);
   box-shadow: 0px 0px 60px 0px rgba(218, 215, 233, 0.40);
   width: 300px;
   height: 145px;
   margin: 0 0 18px auto;
   padding: 0.5rem;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.what-us-content-right-card-name {
   color: #21145fc9;
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 160%;
   text-align: center;
   text-transform: uppercase;
}

.what-us-content-right-card-number {
   color: var(--orange, #E65300);
   text-align: center;
   font-family: Roboto;
   font-size: 50px;
   font-style: normal;
   font-weight: 900;
   line-height: 150%;
   /* 75px */
}

/* end what us  */


/* cert */
.cert-item {
   margin-top: 70px;
   margin-bottom: 40px;
}

.cert-content-slider {
   overflow: hidden;
}

.cert-content-img-link {
   display: block;
   margin: auto;
}

.cert-content-img-link picture,
.cert-content-img-link img {
   display: block;
   margin: auto;
}

.cert-content-out {
   margin-top: 80px;
}

/* end cert */
/* reviews */
.reviews-content-slider {
   overflow: hidden;
}

.reviews-item {
   margin-top: 92px;
   margin-bottom: 60px;
}

.reviews-content-out {
   padding-top: 60px;
}

.reviews-content-card-item {
   padding: 24px 30px 36px;
   border-radius: 10px;
   background: var(--white, #FFF);
   box-shadow: 0px 0px 40px 0px rgba(213, 210, 225, 0.30);
}

.reviews-content-card-item img {
   width: 170px;
   margin-bottom: 6px;
}

.reviews-content-card-city {
   margin-bottom: 10px;
   color: #e65300e0;
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
   /* 25.6px */
}

.reviews-content-card-context-out {
   color: #231f20a1;
   font-family: Roboto;
   font-size: 16px;
   font-style: italic;
   font-weight: 400;
   line-height: 160%;
   /* 25.6px */
}

.reviews-content-card-link {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
}

.reviews-content-card-link svg {
   margin-left: 22px;
}

/* end reviews */

/* consult */
.consult-item {
   border-radius: 20px;
   background: var(--grey, #F7F8FD);
   padding: 62px 60px;
   display: flex;
   justify-content: space-between;
   margin-bottom: 92px;
}

.consult-left-out {
   width: 330px;
}

.consult-left-descr {
   margin: 43px 0 35px;
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   max-width: 20rem;
   line-height: 160%;
   /* 32px */
}

.consult-left-contacts-phone {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 21px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   margin-right: 18px;
}

.consult-left-contacts-ceti {
   margin: 0 6px;
}

.consult-left-contacts-ceti-mail {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 21px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   display: block;
   width: 100%;
   margin-top: 6px;
}

.consult-left-contacts-time-out {
   margin: 41px 0 11px;
   color: #21145fc4;
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 180%;
   /* 28.8px */
}

/* form */
.consult-left-form {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
}

.consult-left-form-inp-mess,
.consult-left-form-name {
   width: 100%;
   margin-bottom: 23px;
}

.consult-left-form-inp-mail input,
.consult-left-form-phone input,
.consult-left-form-name input,
.consult-left-form-inp-mess textarea {
   border-radius: 5px;
   background: var(--white, #FFF);
   color: #231f2094;
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
   padding: 16px 14px;
}

.consult-left-form-phone {
   width: calc(50% - 12px);
   margin-right: 12px;
   margin-bottom: 23px;
}

.consult-left-form-inp-mail {
   width: calc(50% - 12px);
   margin-left: 12px;
   margin-bottom: 23px;
}

.consult-left-form-inp-mess {
   position: relative;
}

.consult-left-form-inp-mess textarea {
   padding: 22px 60px 22px 15px;
}

.consult-left-form-btn-file {
   position: absolute;
   right: 10px;
   bottom: 25px;
   width: 35px;
   height: 35px;
   border: none;
   background-color: transparent;
}

.consult-left-form-box-file-out {
   color: #231f2094;
   ;
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 124.41%;
   /* 17.417px */
}

.consult-left-form-box-file {
   display: none;
}

.consult-left-form-controls {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 26px 0;
}

.consult-left-form-submit {
   border-radius: 10px;
   background: var(--tit, #21145F);
   color: var(--white, #FFF);
   text-align: center;
   font-family: Roboto;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   padding: 17px 79px;
   margin-right: 5px;
}

.consult-left-form-contrils-text {
   color: #231f2094;
   ;
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   max-width: 317px;
   margin: 0 0 0 50px;
   font-weight: 400;
   line-height: 124.41%;
   /* 17.417px */
}

/* right */
.consult-right-out {
   flex: 1;
}

.footer-line-3-out {font-size: 0.7rem;
    color: #231f20b5;
    font-family: Roboto;
    line-height: 120%;}
/* end consult */

/* filter */
.box-filters-out {
    background: var(--grey, #F7F8FD);
    border-radius: 10px;
    padding: 0.5rem 0.2rem 0.5rem 1rem;
}
.boxcards-result-out {
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    
    flex-wrap: wrap;
}
.mse2_pagination {
    margin: 2rem 0.2rem;
}
.pagination {
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-item.active a {
        background: var(--tit, #21145F);
}
.filter-group-item {
        padding: 2rem 0;
    max-height: 15rem;
    overflow-y: auto;
    
}
.box-filters-out input[type="checkbox"]:checked,
.box-filters-out input[type="checkbox"]:checked + label{
    color: #E65300;
}
.filter-sorte-out a {
    color: #21145f7d;
}
.filter-sorte-out a.active {
    color: #21145f;
}
/* end filter */
/* footer */
.footer-out {
   background: var(--grey, #F7F8FD);
   padding-top: 60px;
   padding-bottom: 40px;
}


.footer-line-1-item {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   flex-wrap: wrap;
   border-bottom: 1px solid #231f2021;
   padding-bottom: 16px;
   ;
   /* opacity: 0.10000000149011612;
background: #231F20; */
}

.footer-line-1-logo-out img {
   width: 176px;
}

.footer-line-1-ul {
   padding: 0;
}

.footer-line-1-li {
   list-style: none;
}

.footer-line-1-link {
   color: #21145fc9;
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 200%;
   /* 32px */
}

/* line 1 */
.footer-line-2-item {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   flex-wrap: wrap;
   padding-top: 33px;
}

.footer-line-2-col-text {
   color: #231f20b5;
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 120%;
   /* 16.8px */
}

.footer-line-2-col-cetine {
   color: var(--tit, #21145F);
   font-family: Roboto;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
}

.footer-line-2-col-ceti {
   display: inline-block;
   margin: 0 0.5rem;
}

/* end footer */

@media screen and (max-width: 1240px) {
   .header-line-1-content-textname-out {
      font-size: 16px;
      max-width: 304px;
   }

}

@media screen and (max-width: 1140px) {
   .header-line-1-content-textname-out {
      display: none;
   }

   .header-line-2-content-ul {
      margin: 0 10px 0 0;
   }

   .header-line-2-content-searchbasket-calback {
      padding: 5px 10px;
   }

   .header-line-2-content-searchbasket-search {
      margin: 0 6px;
   }

   .header-line-2-content-link {
      font-size: 13px;
   }
   .header-line-2-content-ul {
        flex-wrap: wrap;
    }

   .slider-bg-right-turnkesolution-ul {
      justify-content: space-evenly;
   }

   .slider-bg-right-turnkesolution-name {
      padding-left: 16px;
   }
}


@media screen and (max-width: 992px) {
   .header-out {
      min-height: 90px;
   }

   .slider-bg-out {
      padding-top: 10px;
   }

   .slider-bg-left-out {
      display: none;
   }

   .slider-bg-right-out {
      margin-left: 0;
   }

   .header-line-2-content-ulout,
   .header-line-1-content-out {
      display: none;
   }

   .head-page-h1{
    font-size: 1.125rem;
   }

   .product-out {
      overflow-x: hidden;
   }

   .product-content-right {
      flex-direction: column;
      padding-left: 0;
   }
    .header-line-2-content-link {
        font-size: 12px;
    }
    .header-line-2-content-searchbasket-calback {
        font-size: 11px;
    }
    .header-line-2-content-searchbasket-calback {
            padding: 4px;
    }
    
   .big-text-up-slider-mob {
        display: block;
    } 
    
   .product-content-out {
      margin-bottom: 60px;
      flex-wrap: wrap;
   }

   .old-price,
   .search-price {
      font-size: 16px;
   }

   .actual-price {
      font-size: 22px;
   }

   .product-content-img img {
      width: 100%;
      height: auto;
   }

   .product-content-head,
   .product-content-price {
      flex-direction: row;
      height: auto;
      align-items: center;
   }

   .product-content-head-logo {
      width: 40%;
          padding: 1rem 1.5rem;
   }

   .product-content-text {
      font-size: 16px;
   }



   .product-content-right-button {
      flex-direction: row;
      height: 80px;
   }

   .product-button {
      width: 45%;
      height: 50px;
      font-size: 16px;
   }

   .product-info-tab ul li,
   .product-info-tab ul li.actual {
      margin-right: 25px;
      font-size: 16px;
   }

   .product-info-tab-text {
      width: 100%;
      padding-left: 0;
   }

   .product-info-tab-text p {
      font-size: 16px;
   }

   .installation-logo {
      width: 35%;
      padding: 2% 3%;
   }

   .installation-brief-info h2 {
      font-size: 18px;
   }

   .product-installation-task h2,
   .product-installation-task p,
   .product-installation-solution h2,
   .product-installation-solution p {
      font-size: 16px;
   }

   .footer-line-1-col {
      padding: 0.5rem;
   }

   .header-hamburgers-out {
      display: block;
   }

   .fixed-header .header-line-2-content-out {
      width: calc(100% - 140px);
   }

   .header-line-2-content-out {
      width: 68%;
   }

   .header-line-2-content-headcat-boxout {
      left: -100%;
      top: calc(100% + 10px);
   }

   .fixed-header .header-line-2-content-headcat-boxout {
      left: -80%;
   }

   .what-us-content-left-out,
   .what-us-content-right-out {
      width: 100%;
   }

   .what-us-content-right-card-out {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
   }

   .what-us-content-right-card-out>div.what-us-content-right-card-item:nth-child(2) {
      order: 3;
      width: 100%;
   }

   .what-us-content-right-card-item {
      margin: 10px 0;
   }

   .consult-item {
      flex-wrap: wrap;
      padding: 35px 30px;
   }

   .consult-right-out,
   .consult-left-out {
      width: 100%;
   }

   .consult-left-descr {
      max-width: 80%;
      margin: 20px 0 16px;
      font-size: 18px;
   }

   .footer-line-1-col {
      min-width: 45%;
   }

   .basket-product {
      display: grid;
      grid-template-columns: 40% 55% 5%;
      height: auto;
   }

   .basket-item {
      padding: 0;
   }

   .basket-product-list-item {
      width: 60%;
      padding: 0;
   }

   .basket-total-payable {
      width: 35%;
      margin-top: 0;
      padding: 15px 40px;
   }

   .basket-total-head {
      font-size: 1.125rem;
      width: 100%;
   }

   .basket-total-quantity {
      font-size: 1rem;
   }

   .basket-total {
      font-size: 1rem;
   }

   .checkout-item {
      width: 100%;
      padding: 0;
   }

   .checkout-item-button button {
      width: 45%;
   }

   .checkout-item-description {
      width: 45%;
   }

   .basket-product-img {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 2;
      display: grid;
   }

   .basket-product-img img {
      width: 7em;
   }

   .basket-product-info {
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 2;
      display: grid;
      width: 60%;
   }

   .basket-product-category {
      font-size: 1rem;
      width: 100%;
   }

   .basket-product-name h2 {
      font-size: 1rem;
      width: 10rem;
   }

   .basket-product-quantity {
      width: 60%;
   }

   .basket-product-price {
      grid-column-start: 2;
      grid-column-end: 4;
      grid-row-start: 2;
      grid-row-end: 3;
      display: grid;
      padding-top: 25px;
   }

   .basket-product-close {
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 1;
      grid-row-end: 2;
      display: grid;
      width: 10%;
   }
   .card-gorizont-item {
       flex-wrap: wrap;
   }
   .card-gorizont-out {
       max-width: 350px;
   }
}

@media screen and (max-width: 768px) {
   .header-line-2-content-out {
      width: 56%;
   }
    .box-answers__all {padding: 0;}
   .header-line-2-content-headcat-boxout {
      top: calc(100% + 20px);
      padding: 16px 10px;
      width: 550px;
      height: auto;
   }

   .header-line-2-content-headcat-boxout {
      left: -143%;
   }

   .fixed-header .header-line-2-content-headcat-boxout {
      left: -72%;
      overflow-y: auto;
      height: 80vh;
   }

   .header-line-2-content-headcat-li {
      padding: 15px 0;
   }

   .header-line-2-content-headcat-podmenu-out {
      margin: 12px 12px 12px 30px;
   }

   .header-line-2-content-headcat-btn {
      padding: 11px 12px;
   }

   .lider-bg-right-slider-content-left-item {
      padding: 37px 12px 37px 12px;
   }

   .lider-bg-right-slider-content-left-name {
      font-size: 30px;
   }

   .lider-bg-right-slider-content-left-namedescr {
      font-size: 21px;
   }

   .threenews-white-card-card-name-out {
      font-size: 16px;
      padding: 25px 16px;
   }

   .threenews-white-card-item {
      max-width: 257px;
   }

   .threenews-white-card-date-out {
      padding: 17px 16px 6px;
      font-size: 14px;
   }

   .threenews-white-card-link {
      font-size: 14px;
      padding: 0 17px 30px;
   }

   .threenews-white-cardslinks-item {
      flex-wrap: wrap;
   }

   .threenews-white-cardslinks-links {
      font-size: 16px;
      padding: 16px 23px;
   }

   .threenews-white-cardslinks-socseti-out {
      margin-top: 2rem;
   }

   .partners-bg-item {
      padding-top: 70px
   }

   .partners-bg-name {
      font-size: 18px;
      min-width: 40%;
   }

   .partners-bg-name-description {
      font-size: 16px;
   }

   .newbestst-name-li {
      font-size: 25px;
      margin: 25px;
   }

   .what-us-content-right-card-item {
      width: calc(50% - 10px);
   }

   .what-us-content-right-card-name {
      font-size: 13px;
   }

   .what-us-content-right-card-number {
      font-size: 24px;
   }

   .newbestst-out {
      margin-top: 50px;
   }

   .cert-item {
      margin-top: 40px;
      margin-bottom: 30px;
   }

   .cert-content-out {
      margin-top: 40px;
   }

   .reviews-item {
      margin-top: 40px;
      margin-bottom: 45px;
   }

   .reviews-content-out {
      padding-top: 40px;
   }

   .consult-left-form-controls {
      flex-wrap: wrap;
      margin: 12px 0;
   }

   .consult-left-form-contrils-text {
      width: 100%;
      margin: 12px 0;
   }

   .consult-left-form-inp-mail,
   .consult-left-form-phone {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
   }
   .product-content-left,
   .product-content-right {
      width: 100%;
      padding: 0;
   }
}

@media screen and (max-width: 575px) {
   .header-line-2-content-headcat-link {
      top: calc(100% + 20px);
   }

   .header-line-2-content-headcat-podmenu-name {
      font-size: 18px;
      line-height: 120%;
   }

   .header-line-2-content-headcat-podmenu-link {
      font-size: 16px;

   }

   .header-line-2-content-headcat-podmenu-out {
      margin: 6px 7px 6px 20px;
   }

   .header-line-2-content-headcat-podmenu-out {
      display: none;
   }

   .header-line-2-content-headcat-ul {
      max-width: 100%;
      flex: 1;
   }

   .header-line-2-content-headcat-link {
      max-width: 100%;
   }

   .header-line-1-logo-out {
      width: 73px;
      margin-right: 10px;
   }

   .header-line-2-content-headcat-boxout {
      width: 385px;
   }

   .header-line-2-content-headcat-boxout {
      left: -65%;
   }
    .product-content-head-stars {
        margin: 1.5rem 0;
    }
    .head-page-out {
        padding: 0 2vw;
    }
   .lider-bg-right-slider-content-item {
      flex-wrap: wrap;
   }

   .lider-bg-right-slider-content-left-out,
   .lider-bg-right-slider-content-right-out {
      width: 100%;
   }

   .lider-bg-right-slider-content-left-item {
      padding: 66px 16px 16px;
   }

   .slider-bg-right-slider-item {
      height: auto;
   }

   .slider-bg-right-turnkesolution-link {
      padding: 10px;
   }

   .slider-bg-right-turnkesolution-li {
       min-width: calc(50% - 1rem);
       margin: 0.5rem 0.2rem;
      /* min-width: 180px; */

   }

   .slider-bg-right-turnkesolution-link {
      font-size: 13px;
   }

   .slider-bg-right-turnkesolution-out {
      margin-top: 50px;
   }

   .partners-bg-name-item {
      flex-wrap: wrap;
   }
    .form-add-products,
    .page-product-button-buy,
    .product-button {
        width: 100%;
        max-width: 100%;
    }

   .partners-bg-name {
      min-width: 90%;
   }

   .partners-bg-slider-card-item {
      max-width: 200px;
      margin: auto;
   }

   .newbestst-name-li {
      font-size: 18px;
      margin: 20px;
   }

   .what-us-item-name {
      font-size: 21px;
   }

   .what-us-content-left-descr-out {
      font-size: 16px;
   }

   .what-us-item {
      padding: 50px 0;
   }

   .reviews-arrows-item {
      max-width: 60%;
   }

   .reviews-arrows-item .swiper-pagination {
      flex: 1;
   }

   .consult-left-contacts-ceti-mail,
   .consult-left-contacts-phone {
      font-size: 18px;
      ;
   }

   .consult-left-form-submit {
      width: 100%;
      margin: 0;
   }

   /* .product-out {
      overflow-x: hidden;
   } */

   .product-content-out,
   .product-content-right {
      flex-direction: column;
   }
    .newbestst-content-card-buy-know {
        max-width: 290px;
    }

   
   .product-content-out {
      margin-bottom: 60px;
   }

   .product-content-img img,
   .product-content-pricing,
   .product-button,
   .product-info-tab {
      width: 100%;
      padding: 0;
   }

   .product-content-img img {
      height: 100%;
   }

   .product-content-head,
   .product-content-price {
      flex-direction: column-reverse;
   
      align-items: flex-start;
   }

   .product-content-head-logo {
      width: 80%;
   }

   .product-content-head-logo p {
      opacity: 0.8;
   }

   

   .product-content-text {
      font-size: 16px;
   }

   
   .product-content-avail {
      justify-content: flex-start;
   }

 
   .product-info-tab {
      max-width: 100%;
      overflow-x: auto;
   }

   .basket-item {
      display: flex;
      flex-direction: column;
   }

   .basket-product-list-item {
      width: 100%;
   }

   .basket-product {
      display: grid;
      grid-template-columns: 35% 60% 5%;
      height: auto;
   }

   .checkout-item {
      width: 100%;
   }

   .checkout-item-head {
      font-size: 18px;
   }

   .checkout-item-description {
      font-size: 16px;
   }

    .box-navigat-outer {
    display: none;
    padding: 0rem 1rem;
    }

   .checkout-item-input {
      flex-direction: column;
      align-items: flex-start;
   }

   .checkout-item-input input {
      width: 100%;
      margin-bottom: 20px;
   }

   .checkout-item-button {
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      height: auto;
   }

   .checkout-item-button-description {
      width: 100%;
      padding: 0;
      margin-top: 20px;
   }

   .checkout-item-button button {
      width: 100%;
   }

   .basket-total-payable {
      width: 100%;
   }

   .basket-total-head,
   .basket-total {
      font-size: 18px;
   }

   .basket-total-quantity {
      font-size: 16px;
   }

   .basket-product-img {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 2;
      display: grid;
      width: 30%;
   }

   .basket-product-info {
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 2;
      display: grid;
      width: 60%;
   }

   .basket-product-quantity {
      width: 60%;
   }

   .basket-product-info h2 {
      font-size: 18px;
   }

   .basket-product-info p {
      font-size: 16px;
   }

   .basket-product-price {
      grid-column-start: 2;
      grid-column-end: 4;
      grid-row-start: 2;
      grid-row-end: 3;
      display: grid;
      padding-top: 25px;
   }

   .basket-product-close {
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 1;
      grid-row-end: 2;
      display: grid;
      width: 10%;
   }

   .basket-product-img {
      width: 80%;
   }

   .tab-list-out {
      width: 100%;
   }


   li,
   .actual {
      margin-right: 25px;
      font-size: 16px;
      /* max-width: 350px; */
   }

   .product-info-tab-text {
      width: 100%;
      padding-left: 0;
   }

   .product-info-tab-payment,
   .product-info-tab-delivery {
      max-width: 100%;
   }

   .product-info-tab-payment h2,
   .product-info-tab-payment p,
   .product-info-tab-delivery h2,
   .product-info-tab-delivery p {
      font-size: 16px;
   }

   .product-info-tab-installation {
      width: 100%;
   }


   .installation-brief {
      flex-direction: column;
      width: 70%;
   }

.installation-brief-info {
    padding: 0;
    padding-top: 2.5rem;
}

   .installation-brief-info h2 {
      font-size: 18px;
   }

   .product-installation-task h2,
   .product-installation-task p,
   .product-installation-solution h2,
   .product-installation-solution p {
      font-size: 16px;
   }

   .product-info-tab-text p {
      font-size: 16px;
   }

   .product-info-tab-characteristic {
      width: 100%;
   }

   .tab-characteristic-text {
      width: 95%;
   }

   .tab-characteristic-table {
      width: 95%;
   }
}

@media screen and (max-width: 420px) {
   .header-line-2-content-headcat-boxout {
      width: 300px;
   }

   .header-line-2-content-headcat-boxout {
      /* left: -96%; */
       left: -63%;
   }

   .slider-bg-right-turnkesolution-li {
      /* min-width: 140px; */
      min-width: calc(90% - 1rem);
   }
   .slider-bg-right-turnkesolution-link {
           justify-content: space-around;
   }

   .slider-bg-right-turnkesolution-link {
      font-size: 10px;
   }

   .slider-bg-right-turnkesolution-link img {
      width: 20px;
   }

   .reviews-arrows-item {
      max-width: 80%;
   }

   .consult-item {
      padding: 25px 15px;
   }
}