@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

/* Общее */

html,
body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: #f1f1f1;
}
main {
    flex: 1 0 auto;
    min-height: 1785px;
}
h1 {
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
}
.pb-0{
    padding-bottom: 0;
}
.mb-15{
    margin-bottom: 15px;
}
.full{
    width: 100%;
}
.mb-0{
    margin-bottom: 0;
}
.mb-20{
    margin-bottom: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mb-30{
    margin-bottom: 30px;
}
.full {
    width: 100% !important;
}
.color-red {
    color: #FF3838;
}
.text-center {
    text-align: center !important;
}
.close {
    position: absolute;
    right: 40px;top: 20px;
    width: 21px;height: 20px
}
.close:before {
    content: '';
    width: 21px;height: 20px;
    display: inline-block;
    background: url(images/icons/close-bg.svg) no-repeat;
    background-size: cover
}
h5.modal-title {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 4px;
    color: #000;
}
.btn.btn-active, a.btn.btn-active{
    background: #FFF;
    border: 2px Solid #8FC1CF;
    color: #1F839F;
}
.btn-min, a.btn-min{
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.43333333em;
}
.content {
    background: #fff;
    padding: 30px;
    margin: 40px 0 60px;
}
.content h3 {
    font-weight: 400;
    font-size: 24px;
}
.content p {
    line-height: 26px;
}
.container {
    width: 1270px;/*25.03.24*/
    margin: 0 auto;
    padding: 0 15px;/*25.03.24*/
    position: relative;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /*25.03.24*/
    /*justify-content: space-evenly;25.03.24*/
}
.strong {
    font-weight: 700;
}
.light {
    font-weight: 300;
}
.btn {
    padding: 17px 40px;
    color: #fff;
    background: #ee3439;
    display: block;
    border: none;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.2s ease-out;
    text-decoration: none;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
}
.btn:hover {
    opacity: 0.8;
}
#popupRegNew{
    max-width: 400px;
    width: 100%;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}



.form-group1 {
    width: 100%;
    position: relative;
}

.form-group1__label {
    position: absolute;
    left: 15px;
    top: -8px;
    background-color: #fff;
    height: 17px;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #202020;
    border-radius: 10px;
}

.form-group1 .form-control {
    border-color: rgba(31, 131, 159, 0.3);
    outline: none;
    height: 47px;
    font-size: 14px;
    font-weight: 500;
    color: #202020;
    padding: 5px 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.form-group1 .form-control.inp-error{
    border-color: rgb(255 0 0 / 30%);
}
.form-group1__error {
    color: #EE3439;
    font-size: 12px;
    font-weight: 400;
    margin-top: 6px;
    display: none;
}

.form-group1_error .form-control {
    border-color: rgba(238, 52, 57, 0.5);
}

.form-group1_error .form-group1__error {
    display: block;
}

.form-group1__autofilled .form-control {
    background-color: rgba(31, 131, 159, 0.1);
}

.form-group1 .form-control::placeholder {
    color: rgba(32, 32, 32, 0.3);
}

.form-group1 .form-control:focus {
    box-shadow: none;
    /* background-color: rgba(31, 131, 159, 0.1); */
}

.form-group1 textarea.form-control {
    height: 47px;
    min-height: 47px;
    padding-top: 14px;
    padding-bottom: 0;
    resize: none;
}

.form-group1 textarea.form-control::-webkit-scrollbar {
  display: none;
}

.form-group1 textarea.form-control {
  -ms-overflow-style: none;
  scrollbar-width: none;
}


.check-custom{
    min-width: 22px;
    cursor: pointer;
    display: flex;
   align-items: flex-start;
   min-height: 22px;
}
.check-custom label{
    display: flex;
    align-items: center;
    gap:10px;
    font-size: 12px;
    font-weight: bold;
    color: #202020;
    margin:  0 15px 0 0;
}
.check-custom input[type=checkbox]{
    display: none;
}
.check-custom input[type=checkbox]+label:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 8px;
    border: 2px solid #1F839F;
    transition: all ease 0.2s;
    cursor: pointer;
}

.check-custom input[type=checkbox]:checked+label:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 8px;
    background: url(/personal/img/icon-item-check-white.svg) #1F839F 0 0 no-repeat;
    background-position: center center;
    transition: all ease 0.2s;
    cursor: pointer;
}

.switch {
  height: 20px;
  border-radius: 10px;
  position: relative;
    display: block;
}
.switch__inner {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
.switch__visual {
  width: 40px;
  height: 20px;
  overflow: hidden;
  border-radius: 10px;
  background-color: rgba(32, 32, 32, 0.1);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  position: relative;
}
.switch__visual::after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  left: 2px;
  top: 50%;
  margin-top: -8px;
  position: absolute;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}
.switch__input {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
}
.switch__input:checked + .switch__inner .switch__visual {
  background-color: #1F839F;
}
.switch__input:checked + .switch__inner .switch__visual::after {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
.switch__input:checked + .switch__inner .switch__text {
  color: #000;
}
.switch__input:focus-visible + .switch__visual {
  outline: 3px rgba(0, 0, 0, 0.3) solid;
}
.switch__input:disabled + .switch__inner .switch__visual {
  opacity: 0.3;
  cursor: default;
}
.switch__input:disabled + .switch__inner .switch__visual + .switch__inner .switch__text {
  opacity: 0.3;
  cursor: default;
}
.switch__text {
  font-size: 14px;
  font-weight: 500;
  color: rgba(32, 32, 32, 0.5);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.switch__visual + .switch__text {
    margin-left: 10px;
}
.switch__text + .switch__visual {
    margin-left: 10px;
}

.pos-r {
    position: relative;
}


.fixedCatalogContent {
    justify-content: flex-end;
    width: 1270px;
    padding: 0px 15px 60px;
    margin: 0 auto;
}
.fixedCatalogContent .container {
    width: 73%;
    margin: 0;
}
.contentBlock {
    padding: 60px 0;
}
.contentBlock.flex .textContent {
    width: 580px;
}
.contentBlock h2 {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 40px
}
.contentBlock p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 20px;
}
.contentBlock p:nth-child(2) {
    margin-top: 0;
}
.contentBlock li { 
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 20px;
}

.colorBorder {
    border-left: 6px solid #26708d;
    padding-left: 15px;
}


/* РЕМОНТ */


.contentBlockremont {
    padding: 20px 0;
}

.contentBlockremont h2 {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 20px
}
.contentBlockremont p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 20px;
}
.contentBlockremont p:nth-child(2) {
    margin-top: 0;
}
.contentBlockremont li { 
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 10px;
	margin-left: 30px;
}


.contentBlockremont img {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 3px;
    margin-right: 5px;

}


.tel {
    font-size: 20px;
	font-style: italic;
	font-weight: normal;
	margin-top: 10px;
}   


.sertificatesSliderremont {
    width: 250px;
    position: relative;
    top: 0px;
	float: right;
}
.sertificatesSliderremont .swiper-slide img {
    width: 100%;
	
}
.sertificatesSliderremont .controls {
    width: 65px;
    height: 24px;
    position: relative;
    margin-top: 40px;
}
.sertificatesSliderremont .controls .swiper-button-prev,
.sertificatesSliderremont .controls .swiper-button-next {
    width: 24px;
    height: 24px;
    top: 0;
    margin-top: 0;
    background-size: auto;
}
.sertificatesSliderremont .controls .swiper-button-prev::after,
.sertificatesSliderremont .controls .swiper-button-next::after {
    font-family: none;
    content: '';
}
.sertificatesSliderremont .controls .swiper-button-prev {
    background-image: url('images/prev.png');
    left: 0;
}
.sertificatesSliderremont .controls .swiper-button-next {
    background-image: url('images/next.png');
    right: 0;
}










/* Header */

/* #header {
} */
.headerIns {
    background: #fff;
    height: 120px;
}
.headerTop {
    height: 65px;
    justify-content: flex-end;
    padding-right: 28px;
}
.headerTopIns {
    width: 80%;
}
.headerTopIns a {
    font-size: 14px;
    padding-top: 21px;
    transition: all 0.2s ease-out;
}
a.headerMail {
    font-weight: 700;
    color: #26708d;
    text-decoration: none;
    padding-top: 24px;
}
a.headerMail:hover {
    color: #26708d;
}
a.headerPhone {
    color: #26708d;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}
a.headerPhone:hover {
    color: #ee3439;
}
a.orderCall {
    color: #000;
    padding-top: 24px;
}
a.orderCall:hover {
    text-decoration: none;
}
#login {
    color: #b8b8b8;
    font-style: italic;
    padding-top: 24px;
    text-decoration: none;
}
#login img,
#login p {
    display: inline;
}
#login p {
    vertical-align: top;
    margin-left: 7px;
    text-decoration: underline;
    color: #ee3439;
}
#login:hover p {
    text-decoration: none;
}
.headerBot {
    height: 55px;
}
.headerBot nav {
    width: 84%;
    height: 100%;
}
.headerBot nav a {
    display: inline-block;
    height: 100%;
    background: #26708d;
    flex: 1 0 10%;
    border-right: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top: 18px;
    text-decoration: none;
    transition: all 0.2s ease-out;
}
.headerBot nav a:hover,
.headerBasket:hover {
    opacity: 0.8;
}
.headerBot nav a:last-child {
    border-right: none;
}
.headerBot nav a:nth-child(5) p {
    width: 190px;
}
.headerSocial {
    padding-top: 24px;
}
.headerSocial a img {
    width: 15px;
    height: 15px;
}
.headerBasket {
    width: 16%;
    height: 100%;
    background: #ee3439;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding-top: 18px;
    text-align: center;
    transition: all 0.2s ease-out;
}
.headerBasket svg {
    font-size: 20px;
}
.headerBasket > * {
    display: inline;
    vertical-align: top;
}
.headerBasket p {
    margin-left: 4px;
}
#logo {
    display: block;
    width: 17%;
    height: 120px;
    padding: 29px;
    text-decoration: none;
}
#logo img {
    display: block;
    width: 100%;
}
#logo p {
    color: #010101;
    font-size: 12px;
    font-weight: 300;
    margin-top: 8px;
}
.headerContent {
    width: 83%;
}
.container-main-block{
    min-height: 2000px;
}
.container-main-block.active{
    min-height: 100px;
}
/* SearchBlock */

#searchBlock {
    height: 340px;
    width: 100%;
    margin-top: -120px;
    padding: 200px 0 100px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bannerIns .container {
    padding: 0 40px;
}
.catalogAside {
    width: 270px;
    position: relative;
}
.catalogAside .btn {
    font-weight: 700;
    padding-left: 60px;
    padding-right: 60px;
    width: 100%;
}
#searchBlock .search {
    width: 70%;
    height: 53px;
    position: relative;
    z-index: 2;
    outline: 13px solid rgba(255, 255, 255, 0.2);
}
#searchBlock .search form {
    height: 53px;
    display: flex;
    justify-content: space-between;
}
#searchBlock .search input[type="text"] {
    width: 80%;
    height: 100%;
    padding-left: 30px;
    font-size: 14px;
}
#searchBlock .search input[type="submit"] {
    width: 20%;
    height: 100%;
    border: none;
    background: #26708d;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.2s ease-out;
}
#searchBlock .search input[type="submit"]:hover {
    opacity: 0.8;
}
.catalogAsideList {
    max-width: 100%;
    background: #fff;
    padding: 40px;
    /*position: absolute;*/
    /*top: 70px;*/
    margin-top: 17px;
}
.catalogAside.active {
    height: 71px;
}
.catalogAside.active .catalogAsideList {
    display: none;
    z-index: 3;
}
.catalogAside.active:hover .catalogAsideList {
    display: block;
    position: absolute;
}
.catalogAsideList li:first-child {
    margin-top: 0;
}
.catalogAsideList li {
    list-style-type: none;
    margin-top: 15px;
}
.catalogAsideList a {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    text-decoration: none;
    transition: all 0.2s ease-out;
    position: relative;
}
.catalogAsideList a::before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: -15px;
    top: 7px;
    transition: all 0.2s ease-out;
}
.catalogAsideList a:hover {
    color: #ee3439;
}
.catalogAsideList a:hover::before {
    background: #ee3439;
}
.banner {
    width: 100%;
    height: 270px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px;
}
.banner .title {
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    max-width: 320px;
}
.banner .btn {
    margin-top: 30px;
}

/* Footer */

#footer {
    padding: 60px 15px;
    background: #07212b;
    flex: 0 0 auto;
}
#footer .col {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}
#footer .col:first-child {
    width: 55%;
    padding-right: 80px;
}
#footer .col:nth-child(2) {
    width: 20%;
    padding-left: 70px;
}
#footer .col:last-child {
    width: 25%;
    padding-left: 70px;
    border-right: none;
}
.footerCatalogList {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    padding-bottom: 30px;
}
.footerCatalogList li {
    width: 50%;
}
.footerAddress {
    padding-top: 22px;
}
.footerAddress .address {
    width: 50%;
    color: #fff;
    font-size: 14px;
}


.footerAddress .oferta {
    margin-top: 20px;
    color: #fff;
    font-size: 12px;
}


.footerAddress .address p {
    margin-top: 8px;
}
.footerAddress .address p:nth-child(3) {
    margin-top: 20px;
}
#footer li {
    margin-top: 15px;
    list-style-type: none;
}
#footer .footerCatalogList li:first-child,
#footer .footerCatalogList li:nth-child(2) {
    margin-top: 0;
}
#footer li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.2s ease-out;
}
#footer li a:hover,
#footer .developer a:hover {
    color: #ee3439;
}
#footer .rights,
#footer .developer {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin-top: 30px;
}
#footer .developer > * {
    display: inline;
}
#footer .developer a {
    color: #fff;
    transition: all 0.2s ease-out;
}
.footerSocial {
    margin-bottom: 25px;
}
.footerSocial a img {
    width: 19px;
    height: 19px;
}

/* Сертификаты */

.sertificatesSlider {
    width: 250px;
    position: relative;
    top: 90px;
}
.sertificatesSlider .swiper-slide img {
    width: 100%;
}
.sertificatesSlider .controls {
    width: 65px;
    height: 24px;
    position: relative;
    margin-top: 40px;
}
.sertificatesSlider .controls .swiper-button-prev,
.sertificatesSlider .controls .swiper-button-next {
    width: 24px;
    height: 24px;
    top: 0;
    margin-top: 0;
    background-size: auto;
}
.sertificatesSlider .controls .swiper-button-prev::after,
.sertificatesSlider .controls .swiper-button-next::after {
    font-family: none;
    content: '';
}
.sertificatesSlider .controls .swiper-button-prev {
    background-image: url('images/prev.png');
    left: 0;
}
.sertificatesSlider .controls .swiper-button-next {
    background-image: url('images/next.png');
    right: 0;
}

/* Попап регистрации */


#popupReg input,
.callBackForm input,
.findNumberForm input {
    width: 100%;
    height: 40px;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding-left: 10px;
}
.callBackForm input,
.findNumberForm input {
    margin-top: 25px;
}
#popupReg .btn,
.callBackForm .btn,
.findNumberForm .btn {
    height: auto;
    padding-left: 40px;
    margin-top: 25px;
}
.popupFormTitle {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 15px;
}
.agreePolicy{
    display: flex;
    font-size: 14px;
    font-weight: 300;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 25px;
}
.agreePolicy > .agreeCheckbox{
    margin: 0;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
#popupReg form {
    margin-top: 25px;
}
#popupReg form p {
    font-size: 12px;
    margin: 20px 0 8px;
}
.popupRegLink {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 25px;
    color: #ee3439;
}
.popupRegLink:hover {
    text-decoration: none;
}
#popupReg .registerForm {
    display: none;
}

/* Хлебные крошки */

#breadcrumbs {
    padding: 35px 15px;/*25.03.24*/
    color: #b8b8b8;
}
#breadcrumbs > * {
    display: inline;
    color: #b8b8b8;
}
#breadcrumbs a {
    margin-right: 3px;
    text-decoration: none;
    transition: all 0.2s ease-out;
}
#breadcrumbs a:hover {
    color: #ee3439;
}

/* Каталог */

.catalogElementsList {
    padding: 30px 0 0;
}
.catalogElementsListIns {
    justify-content: flex-start;
}
.catalogElement {
    width: 24%;
    height: 220px;
    background: #fff;
    margin-top: 15px;
    padding: 12px;
    margin-left: 1.3%;
}
.catalogElement:nth-child(4n + 1) {
    margin-left: 0;
}
.catalogElementIns {
    border: 2px solid rgba(0, 0, 0, 0.14);
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-out;
}
.catalogElementIns:hover {
    border-color: #ee3439;
}
.catalogElementIns .img {
    display: block;
    width: 100%;
    height: 74%;
    position: relative;
}
.catalogElementIns img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.catalogElementIns .name {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    margin: 16px 0 0 12px;
    transition: all 0.2s ease-out;
}
.catalogElementIns .name:hover,
.catalogElementIns .watch:hover {
    color: #ee3439;
}
.catalogElementIns .watch {
    color: #26708d;
    font-size: 12px;
    margin: 16px 0 0 12px;
    transition: all 0.2s ease-out;
}
.loadMore {
    margin: 40px auto 0;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    cursor: pointer;
}
.catalogElementsListIns ul li {
    margin-top: 20px;
    list-style-type: none;
    width: 33%;
}
.catalogElementsListIns ul li a {
    color: #26708d;
    font-size: 18px;
    transition: all 0.2s ease-out;
}
.catalogElementsListIns ul li a:hover {
    color: #ee3439;
}
.catalogElementsListIns ul {
    max-width: 500px;
}
.loadMore > * {
    display: inline;
    color: #a6a6a6;
    transition: all 0.4s ease-out;
}
.loadMore p {
    margin-left: 5px;
}
.loadMore:hover svg {
    transform: rotate(360deg);
    color: #ee3439;
}
.loadMore:hover p {
    color: #ee3439;
}

/* Страница схемы */

.schemePage {
    background: #fff;
    padding: 20px;
    margin-top: 30px;
}

/* Страница детали */

.detailPageTitle {
    margin-top: 30px;
}
.detailPage {
    background: #fff;
    padding: 30px;
    margin-top: 30px;
}
.detailPage .article p {
    font-weight: 400;
    display: inline;
}
.detailPage .article p:first-child {
    color: #26708d;
}
.detailMain {
    margin-top: 35px;
    min-height: 240px;
}
.detailMain .img {
    width: 40%;
    position: relative;
    height: 240px;
}
.detailMain .img img {
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
}.detailAddToBasket {
    width: 60%;
}
.detailAddToBasket .leftSide{
      width: 50%;
      padding-top: 10px;
      border-left: 1px solid #f1f1f1;
  }
 .detailAddToBasket .rightSide {
      width: 50%;
      padding-top: 10px;
      border-left: 1px solid #f1f1f1;
  }
.detailAddToBasket .leftSideIns,
.detailAddToBasket .rightSideIns {
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    margin: 0 auto;
}
.detailAddToBasket .available {
    font-size: 16px;
}
.detailAddToBasket .quantity {
    margin-top: 35px;
}
.detailAddToBasket .quantity .input {
    margin-top: 16px;
}
.detailAddToBasket .quantity .input button {
    width: 28px;
    height: 28px;
    color: #fff;
    background: #e6e6e6;
    border: none;
    font-size: 20px;
    cursor: pointer;
}
.detailAddToBasket .quantity .input .plus {
    margin-left: -3px;
}
.detailAddToBasket .quantity .input input {
    width: 52px;
    height: 28px;
    background: #f8f8f8;
    border: none;
    text-align: center;
    font-size: 14px;
    vertical-align: top;
    margin-left: -3px;
    font-weight: 700;
}
.detailAddToBasket p {
    color: #828282;
}
.detailAddToBasket .green {
    color: #1aba61;
}
.detailAddToBasket .red {
    color: #ee3439;
}
.detailAddToBasket .price {
    margin-top: 30px;
}
.detailAddToBasket .price p:last-child,
.rightSide .totalPrice p:last-child {
    color: #26708d;
    font-size: 18px;
    font-weight: 700;
    margin-top: 8px;
}
.rightSide .discount p:last-child {
    color: #000;
    margin-top: 8px;
}
.rightSide .totalPrice,
.rightSide .btn {
    margin-top: 30px;
}
.detailInfo {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #f1f1f1;
}
.detailInfoNav {
    position: relative;
}
.detailInfoNav li::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #26708d;
    position: absolute;
    left: 0;
    bottom: -8px;
    opacity: 0;
    transition: all 0.2s ease-out;
}
.detailInfoNav li.active::after {
    bottom: -4px;
    opacity: 1;
}
.detailInfoNav li {
    display: inline-block;
    font-size: 18px;
    color: #c6c6c6;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-out;
}
.detailInfoNav li.active {
    color: #000;
}
.detailInfoNav li:last-child {
    margin-left: 40px;
}
.detailInfoContent {
    margin-top: 40px;
}
.detailInfoContentElem {
    display: none;
    max-width: 400px;
}
.detailInfoContentElem.active {
    display: block;
}
.detailInfoContentElem .character {
    margin-top: 25px;
}
.detailInfoContentElem .character:first-child {
    margin-top: 0;
}
.detailInfoContentElem .character p,
.detailInfoContentElem .character ul {
    display: inline-block;
}
.detailInfoContentElem .character .name {
    width: 200px;
    color: #c6c6c6;
    font-size: 16px;
    font-weight: 300;
    vertical-align: top;
}
.detailInfoContentElem .character p:last-child {
    margin-left: 20px;
}
.detailInfoContentElem .character ul {
    margin-left: 20px;
    list-style-type: none;
}
.detailInfoContentElem .character ul li {
    margin-top: 5px;
}
.detailInfoContentElem .character ul li:first-child {
    margin-top: 0;
}
.detailInfoContentElem .character ul a {
    color: #000;
    font-weight: 300;
}

/* Доставка */

.deliveryPrice {
    justify-content: flex-start;
}
.deliveryPriceSingle {
    width: 40%;
}
.deliveryPriceSingle:nth-child(2) {
    padding-left: 30px;
    border-left: 1px solid #000;
    margin-left: 3%;
}
.deliveryPriceSingle p:nth-child(2) {
    max-width: 250px;
    position: relative;
}
.deliveryPriceSingle b {
    position: relative;
    top: 20px;
}
.deliveryPriceSingle svg {
    font-size: 40px;
    position: relative;
    top: 6px;
}

/* Как купить */

.howBuy {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #d0d0d0;
}
.howBuy .col {
    width: 30%;
}
.howBuy .col p:first-child {
    font-size: 66px;
    color: #26708d;
    font-weight: 900;
    padding-top: 20px;
}
.howBuy .col p:last-child {
    max-width: 290px;
    font-size: 14px;
    line-height: 24px;
}

/* Контакты */

.contacts {
    justify-content: flex-start;
}
.contacts .col {
    width: 42%;
    padding-left: 30px;
}
.contacts .col:first-child {
    border-left: 4px solid #ee3439;
}
.contacts .col:nth-child(2) {
    border-left: 4px solid #26708d;
    margin-left: 8%;
}
#map {
    width: 100%;
    height: 350px;
    margin-top: 70px;
}

/* Скидки */

.content.noBg {
    background: none;
    padding: 0;
}
.discountList .col {
    width: 32%;
    background: url('images/discount.png') no-repeat left top;
    background-color: #fff;
    background-size: contain;
    height: 230px;
    padding: 10px;
}
.discountList .colIns {
    border: 2px solid rgba(0, 0, 0, 0.14);
    width: 100%;
    height: 100%;
}
.discountList .colIns p:first-child {
    font-size: 59px;
    font-weight: 700;
    color: #fff;
    position: relative;
    top: 40px;
    left: 10%;
    width: max-content;
    width: -moz-max-content;
    width: -ms-max-content;
    width: -webkit-max-content;
    display: block;
}
.discountList .colIns p:last-child {
    margin: 0 auto;
    display: block;
    width: max-content;
    width: -moz-max-content;
    width: -ms-max-content;
    width: -webkit-max-content;
    background: #e8e8e8;
    padding: 10px 16px;
    font-size: 16px;
    position: relative;
    top: 120px;
}

/* Basket */

.basket-item-info-name a {
    color: #000;
    text-decoration: none;
    transition: all 0.3s ease-out;
}
.basket-item-info-name a:hover {
    color: #29b7c5;
}
.basket-items-list-header {
    display: none;
}
.productPage .basket {
    margin-top: 100px;
}
.toolBasketParent .basket .title {
    color: #828282;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}
#basket-root {
    transition: all 0.3s ease-out;
}
.basketPage {
    padding: 40px 0 100px;
}
.basketPageIns {
    margin-top: 20px;
}
.basket {
    width: 100%;
}
.mainBasket .mobileTitle {
    display: none;
}
.basket .columnsTitle td {
    padding: 25px 0;
    font-weight: 700;
    font-size: 14px;
    color: #29b7c5;
}
.basketItem td:first-child svg {
    display: none;
}
.basket tr th:first-child,
.basket tr td:first-child {
    padding-left: 20px;
    width: 25%;
}
.basket tr td:nth-child(2),
.basket tr td:nth-child(4),
.basket tr td:nth-child(5) {
    width: 10%;
}
.basket tr td:nth-child(3) {
    width: 12%;
}
#basket-root {
    width: 100%;
}
.basket .basket-items-list {
    padding: 0;
}
.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
    border: none;
}
.basket-items-list-table {
    width: 100%;
    border-collapse: collapse;
}
.basketItem {
    background: #f6f6f6;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease-out;
}
.basketItem td {
    padding: 20px 0;
}
.basketItem td:nth-child(2) svg {
    display: none;
}
.basket-item-amount-filed-block {
    width: 40px;
}
.basket-item-amount-filed-block input {
    width: 100%;
    border: none;
    background: #f6f6f6;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}
.basket .basket-item-amount-btn-minus,
.basket .basket-item-amount-btn-plus,
.basket-item-amount-filed-block {
    display: inline-block;
}
.basket .basket-item-amount-btn-minus,
.basket .basket-item-amount-btn-plus {
    width: 14px;
    height: 14px;
    color: #fff;
    background: #cfcfcf;
    text-align: center;
    padding-bottom: 16px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.basket .basket-item-actions-remove {
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease-out;
}
.basket .basket-item-actions-remove:hover {
    color: #29b7c5;
}
.basket .basket-items-list-item-remove {
    padding-right: 10px;
}
.basket-checkout-container .totalPrice > *,
.basket-checkout-block-total-price,
.basket-checkout-block-btn {
    display: inline-block;
}
.basket-checkout-block-btn,
.basket-checkout-block-total-price {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: -ms-max-content;
    width: max-content;
}
.basket .totalPrice {
    font-size: 30px;
    font-weight: 300;
}
.basket .redButton {
    font-size: 18px;
}
.basket-checkout-block-total-price {
    margin: 0 20px 0 auto;
    position: relative;
    top: 10px;
}
.basketPage .basket-checkout-section-inner,
.basketPage .basket-checkout-block-total-price,
.basketPage .basket-checkout-block-btn {
    display: block;
}
.basketPage .basket-checkout-block-btn {
    margin-top: 40px;
    margin-left: auto;
    transition: all 0.3s ease-out;
}
.basketPage .basket-checkout-block-total-price {
    margin-right: 0;
}
.basketPage .basket-checkout-block-btn .blue {
    background: #29b7c5;
    margin-right: 20px;
}
.basketPage .basket-checkout-block-btn .black {
    background: #000;
    margin-right: 20px;
}
.basket-item-property-custom-value > *,
.basket-item-price-old-text > *,
.basket-item-price-current-text > * {
    display: inline;
}
.checkout {
    margin-top: 50px;
}
.checkout .title {
    font-size: 30px;
    font-weight: 300;
}
.checkoutStep {
    display: none;
}
.checkoutStep.step-3 .checkoutDeliveryInfoItem {
    display: block;
}
.checkoutStep.step-3 .checkoutDeliveryInfoItem .checkoutStepTitle {
    margin-bottom: 20px;
}
.checkoutStep.active {
    display: block;
}
.checkoutStep.step-2 .checkoutRadio {
    width: 280px;
}
.checkoutStepsNav {
    margin-top: 30px;
}
.checkoutStepsNav ul {
    list-style-type: none;
    height: 46px;
    width: 590px;
}
.checkoutStepsNav ul li {
    background: #26708d;
    width: 33%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding-top: 12px;
    cursor: default;
}
.checkoutStepsNav ul li p {
    position: relative;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    margin: 0 auto;
}
.checkoutStepsNav ul li p::after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #fff;
    opacity: 0;
    transition: all 0.2s ease-out;
}
.checkoutStepsNav ul li.active p::after {
    opacity: 1;
    bottom: 0;
}
.checkoutSteps {
    margin-top: 40px;
}
.checkoutStepTitle {
    font-size: 18px;
    font-weight: 700;
    margin-top: 40px;
}
.checkoutStepData {
    margin-top: 30px;
}
.checkoutStepData .input,
.contactSection .input,
.editPopupForm .checkoutContactInfo .input,
#addHands .checkoutContactInfo .input,
#addFile .checkoutContactInfo .input {
    margin-top: 25px;
}
.checkoutStepData .input:first-child,
.contactSection .input:first-child,
.editPopupForm .checkoutContactInfo .input:first-child,
#addHands .checkoutContactInfo .input:first-child,
#addFile .checkoutContactInfo .input:first-child {
    margin-top: 0;
}
.checkoutStepData .input p,
.contactSection .input p,
.editPopupForm .checkoutContactInfo .input p,
#addHands .checkoutContactInfo .input p,
#addFile .checkoutContactInfo .input p {
    font-size: 14px;
    font-weight: 500;
}
.checkoutStepData input,
.contactSection input,
.editPopupForm .checkoutContactInfo input,
#addHands .checkoutContactInfo input,
#addFile .checkoutContactInfo input {
    border: none;
    border-bottom: 1px solid #a6a6a6;
    padding: 13px 0;
    font-size: 14px;
}
.checkoutStepForm .checkoutContactInfo {
    width: 500px;
}
.checkoutContactInfo .input,
.checkoutContactInfo input,
.checkoutContactInfo textarea {
    width: 100%;
}
.checkoutStepForm .checkoutContactInfo .input{
    width: 48%;
    margin-top: 0;
    margin-bottom: 15px;
}
.checkoutContactInfo .input input{
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    padding-left: 10px;
}
.checkoutContactInfo textarea {
    border: 1px solid #a6a6a6;
    padding: 13px;
    height: 150px;
    margin-top: 10px;
    font-size: 14px;
}
.input textarea{
    max-width: 430px;
    width: 100%;
    min-height: 100px;
}
.checkoutRadio {
    margin-top: 40px;
    width: 430px;
}
.checkoutRadio span {
    display: inline-block;
}
.checkoutRadio .radioBlock {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 0, 0, 0.29);
    border-radius: 50%;
    display: block;
    position: relative;
}
.checkoutRadio .radioBlock::after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background: #ee3439;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
.checkoutRadio input[type="radio"]:checked ~ .radioBlock::after {
    display: block;
}
.checkoutRadio .labelText {
    margin-left: 10px;
}
.checkoutDeliveryTypeIns,
.checkoutDeliveryTypeItem,
.checkoutRecipientData .checkoutRecipientDataItem {
    display: none;
}
.checkoutDeliveryTypeIns.active,
.checkoutDeliveryTypeItem.active,
.checkoutRecipientData .checkoutRecipientDataItem.active {
    display: block;
}
.checkoutDeliveryType .checkoutRadio {
    width: 500px;
}
.checkoutDeliveryType .checkoutRadio label:last-child {
    margin-top: 15px;
}
.checkoutDeliveryTypeItemList {
    margin-top: 20px;
}
.checkoutDeliveryTypeItem .description {
    margin-bottom: 30px;
}
.checkoutButtonsList {
    margin-top: 40px;
    position: relative;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
}
.checkoutButtonsList .next {
    padding: 17px 40px;
    border: none;
    font-size: 16px;
}
.checkoutButtonsList .prev {
    margin-right: 10px;
}
.finalBill input {
    max-width: 70px;
    font-size: 30px;
    color: #ee3439;
    background: no-repeat;
    border: none;
    display: inline-block;
}
.finalBill p:last-child {
    display: inline-block;
    font-size: 30px;
    color: #ee3439;
}
.checkoutButtonsList .warning {
    padding: 13px 15px 0;
    background:rgba(0, 0, 0, 0.7);
    color:#fff;
    position: absolute;
    width: max-content;
    height: 100%;
    transition: all 0.2s ease-out;
    opacity: 0;
    right: -340px;
}
.checkoutButtonsList .warning.show {
    opacity: 1;
    right: -350px;
}
.checkoutButtonsList .warning::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-right: 10px solid rgba(0, 0, 0, 0.7);
}
.checkoutDeliveryInfo {
    margin-top: 30px;
}
.checkoutDeliveryInfoItem{
    margin-bottom: 10px;
}
.checkoutDeliveryInfoItem ul {
    list-style-type: none;
}
.checkoutDeliveryInfoItem ul li {
    justify-content: flex-start;
    position: relative;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
}
.checkoutDeliveryInfoItem ul div:first-child {
    width: 220px;
}
.checkoutDeliveryInfoItem ul div:first-child p::after {
    content: '';
    position: absolute;
    width: 180px;
    height: 1px;
    border-bottom: 1px dotted #d6d6dc;
    left: 100%;
    bottom: 6px;
    z-index: 1;
}
.checkoutDeliveryInfoItem ul p {
    font-size: 14px;
    background: #fff;
    display: block;
    position: relative;
    z-index: 2;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
}
.checkoutDeliveryInfoItem ul p:first-child {
    margin-right: 50px;
}
.checkoutDeliveryInfoItem {
    display: none;
}
.checkoutDeliveryInfoItem.active,
.checkoutDeliveryCompany label,
.checkoutRecipient .checkoutRadio label {
    display: block;
}
.checkoutDeliveryCompany label,
.checkoutRecipient .checkoutRadio label {
    margin-top: 15px;
}
.checkoutDeliveryCompany .checkoutRadio span,
.checkoutRecipient .checkoutRadio span {
    display: inline-block;
}
.checkoutDeliveryCompany .checkoutRadio span:last-child,
.checkoutRecipient .checkoutRadio span:last-child {
    position: relative;
    top: -4px;
}
.checkoutDeliveryCompany .btn {
    margin-top: 30px;
}
.checkoutButtonsList {
    display: flex;
}
.checkoutButtonsList button:first-child {
    margin-right: 20px;
}
.checkoutRecipientData {
    margin-top: 40px;
}
.checkoutPayInfo {
    margin-top: 40px;
}
.checkoutPayInfo .checkoutPayInfoitem {
    display: none;
}
.checkoutPayInfo .checkoutPayInfoitem.active {
    display: block;
}
.toolBasketParent .basketPage {
    padding-top: 0;
}
.toolBasketParent .basketPage .basket-checkout-section-inner{
    display: flex;
}
.toolBasketParent .basketPage .basket-checkout-block-btn {
    margin-left: 0;
    margin-top: 0;
}
.basketSelect {
    margin: 30px 0;
}
.basketSelect.checkoutContactInfo .input {
    display: inline-flex;
    margin-top: 10px !important;
    width: 100%;
}
.basketSelect .input select, .checkoutRadio.step2 select{
    width: 100%;
    padding: 10px;
}
.basketSelect .input select, .checkoutRadio.step1 select{
    width: 100%;
    padding: 10px;
}
.checkoutRadio.step2 .input{
    width: 100%;
    margin-bottom: 45px;
    display: inline-flex;
}
.checkoutRadio.step1 .input{
    width: 100%;
    display: inline-flex;
}
.editAddress {
    display: flex;
    margin-left: 16px;
    position: relative;
    top: 9px;
    color: #000;
}
.editAddress:hover {
    color: #ee3439;
}
.addAddress.btn {
    margin-top: 20px;
}

/* Страница поиска */

.searchPage {
    width: 70%;
}
.searchPage p.title {
    font-size: 24px;
    font-weight: 700;
}
.modelsSearch ul {
    list-style-type: none;
}
.modelsSearch li {
    margin-top: 15px;
}
.modelsSearch li:first-child {
    margin-top: 25px;
}
.modelsSearch ul a {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    transition: all 0.2s ease-out;
}
.modelsSearch ul a:hover,
.toolsSearchitem .name:hover {
    color: #ee3439;
}
.toolsSearchitem {
    padding: 25px 0;
    border-bottom: 1px solid #bababa;
}
.toolsSearchitem .name {
    font-weight: 500;
    color: #000;
    text-decoration: none;
    transition: all 0.2s ease-out;
}
.toolsSearchitem .price {
    font-weight: 700;
    color: #ee3439;
    margin-top: 5px;
}
.toolsSearchitem .models {
    font-weight: 300;
    font-size: 14px;
    margin-top: 5px;
}

/* Странциа схемы */

.productPage.catalogPage .toolsBlocksInfo {
    width: 100%;
}
.productPage {
    padding-bottom: 100px;
}
.productPage .row,
.productPage .col-xs-12 {
    width: 100%;
}
.productPage .rightSide {
    /*width: 470px;25.03.24*/
    width: calc(100% - 700px);
}
.productPage .leftSide {
    /*width: 700px;25.03.24*/
    width: 700px;
    position: relative;
    margin-top: 70px;
}
.productPage .rightSide {
    overflow-x: hidden;
}
/* .productPageIns {
    margin-top: 150px;
} */
.productPageIns .tools_text {
    position: relative;
    top: -130px;
}
.productPageIns > table > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bx-sbb-empty-cart-container {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding: 200px 0;
    font-size: 16px;
}
.bx-sbb-empty-cart-text {
    margin-top: 20px;
}
.productPage .mainBasket,
.toolBasketParent {
    display: none;
}
.toolBasketParent .container {
    width: 100%;
    padding: 0 15px 0 0;
}
.productPage .mainBasket.show,
.toolBasketParent.show,
.toolBasketParent.show .mainBasket {
    display: block;
}
.productPage .basket-root-ins,
.toolBasketParent .basket-root-ins {
    margin-top: 20px;
}
.toolBasketParent .mainBasket {
    padding-bottom: 100px;
}
.toolBasketParent .redButton {
    display: block;
}
.componentList table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    position: relative;
    font-size: 14px;/*27.04.24*/
}
@media (max-width: 1179px) {
    .componentList table {
        font-size: 12px;
    }
}
.componentList table tr th {
    color: #29b7c5;
    font-weight: 700;
    font-size: 16px;/*27.04.24*/
    padding-bottom: 20px;/*25.03.24*/
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    text-align: start;/*25.03.24*/
}
.componentList {
    width: 100%;
    position: relative;
}
.componentListIns {
    width: 100%;
    height: 100%;
}
.componentListIns .simplebar-scrollbar::before {
    background: #29b7c5;
}
.componentListIns .simplebar-track .simplebar-scrollbar.simplebar-visible::before {
    opacity: 1;
}
.componentListSingle {
    cursor: pointer;
    border-bottom: 2px solid #ededed;
    visibility: visible !important;
}
.componentListIns::-webkit-scrollbar {width:0px;}
.componentListSingle:hover,
.componentListSingle.showComponent,
.componentListSingle.back {
    background: #f6f6f6;
}
.componentListSingle a img {
    opacity: 0.3;
    transition: all 0.3s ease-out;
}
.componentListSingle:hover a img,
.componentListSingle.showComponent a img {
    opacity: 1;
}
.componentListSingle a img:hover {
    transform: scale(1.1);
}
.componentList table tr td {
    /*border: 1px solid black;/*27.04.24*/
    /*border:none !important;27.04.24*/
    padding: 12px 0;
}
.componentList table tr th {
    padding: 5px;
}
.componentList table tr th:first-child {
    width: 5%;/*25.03.24*/
    /*padding: 0 10px;/*25.03.24*/
}
.componentList table tr th:last-child {
    /*padding-right: 20px;*/
    width: 20%;/*25.03.24*/
}
.componentList table tr th:nth-child(2) {
    /*width: 40px;25.03.24*/
    width: 25%;/*25.03.24*/
}
.componentList table tr th:nth-child(3) {/*25.03.24*/
    width: 30%;/*25.03.24*/
}/*25.03.24*/
/*.componentList table tr td:nth-child(4),
.componentList table tr th:nth-child(4) {
    padding-left: 10px;
    max-width: 164px;
}*//*25.03.24*/
.componentList table tr th:nth-child(4) {/*25.03.24*/
    /*width: 20%;/25.03.24*/
    min-width: 80px;/*25.03.24*/
}/*25.03.24*/
.componentList table tr th:nth-child(5) {/*25.03.24*/
    /*width: 20%;/*25.03.24*/
    min-width: 70px;/*25.03.24*/
}/*25.03.24*/
.componentList table tr th:nth-child(6) {/*25.03.24*/
    width: 20%;/*25.03.24*/
}/*25.03.24*/

.componentList table tr td input[type="checkbox"] {
    display: none;
}
.componentList table tr td .customCheck {
    width: 13px;
    height: 13px;
    border: 1px solid rgba(177, 177, 177, 0.42);
    position: relative;
    cursor: pointer;
    display: block;
}
.componentListSingle.showComponent td .customCheck::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url('images/icons/accept.png');
    width: 13px;
    height: 13px;
    display: none;
}
.componentListSingle.showComponent td .customCheck::after {
    display: block;
}
.componentListSingle.showComponent .fa-shopping-basket {
    color: #ee3439;
}
.componentLeft .table tr td .componentTdTitle {
    display: none;
}
.showComponent {
    visibility: visible !important;
}
#toolStructure .swiper-container,
#toolStructure .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
}
#toolStructure .controls {
    width: 50%;
    height: 44px;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}
#toolStructure .controls .swiper-button-next,
#toolStructure .controls .swiper-button-prev {
    top: 0;
}
#toolStructure .swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    display: none;
}
#toolStructure .swiper-pagination-bullet {
    margin-right: 3px;
}
#toolStructure .swiper-pagination-bullet-active {
    background: #29b7c5;
}
#toolStructure .swiper-pagination-bullet:last-child {
    margin-right: 0;
}
.toolBasketParent .mainBasket td:nth-child(2) {
    display: none;
}
.componentList,
.productPage.catalogPage .container {
    position: inherit;
}
.addToBasketPopup {
    /*width: 280px; 25.03.24*/
    width: 92%;/*25.03.24*/
    padding: 15px;
    background: #fff;
    border: 1px solid #cecece;
    position: relative;
    margin-top: 50px;
    border-radius: 3px;
    position: absolute;
    z-index: 3;
    left: 90%;/*25.03.24*/
    transform: translateX(-90%);/*25.03.24*/
    display: none;
}
.addToBasketPopup .value {
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 8px;
}
.addToBasketPopup::before {
    content: '';
    position: absolute;
    /*left: 25%;*/
    top: -15px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: 1px solid #cecece;
    border-right: 1px solid #cecece;
    transform: rotate(-45deg) translate(-50%);
}
.addToBasketPopup .article {
    font-size: 18px;
    color: #29b7c5;
    font-weight: 500;
}
.addToBasketPopup .name {
    text-transform: uppercase;
    margin-top: 15px;
}
.addToBasketPopup .input {
    margin-top: 10px;
}
.addToBasketPopup .plus,
.addToBasketPopup .minus {
    width: 20px;
    height: 20px;
    background: #fff;
    border: none;
    font-size: 12px !important;
    vertical-align: top;
    cursor: pointer;
}
.addToBasketPopup input {
    width: 40px;
    height: 20px;
    text-align: center;
    border: 1px solid #cecece;
    border-radius: 3px;
    vertical-align: top;
    font-size: 14px;
}
.addToBasketPopup .inputControls,
.addToBasketPopup .totalPrice {
    display: inline-block;
}
.addToBasketPopup .totalPrice {
    font-size: 18px;
    position: relative;
    margin-left: 20px;
    top: 8px;
    margin-top: 0;
}
.addToBasketPopup .buttons {
    margin-top: 20px;
}
.addToBasketPopup .buttons .btn,
.addToBasketPopup .buttons .close {
    display: inline-block;
}
.addToBasketPopup .btn {
    padding: 10px 30px;
    margin-top: 0;
}
.addToBasketPopup .buttons .close {
    font-size: 22px;
    margin-left: 20px;
    position: relative;
    top: 4px;
    cursor: pointer;
}
#toolStructure .mainBasket {
    font-size: 14px;
}

/* Личный кабинет */

.personalPage {
    padding: 50px 0;
}
.personalPageNav {
    width: 20%;
}
.personalPageNav li {
    list-style-type: none;
    font-size: 16px;
    transition: all 0.2s ease-out;
    position: relative;
    color: #a8a8a8;
    cursor: pointer;
    margin-top: 35px;
    padding-left: 15px;
}
.personalPageNav li:first-child {
    margin-top: 0;
}
.personalPageNav li::before {
    content: '';
    background: #a8a8a8;
    width: 4px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s ease-out;
}
.personalPageNav li:hover,
.personalPageNav li.active {
    color: #26708d;
}
.personalPageNav li:hover::before,
.personalPageNav li.active::before {
    background: #26708d;
}
.personalPageSections {
    background: #fff;
    padding: 30px;
    width: 75%;
}
.personalPageSection {
    display: none;
}
.personalPageSection.active {
    display: block;
}
.personalPageSection .title {
    font-size: 16px;
    padding-bottom: 30px;
    border-bottom: 1px solid #929292;
}
.personalPageSectionContent .date {
    margin-top: 30px;
}
.personalPageSectionContent .date p,
.personalPageSectionContent .date svg {
    display: inline;
}
.personalPageSectionContent .date svg {
    margin-left: 5px;
}
.personalPageSectionContent .date .inputs {
    margin-left: 20px;
}
.personalPageSectionContent .date input {
    width: 90px;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #929292;
    font-size: 14px;
}
.personalPageSectionContent .date input:last-child {
    margin-left: 10px;
}
.personalPageSectionContent .date .inputs,
.personalPageSectionContent .date .icon {
    display: inline-block;
}
.orderList {
    margin-top: 35px;
}
.orderList table {
    width: 100%;
    border-collapse: collapse;
}
.orderList table th {
    padding: 25px 0;
    text-align: left;
    border-bottom: 1px solid #929292;
}
.orderList table tr td {
    color: #7a7a7a;
    padding: 20px 0;
    border-bottom: 1px solid #929292;
}
.orderInfo {
    padding: 15px 20px;
    background: #f1f1f1;
}
.orderInfo p:first-child {
    font-size: 14px;
    margin-bottom: 5px;
    color: #26708d;
}
.orderInfo .button {
    cursor: pointer;
}
.orderInfo .button svg {
    position: relative;
    top: 13px;
}
.order {
    cursor: pointer;
    margin-top: 10px;
}
.order svg {
    transition: all 0.2s ease-out;
}
.order.show svg {
    transform: rotate(-90deg);
}
.orderTable {
    overflow: hidden;
    height: 0;
    transition: all 0.2s ease-out;
}
.contactSection,
.addressSection {
    margin-top: 35px;
}
.contactSection form {
    width: 70%;
}
.contactSection .personalData,
.contactSection .secure {
    width: 47%;
}
.contactSection input {
    width: 100%;
}
.contactSection .name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}
.contactSection .btn {
    margin-top: 42px;
}
.addressListItem {
    width: 80%;
    margin-top: 20px;
}
.addressListItem:first-child,
.addressListItem .checkoutDeliveryInfoItem li:first-child,
.managerIns li:first-child {
    margin-top: 0;
}
.addressListItem .top {
    padding: 10px 0;
    cursor: pointer;
}
.addressListItem .top > *,
.addressListItem .top svg,
.addressListItem .bot,
.addressListItem .edit {
    transition: all 0.2s ease-out;
}
.addressListItem .top:hover > *,
.addressListItem .edit:hover,
.addressListItem.show .top > *,
.managerIns li a:hover,
.managerListItem:hover .name {
    color: #ee3439;
}
.addressListItem .bot {
    margin-top: 0px;
    height: 0;
    overflow: hidden;
}
.addressListItem.show .top svg {
    transform: rotate(-90deg);
}
.addressListItem.show .bot,
.addressListItem .checkoutDeliveryInfoItem li {
    margin-top: 20px;
}
.addressListItem .edit {
    color: #26708d;
}
.addressListItem .checkoutDeliveryInfoItem {
    display: block;
}
.addressListItem .checkoutDeliveryInfoItem ul p {
    font-size: 16px;
}
.addressListItem .checkoutDeliveryInfoItem ul div:first-child p::after {
    border-bottom: 2px dotted #d6d6dc;
    bottom: 4px;
}
.addAddressButton {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px solid #929292;
}
#editPopup {
    width: 800px;
}
#editPopup .checkoutRadio {
    width: 100%;
    margin-top: 20px;
}
.editPopupForms {
    margin-top: 50px;
}
.editPopupForms .btn {
    margin-top: 40px;
}
.editPopupForm {
    display: none;
}
.editPopupForm .checkoutContactInfo {
    /*width: 450px;*/
    width: 100%;
}
.editPopupForm .checkoutContactInfo .w5{
    width: 18%;
}
.editPopupForm.active {
    display: block;
}
.personalPageSectionContent .buttons {
    margin-top: 40px;
    justify-content: flex-start;
}
.personalPageSectionContent .buttons .btn:first-child {
    margin-right: 30px;
}
.personalPageSectionContent .buttons .btn:nth-child(2) {
    background: #26708d;
}
#addHands .btn {
    margin-top: 40px;
}
#addFile .checkoutContactInfo {
    margin-bottom: 40px;
}
#addFile .inputFile {
    width: 200px;
    height: 53px;
    position: relative;
}
#addFile .inputFile .btn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
}
#addFile .buttons > .btn {
    margin-top: 20px;
}
#addFile .inputFile input {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}
#addFile .inputFile input:hover + .btn {
    opacity: 0.8;
}
#addFile .inputFile .success {
    position: absolute;
    right: -50px;
    top: 9px;
    font-size: 30px;
    color: #1aba61;
    opacity: 0;
    transition: all 0.6s ease-out;
}
#addFile .inputFile .success.show {
    opacity: 1;
}
.requisites .addressList {
    margin-top: 40px;
}
.requisites .checkoutDeliveryInfoItem ul div:first-child {
    width: 300px;
}
.requisites .checkoutDeliveryInfoItem ul div:first-child p::after {
    display: none;
}
.manager {
    margin-top: 40px;
    padding: 40px;
    background: #f1f1f1;
}
.managerIns {
    justify-content: flex-start;
}
.managerIns .img {
    width: 188px;
    height: 200px;
    margin-right: 45px;
}
.managerIns .img img {
    max-width: 100%;
}
.managerIns ul {
    margin-top: 20px;
}
.managerIns li {
    list-style-type: none;
    margin-top: 7px;
}
.managerIns li > * {
    display: inline;
    font-weight: 500;
    font-size: 14px;
}
.managerIns li a {
    color: #000;
    margin-left: 5px;
    text-decoration: none;
    transition: all 0.2s ease-out;
}
.managerIns .title {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
}
.managerIns .name {
    font-size: 24px;
    font-weight: 500;
}
.managerIns .btn {
    padding: 11px 23px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 14px;
}
#managerList {
    width: 470px;
}
.managerListItem {
    cursor: pointer;
    padding: 15px 0;
    justify-content: start;
    border-bottom: 1px solid #929292;
}
.managerListItem:last-child {
    border: none;
}
.managerListItem .img {
    width: 60px;
    height: 60px;
    border-radius: 3px;
    overflow: hidden;
}
.managerListItem .img img {
    width: 100%;
}
.managerListItem .name {
    position: relative;
    top: 22px;
    margin-left: 9px;
    color: #26708d;
    transition: all 0.2s ease-out;
    max-width: 310px;
}


@keyframes showResizeAlert {
    from {opacity: 0;}
    50% {opacity: 0.5;}
    to {opacity: 1;}
}
.resizeAlert {
    position: fixed;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    z-index: 99999;
    text-align: center;
    color: #fff;
    font-size: 18px;
    opacity: 1;
    animation: showResizeAlert 0.5s 1 ease-out;
}
.resizeAlertIns {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 15px;
}
.resizeAlertIns p {
    margin-top: 20px;
}

#fig_imageobjs {
    z-index: 2;
}
@media(max-width: 1269px) {
    .toolBasketParent .mainBasket {
        padding-bottom: 50px;
    }
    #fig_imageobjs {
        display: none;
    }
    #fig_movediv,
    #fig_image {
        width: 100% !important;
        height: 100% !important;
    }
    #fig_image {
        background-size: contain !important;
        background-position: center;
    }
}
@media(min-width: 992px) {
    .basket tr td:nth-child(3),
    .basket tr td:nth-child(4) {
        width: 15%;
    }
}
/* @media(min-width: 992px) and (max-width: 1269px) {
    .basket tr td:nth-child(6) {
        display: none;
    }
    .basket tr td:nth-child(3),
    .basket tr td:nth-child(4) {
        width: 20%;
    }
    .basket tr th:first-child,
    .basket tr td:first-child {
        width: 28%;
    }
    .basket tr th:nth-child(5),
    .basket tr td:nth-child(5) {
        width: 13%;
    }
    .toolBasketParent .redButton {
        padding: 13px 35px;
    }
    .basket .totalPrice {
        font-size: 24px;
    }
    .toolStucturSlider {
        height: 600px;
    }
    #fig_movediv,
    #fig_image {
        width: 100% !important;
        height: 100% !important;
    }
} */
@media(min-width: 768px) {
   /* .resizeAlert {
        display: none;
    }*/
}
@media(max-width: 767px) {
    .toolBasketParent .mainBasket {
        padding-bottom: 0px;
    }
}

@media (max-width: 1269px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 600px) {
    .resizeAlert {
        display: none;
    }
}

#toolStructure #fig_movediv use {
    cursor: pointer;
}
#toolStructure #fig_movediv use:hover {
    fill: rgba(253, 254, 179, 0.5);
    opacity: 1;
}
#fig_movediv {
    position: relative !important;
}

#fig_movediv {
    transform: none !important;
}
.editPopupForm .checkoutContactInfo .input input.phoneNumber{
    width: 73%;
    margin-top: 10px;
}
.checkoutContactInfo .input input.morePhone{
    border-color: #ee3439;
    background-color: white;
    width: 20%;
    min-width: 150px;
    color: #ee3439;
    margin-left: 5%;
    padding-left: 0;
}
.checkoutContactInfo .input input.morePhone:hover{
    background-color: #ee3439;
    color: white;
}
.checkoutContactInfo .input input.morePhone:active{
    background-color: rgba(250, 53, 58, 0.44);
    color: white;
    outline: none;
}
.checkoutContactInfo .input input.morePhone:focus{
    outline: none;
}
.editPopupForm .checkoutDeliveryCompany {
    width: 100%;
}
#addCompany .btn:first-child{
    margin-right: 10px;
}
#addFile .btn{
    width: 100%;
}

p.subTitle {
    margin-top: 20px;
    font-weight: bold;
}
.checkoutRadio.step2{
    margin-bottom: 15px;
}
.checkoutRadio.step2 .flex{
    justify-content: flex-start;
    margin-bottom: 5px;
}
.checkoutRadio.step1 .flex{
    justify-content: flex-start;
    margin-bottom: 5px;
}

.disabled{
    color: #c1c1c1;
}
.send.btn{
    /*margin-top: 20px;*/
    padding: 17px 40px;
}
.orderPrice{
    color: #ee3439;
    margin-bottom: 20px;
}

.basePrice{
    font-size: 30px;
}
.totalText{
    font-size: 30px;
    color: #060000;
}
.btn-companys{
    display: flex;
}
#step2-companies{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 45px;
}
#step2-companies li{
    width: 45%;
    display: block;
    margin-bottom: 5px;
}
#step2-companies li div:first-child{
    color: black;
    font-weight: bold;
}
.select-mycompany-step2{
    min-width: 475px;
}
.company-op-empty{
    color: brown;
}
.my-company-none:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 306px;
    left: 506px;
    background-color: white;
}

.my-address-none:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 408px;
    left: 531px;
    background-color: white;
}
.recipient-bank {
    margin-top: 5px;
    font-weight: 100;
    color: red;
    display: none;
}

/*@media (max-width: 1700px) {*/
/*    .componentList table {*/
/*        font-size: 18px;*/
/*    }*/
/*    .componentList table tr th {*/
/*        font-size: 18px;*/
/*    }*/
/*}*/
@media (max-width: 1500px) {
    /*.componentList table {*/
    /*    font-size: 16px;*/
    /*}*/
    .productPage .rightSide {
        width: calc(100% - 700px);
    }
    .componentList table tr th:nth-child(6) {
        width: 20%;
    }
}
@media (max-width: 1440px) {
    .productPage .leftSide {
        width: 700px;
    }
    .productPage .rightSide {
        width: calc(100% - 700px);
    }
    .componentList table tr th:nth-child(4) {
        width: 14%;
        text-align: left;
    }
    .componentList table tr th:nth-child(5) {
        width: 9%;
        text-align: left;
    }
}

@media (max-width: 1269px) {
    .componentList table tr th:first-child {
        width: 5%;
    }
    .componentList table tr th:nth-child(2){
        width: 18% !important;
    }
    .componentList table tr th:nth-child(3) {
        width: 25% !important;
    }
    .componentList table tr th:nth-child(4) {
        width: 12%;
    }
    .componentList table tr th:nth-child(5) {
        width: 7% !important;
    }
    .componentList table tr th:nth-child(6){
        width: 17% !important;
    }
    .componentList table tr th{
        font-size: 14px;
    }

    @media (max-width: 1179px) {
        .componentList table tr th{
            font-size: 12px;
        }
        .componentList table tr th:nth-child(6){
            width: 20% !important;
        }
    }

    /*.productPage .leftSide {*/
    /*    margin-top: -70px;*/
    /*}*/
    /*.controls {*/
    /*    margin: 40px auto;*/
    /*}*/
}
@media (max-width: 1129px) {
    .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .productPage .leftSide {
        width: 100%;
    }
    .productPage .rightSide {
        width: 100%;
    }
    .componentList table {
        font-size: 14px;
    }
    .componentList table tr th {
        font-size: 16px;
    }
    .componentList table tr th:nth-child(6) {
        width: 10% !important;
    }
    .btn-done, .btn-change, .done-no {
        font-size: 14px;
    }
}
@media (max-width: 950px) {
    .componentList table tr th:nth-child(6) {
        width: 11% !important;
    }
}
@media (max-width: 850px) {
    .componentList table tr th:nth-child(6) {
        width: 12% !important;
    }
}
@media (max-width: 800px) {
    .componentList table tr th:nth-child(6) {
        width: 15% !important;
    }
}

@media (max-width: 768px) {
    .componentList table {
        font-size: 18px;
    }
    .componentList table tr th {
        font-size: 18px;
    }
}
@media (max-width: 675px) {
    .componentList table {
        font-size: 16px;
    }
    .componentList table tr th {
        font-size: 18px;
    }
}
@media (max-width: 360px) {

}
/* НАЛИЧИЕ 1920/1440 */
/*
box-sizing: border-box;

position: absolute;
width: 850px;
height: 123px;
left: 46px;
top: 419px;

background: linear-gradient(0deg, rgba(31, 131, 159, 0.02), rgba(31, 131, 159, 0.02)), #FFFFFF;
border: 2px solid #BCDAE3;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
*/