@font-face {
     font-family: "Regular";
     font-style: normal;
     src: url(../../fonts/OpenSans-Regular.ttf);
     font-display: swap;
 }
 
 @font-face {
     font-family: "Medium";
     font-style: normal;
     src: url(../../fonts/OpenSans-Medium.ttf);
     font-display: swap;
 }
 
 @font-face {
     font-family: "Semibold";
     font-style: normal;
     src: url(../../fonts/OpenSans-SemiBold.ttf);
     font-display: swap;
 }
 
 @font-face {
     font-family: "Bold";
     font-style: normal;
     src: url(../../fonts/OpenSans-Regular.ttf);
     font-display: swap;
 }
 
 @font-face {
     font-family: "ExtraBold";
     font-style: normal;
     src: url(../../fonts/OpenSans-Regular.ttf);
     font-display: swap;
 }
 
 @font-face {
     font-family: "Black";
     font-style: normal;
     src: url(../../fonts/OpenSans-Regular.ttf);
     font-display: swap;
 }
 
 body {
     scrollbar-gutter: stable;
     color: #000;
     margin: 0;
 }
 
 main {
     display: block
 }
 
 h1 {
     font-size: 2em;
     margin: 0.67em 0
 }
 
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible
 }
 
 pre {
     font-family: monospace, monospace;
     font-size: 1em
 }
 
 a {
     background-color: transparent
 }
 
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     text-decoration: underline dotted
 }
 
 b,
 strong {
     font-weight: bolder
 }
 
 code,
 kbd,
 samp {
     font-family: monospace, monospace;
     font-size: 1em
 }
 
 small {
     font-size: 80%
 }
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }
 
 sub {
     bottom: -0.25em
 }
 
 sup {
     top: -0.5em
 }
 
 img {
     border-style: none
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: inherit;
     font-size: 100%;
     line-height: 1.15;
     margin: 0
 }
 
 button,
 input {
     overflow: visible
 }
 
 button,
 select {
     text-transform: none
 }
 
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
     -webkit-appearance: button
 }
 
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0
 }
 
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
     outline: 1px dotted ButtonText
 }
 
 fieldset {
     padding: 0.35em 0.75em 0.625em
 }
 
 legend {
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal
 }
 
 progress {
     vertical-align: baseline
 }
 
 textarea {
     overflow: auto
 }
 
 [type="checkbox"],
 [type="radio"] {
     box-sizing: border-box;
     padding: 0
 }
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto
 }
 
 [type="search"] {
     -webkit-appearance: textfield;
     outline-offset: -2px
 }
 
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none
 }
 
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }
 
 details {
     display: block
 }
 
 summary {
     display: list-item
 }
 
 template {
     display: none
 }
 
 [hidden] {
     display: none
 }
 
 .header__link,
 .header .header__search-inner:nth-child(2),
 .section__desc,
 .advantages .advantages__desc,
 .tools__block-title,
 .form .section__desc,
 .footer__link,
 .main-lines__box,
 .news__desc,
 .contacts__suptitle,
 .vacancy-req__desc,
 .catalog__desc,
 .catalog__total-text,
 .char__list-value,
 .options__desc-text {
     font-family: "Medium";
     font-weight: 500
 }
 
 .breadcrubs__list,
 .numbers__desc,
 .footer__list.bold,
 .page-main .section__desc,
 .catalog__name {
     font-family: "Semibold";
     font-weight: 600
 }
 
 .header .header__search-inner.active:nth-child(2),
 .numbers__title,
 .add__text,
 .advantages__title,
 .tools .section__desc,
 .tools__price-text,
 .quest__text,
 .main-lines__desc p,
 .main-lines__total,
 .contacts__text,
 .catalog__total-text b,
 .char__list,
 .char__price-total {
     font-family: "Bold";
     font-weight: 700
 }
 
 .header__question-text,
 .first__title-text,
 .options__desc-title {
     font-family: "Black";
     font-weight: 900;
 }
 
 .advantages__image img {
     max-height: 80px;
 }
 
 .header__question:focus {
     outline: 2px solid black;
 }
 
 .default-btn {
     cursor: pointer;
     border: none;
     color: #fff;
     padding: 18px 77px;
     transition: .3s ease-in-out;
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     background-color: #cb1f27;
     position: relative;
     overflow-x: hidden;
     border-radius: 5px;
 }
 
 .advatages__container {
     margin-top: 20px;
 }
 
 .default-btn:hover {
     background-color: #F03C44
 }
 
 .default-btn:hover span:after {
     left: 0
 }
 
 .catalog__product-inner {
     width: 100%;
     display: flex;
     flex-direction: column;
 }
 
 .default-btn span {
     text-align: center;
     font-size: 20px;
     line-height: 120%;
     position: relative;
     z-index: 3
 }
 
 .default-btn span::before {
     content: "";
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
     right: 0;
     margin: 0 auto;
     height: 1px;
     background-color: #fff;
     z-index: 1;
 }
 
 .default-btn span::after {
     transition: 0.4s ease-in-out;
     content: "";
     position: absolute;
     left: 99%;
     bottom: -2px;
     width: 5px;
     height: 5px;
     background-color: #fff;
     transform: rotate(45deg);
     z-index: 2;
 }
 
 .wr-line {
     flex-wrap: nowrap!important;
 }
 
 * p {
     margin: 0;
     padding: 0
 }
 
 * button {
     font-family: inherit;
     outline: none;
     cursor: pointer
 }
 
 * input,
 * textarea {
     font-family: inherit;
     outline: none;
     resize: none
 }
 
 * a {
     display: inline-block;
     text-decoration: none;
     color: inherit
 }
 
 body>div {
     z-index: 1;
     max-width: 100%;
     overflow: hidden
 }
 
 .header {
     top: 0;
     z-index: 500;
     position: fixed;
     width: 100%;
     background-color: #00406b;
     color: #fff;
 }
 
 .header__search {
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out
 }
 
 .header__search:hover {
     opacity: .8
 }
 
 .header__search-inner:nth-child(2) {
     display: none;
     margin-bottom: 3px
 }
 
 .container {
     max-width: 1220px;
     margin: 0 auto
 }
 
 .header__wrapper {
     display: flex;
     -webkit-box-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     align-items: center;
     height: 80px;
 }
 
 .header__menu {
     display: flex;
     -webkit-box-pack: center;
     justify-content: center
 }
 
 .header__menu-inner {
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     align-items: center
 }
 
 .header__list {
     margin: 0 8px
 }
 
 .header__list:first-child {
     margin-left: 0
 }
 
 .header__list:last-child {
     margin-right: 0
 }
 
 .header__link,
 .header .header__search-inner:nth-child(2) {
     font-size: 18px;
     line-height: 150%;
     position: relative
 }
 
 .header__link.active::after,
 .header .header__search-inner:nth-child(2).active::after {
     background-color: rgba(255, 255, 255, 0.75)
 }
 
 .header__link:hover::after,
 .header .header__search-inner:nth-child(2):hover::after {
     background-color: rgba(255, 255, 255, 0.75)
 }
 
 .header__link::after,
 .header .header__search-inner:nth-child(2)::after {
     -webkit-transition: 0.25s ease-in-out;
     -o-transition: 0.25s ease-in-out;
     transition: 0.25s ease-in-out;
     position: absolute;
     content: "";
     left: 0;
     right: 0;
     margin: 0 auto;
     bottom: 0;
     height: 1px;
     width: 100%;
     background-color: rgba(255, 255, 255, 0.25)
 }
 
 .header__question:hover {
     background-color: #F03C44
 }
 
 .header__question:hover .header__question-text::after {
     left: 0
 }
 
 .header__question-text {
     text-align: center;
     font-size: 16px;
     line-height: 143%;
     position: relative;
     z-index: 3
 }
 
 .header__question-text::before {
     content: "";
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
     right: 0;
     margin: 0 auto;
     height: 1px;
     background-color: #e58f93;
     z-index: 1
 }
 
 .header__question-text::after {
     -webkit-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
     transition: 0.4s ease-in-out;
     content: "";
     position: absolute;
     left: 99%;
     bottom: -2px;
     width: 5px;
     height: 5px;
     background-color: #e58f93;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     z-index: 2
 }
 
 .header__nav {
     margin: 0 55px
 }
 
 .breadcrubs {
     padding-top: 150px;
 }
 
 .breadcrubs.grey {
     background-color: #F8F8F8;
 }
 
 .breadcrubs__menu {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start
 }
 
 .breadcrubs__list {
     padding: 10px 15px;
     color: #01305d;
     background-color: #f8f8f8;
     font-size: 16px;
     position: relative;
 }
 
 .breadcrubs__list::after {
     content: "";
     position: absolute;
     bottom: 8px;
     right: -22px;
     width: 50px;
     height: 1px;
     background-color: #01305d;
     z-index: 1
 }
 
 .breadcrubs__list::before {
     content: "";
     position: absolute;
     bottom: 6px;
     left: 20px;
     width: 5px;
     height: 5px;
     background-color: #01305d;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg)
 }
 
 .breadcrubs__list:first-child {
     padding-left: 20px
 }
 
 .breadcrubs__list:first-child::before {
     content: none
 }
 
 .breadcrubs__list:last-child {
     padding-right: 20px;
     color: #fff;
     background-color: #01305d
 }
 
 .breadcrubs__list:last-child::before {
     content: "";
     position: absolute;
     bottom: 6px;
     left: 25px;
     width: 5px;
     height: 5px;
     background-color: #fff;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     z-index: 3
 }
 
 .breadcrubs__list:last-child::after {
     content: "";
     position: absolute;
     bottom: 8px;
     left: 0;
     width: 25px;
     height: 1px;
     background-color: #fff;
     z-index: 2
 }
 
 .light {
     opacity: 0.8
 }
 
 .arrow {
     -webkit-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     transition: .2s ease-in-out
 }
 
 .svg-center-arrows {
     -webkit-transition: 1s ease-in-out;
     -o-transition: 1s ease-in-out;
     transition: 1s ease-in-out
 }
 
 @-webkit-keyframes svg-arrow {
     0% {
         opacity: 1
     }
     30% {
         opacity: 0.83
     }
     60% {
         opacity: 1
     }
 }
 
 @keyframes svg-arrow {
     0% {
         opacity: 1
     }
     30% {
         opacity: 0.83
     }
     60% {
         opacity: 1
     }
 }
 
 .first__dealer {
     margin-top: 50px;
     padding-bottom: 40px;
     text-align: center
 }
 
 .first__title-text {
     font-size: 36px;
     line-height: 120%;
     text-align: center;
 }
 
 .section__title {
     text-align: center;
     font-size: 48px;
     line-height: 120%
 }
 
 .section__desc {
     font-size: 24px;
     line-height: 120%;
     text-align: center
 }
 
 .convertion__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-around;
 }
 
 .convertion .section__title {
     margin-bottom: 84px
 }
 
 .convertion {
     padding: 50px 0 50px 0
 }
 
 .add {
     background: #00406b;
     padding: 50px 0 50px 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center
 }
 
 .add__text {
     font-size: 18px;
     line-height: 120%;
     color: #fff;
     max-width: 1140px
 }
 
 .line .section__desc {
     margin-top: 20px
 }
 
 .line {
     padding: 50px 0 15px 0;
     background-color: #f8f8f8
 }
 
 #marmosetUI {
     background-color: rgba(0, 0, 0, 0.028);
     position: relative;
     cursor: pointer;
 }
 
 #marmosetUI::after {
     position: absolute;
     content: "";
     right: 100px;
     bottom: 70px;
     width: 162px;
     height: 150px;
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 100
 }
 
 #marmosetUI::before {
     position: absolute;
     content: "";
     left: 120px;
     top: 70px;
     width: 72px;
     height: 82px;
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 100
 }
 
 .add__wrapper {
     padding: 0px 0;
     background-color: #f8f8f8
 }
 
 .advantages {
     padding: 50px 0 50px 0
 }
 
 .advantages__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     align-items: center;
     margin: 0 auto;
     justify-content: center;
 }
 
 .advantages__block {
     width: 26%;
     margin: 0 2%;
     text-align: center;
     margin-top: 20px;
 }
 
 .advantages__title {
     min-height: 15px;
     line-height: 120%;
     font-size: 16px;
     margin-top: 15px;
 }
 
 .advantages__desc {
     font-size: 26px;
     line-height: 120%;
     margin-top: 31px
 }
 
 .advantages .advantages__desc {
     font-size: 16px;
     line-height: 120%
 }
 
 .advantages-reasons .section__title {
     line-height: 120%;
     margin-bottom: 25px
 }
 
 .advantages-order {
     background-color: #f8f8f8
 }
 
 .tools .container {
     overflow: visible !important
 }
 
 .tools.list .section__title {
     margin-bottom: 10px
 }
 
 .tools.list .tools__wrapper,
 .options .tools__wrapper {
     display: none
 }
 
 .tools.list .tools__wrapper.active,
 .options .tools__wrapper.active {
     display: block
 }
 
 .tools .section__desc {
     font-size: 24px;
     line-height: 120%
 }
 
 .tools {
     background: #f8f8f8;
     padding: 50px 0 50px 0
 }
 
 .tools__wrapper {
     overflow: visible !important;
     position: relative;
     padding: 0px;
     margin-top: 20px;
 }
 
 .tools .section__title {
     margin-bottom: 0px
 }
 
 .tools__list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: center;
 }
 
 .tools__block {
     width: 20%;
     background-color: #fff;
     margin: 1% 1%;
     text-align: center;
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
     box-shadow: 0px 0px 1px #aeaeae;
 }
 
 .tools__block-image img {
     width: 100%;
     max-width: 100%;
     max-height: 255px;
     min-height: 255px;
     -o-object-fit: cover;
     object-fit: cover
 }
 
 .tools__block-title {
     padding: 0 20px;
     font-size: 16px;
     line-height: 120%;
     height: 75px;
     background-color: #00406b;
     color: white;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .group {
     position: relative;
     margin-top: 30px;
     margin-bottom: 20px
 }
 
 .group input,
 .group textarea {
     font-size: 18px;
     padding: 10px 10px 10px 5px;
     display: block;
     width: 340px;
     border: none;
     border-bottom: 1px solid #757575;
     background: transparent
 }
 
 .bar {
     position: relative;
     display: block;
     width: 340px
 }
 
 .group input:focus,
 .group textarea:focus {
     outline: none
 }
 
 .group label {
     color: #999;
     font-size: 18px;
     font-weight: normal;
     position: absolute;
     pointer-events: none;
     left: 5px;
     top: 10px;
     -o-transition: 0.2s ease all;
     transition: 0.2s ease all;
     -moz-transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all
 }
 
 .group input:focus~label,
 .group textarea:focus~label,
 .group input:valid~label,
 .group textarea:valid~label {
     top: -20px;
     font-size: 14px;
     color: #5264AE
 }
 
 .bar:before,
 .bar:after {
     content: '';
     height: 2px;
     width: 0;
     bottom: 0;
     position: absolute;
     background: #5264AE;
     -o-transition: 0.2s ease all;
     transition: 0.2s ease all;
     -moz-transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all
 }
 
 .bar:before {
     left: 50%
 }
 
 .bar:after {
     right: 50%
 }
 
 .group input:focus~.bar:before,
 .group input:focus~.bar:after,
 .group textarea:focus~.bar:before,
 .group textarea:focus~.bar:after {
     width: 50%
 }
 
 .highlight {
     position: absolute;
     height: 60%;
     width: 100px;
     top: 25%;
     left: 0;
     pointer-events: none;
     opacity: 0.5
 }
 
 .group input:focus~.highlight,
 .group textarea:focus~.highlight {
     -webkit-animation: inputHighlighter 0.3s ease;
     animation: inputHighlighter 0.3s ease
 }
 
 @-webkit-keyframes inputHighlighter {
     from {
         background: #5264AE
     }
     to {
         width: 0;
         background: transparent
     }
 }
 
 @keyframes inputHighlighter {
     from {
         background: #5264AE
     }
     to {
         width: 0;
         background: transparent
     }
 }
 
 .form div {
     overflow: visible !important
 }
 
 .form {
     background-color: #00406B;
     padding: 50px 0 50px 0;
     color: #fff
 }
 
 .form__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start
 }
 
 .form .section__title {
     font-size: 18px;
     line-height: 120%;
     max-width: 474px;
     text-align: left
 }
 
 .form .section__desc {
     margin-top: 32px;
     font-size: 16px;
     line-height: 120%;
     max-width: 500px;
     text-align: left
 }
 
 .form__block:first-child {
     margin-top: 25px;
     margin-right: 25px;
 }
 
 .form__submit {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 770px;
     align-items: baseline;
 }
 
 .form__block-top-input.group input {
     font-size: 16px;
     padding: 10px;
     width: 100%;
     border-bottom: 1px solid #757575;
     background: #fff
 }
 
 .form__block-top-input.group label {
     color: #333232;
     font-size: 16px;
     left: 20px;
     top: 10px
 }
 
 .form__block-top-input .bar {
     position: relative;
     display: block;
     width: 100%
 }
 
 .form__block-top-input.group input:focus~label,
 .form__block-top-input.group input:valid~label {
     top: -36px;
     font-size: 20px;
     color: #fff;
     left: 0
 }
 
 .form__block-top-input .bar:before,
 .form__block-top-input .bar:after {
     background: rgba(203, 31, 39, 0.5)
 }
 
 .form__block-bottom-input.group input {
     font-size: 16px;
     padding: 10px;
     width: 355px;
     border-bottom: 1px solid #757575;
     background: #fff
 }
 
 .form__block-bottom-input.group label {
     color: #333232;
     font-size: 16px;
     left: 20px;
     top: 10px
 }
 
 .form__block-bottom-input .bar {
     position: relative;
     display: block;
     width: 355px
 }
 
 .form__block-bottom-input.group input:focus~label,
 .form__block-bottom-input.group input:valid~label {
     top: -36px;
     font-size: 20px;
     color: #fff;
     left: 0
 }
 
 .form__block-bottom-input .bar:before,
 .form__block-bottom-input .bar:after {
     background: rgba(203, 31, 39, 0.5)
 }
 
 .form__btn {
     margin-top: 0px;
     background-color: #cb1f27;
     padding: 15px 40px 15px 40px;
     font-size: 14px;
     line-height: 120%;
     position: relative;
     color: #fff;
     z-index: 0;
     border: none;
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out
 }
 
 .form__btn span {
     position: relative
 }
 
 .form__btn span::before {
     content: "";
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
     right: 0;
     margin: 0 auto;
     height: 1px;
     background-color: #e58f93;
     z-index: 1
 }
 
 .form__btn span::after {
     -webkit-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
     transition: 0.4s ease-in-out;
     content: "";
     position: absolute;
     left: 99%;
     bottom: -2px;
     width: 5px;
     height: 5px;
     background-color: #e58f93;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     z-index: 2
 }
 
 .form__btn:hover span::after {
     left: 0
 }
 
 .form__btn:hover {
     background-color: #F03C44
 }
 
 .video {
     padding: 20px 0 20px 0;
     margin: 0 auto;
 }
 
 .video video {
     display: block;
     margin-top: 0px;
     width: 100%;
     height: auto;
     outline: none
 }
 
 .video__wrapper {
     margin-top: 25px;
     position: relative
 }
 
 .video__play {
     position: unset !important
 }
 
 .video__play svg:hover .video-circle-svg {
     fill: #01305D
 }
 
 .video__play svg:hover .video-path-svg {
     fill: #fff
 }
 
 .video-circle-svg {
     -webkit-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     transition: .2s ease-in-out
 }
 
 .video-path-svg {
     -webkit-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     transition: .2s ease-in-out
 }
 
 .video__play svg {
     cursor: pointer;
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     margin: 0 auto;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     transition: .2s ease-in-out;
     width: 85px;
     height: 85px;
 }
 
 .slider__slide img {
     margin: 0 auto
 }
 
 .arrow-left,
 .arrow-right {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     cursor: pointer;
     z-index: 1;
 }
 
 .arrow-left svg,
 .arrow-right svg {
     width: 40px;
     height: 40px;
 }
 
 .arrow-left {
     left: -65px
 }
 
 .arrow-right {
     right: -65px
 }
 
 .slider .container {
     padding: 0 180px
 }
 
 .slider {
     background-color: #f8f8f8;
     padding: 50px 0 50px 0
 }
 
 .slider * {
     outline: none
 }
 
 .slider *:focus {
     outline: none;
     border: none
 }
 
 .slider *:active {
     outline: none;
     border: none
 }
 
 .slider__wrapper {
     margin-top: 70px;
     padding: 20px 10px
 }
 
 .slick-active:nth-of-type(2) {
     -webkit-transform: scale(1.51);
     -ms-transform: scale(1.51);
     transform: scale(1.51)
 }
 
 .mfp-bg {
     position: fixed !important
 }
 
 .mfp-wrap {
     position: fixed !important
 }
 
 .slider__slide a {
     display: block;
     margin: 0 auto;
     max-width: 40%;
     position: relative;
     outline: none;
 }
 
 .mfp-zoom-out-cur .header {
     top: -100%
 }
 
 .slick-track {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }
 
 .video .section__title {
     line-height: 120%
 }
 
 .slider__slide a img {
     max-width: 100%
 }
 
 .slider__slide a::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.1)
 }
 
 .slider__slide.slick-current.slick-active {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
 }
 
 .slider__slide {
     -webkit-transform: scale(0.87);
     -ms-transform: scale(0.87);
     transform: scale(0.87);
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
     outline: none;
 }
 
 .tools__nav {
     margin: 30px auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     border: none;
 }
 
 .tools__link {
     margin: 0 10px;
     font-size: 22px;
     color: #01305D;
     padding: 18px 60px;
     z-index: 3;
     position: relative;
     border: none;
     background-color: transparent;
 }
 
 .tools__link span {
     position: relative
 }
 
 .tools__link span::before {
     content: "";
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
     right: 0;
     margin: 0 auto;
     height: 1px;
     background-color: #000;
     z-index: 1
 }
 
 .tools__link span::after {
     -webkit-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
     content: "";
     position: absolute;
     left: 99%;
     bottom: -2px;
     width: 5px;
     height: 5px;
     background-color: #000;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     z-index: 2
 }
 
 .tools__link:hover span::after {
     left: 0
 }
 
 .tools__link.active {
     background: #CB1F27;
     color: #fff
 }
 
 .tools__link.active::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
     width: 0;
     bottom: -20px;
     border: 14px solid transparent;
     border-top: 10px solid #CB1F27
 }
 
 .tools__link.active span::before {
     content: none
 }
 
 .tools__link.active span::after {
     content: none
 }
 
 .tools__price-text {
     font-size: 68px;
     padding: 0 40px;
     line-height: 120%;
     text-align: center;
     color: #01305D
 }
 
 .tools__price {
     position: relative;
     z-index: 25
 }
 
 .form.step .section__title {
     max-width: 712px
 }
 
 .form.step .section__desc {
     max-width: 540px
 }
 
 .quest__content {
     padding: 50px 100px 50px 100px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
     text-align: center
 }
 
 .quest__text {
     font-size: 30px;
     line-height: 120%
 }
 
 .quest__text a {
     color: #00406B;
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
     position: relative;
 }
 
 .quest__text a::after {
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
     bottom: 0;
     width: 100%;
     height: 1px;
     background-color: rgba(0, 0, 0, 0.2)
 }
 
 .quest__text a:hover {
     color: #CB1F27
 }
 
 .footer {
     padding: 50px 0 50px 0;
     background-color: #00406B;
     color: #fff
 }
 
 .footer__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     align-items: flex-start;
 }
 
 .footer__logo {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-evenly;
 }
 
 .footer__logo-img img {
     width: 150px;
 }
 
 .footer__logo-img:first-child {
     margin-bottom: 30px;
 }
 
 .footer__logo-img:first-child img {
     height: 72px;
 }
 
 .footer__logo-img:last-child img {
     height: 44px;
 }
 
 .footer__link {
     line-height: 120%;
     font-size: 16px;
     position: relative
 }
 
 .footer__link:hover::after {
     background-color: rgba(255, 255, 255, 0.75)
 }
 
 .footer__link::after {
     -webkit-transition: 0.25s ease-in-out;
     -o-transition: 0.25s ease-in-out;
     transition: 0.25s ease-in-out;
     position: absolute;
     content: "";
     left: 0;
     right: 0;
     margin: 0 auto;
     bottom: 0;
     height: 1px;
     width: 100%;
     background-color: rgba(255, 255, 255, 0.25)
 }
 
 .footer__list {
     line-height: 120%;
     font-size: 16px;
     padding: 8px 0;
 }
 
 .footer__menu {
     padding: 0 20px
 }
 
 .footer__list.bold {
     font-size: 18px;
     margin-bottom: 12px
 }
 
 .footer__block.contact .footer__link {
     line-height: 120%;
     font-size: 16px
 }
 
 .footer__wrapper:last-child {
     margin-top: 77px
 }
 
 .footer__block-text {
     font-size: 16px;
     line-height: 130%
 }
 
 .footer__socials {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }
 
 .footer__socials a img {
     display: block;
     width: 60px;
 }
 
 .footer__social {
     margin-left: 30px
 }
 
 .footer__social:first-child {
     margin-left: 0
 }
 
 .footer__back-to-top-link {
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out
 }
 
 .footer__back-to-top-link:hover {
     opacity: .7
 }
 
 .footer__back-to-top {
     margin-left: 135px
 }
 
 .tools__block:hover {
     -webkit-transform: scale(1.03);
     -ms-transform: scale(1.03);
     transform: scale(1.03)
 }
 
 .tools__block:hover .tools__block-btn {
     opacity: 1
 }
 
 .tools__block-btn {
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
     opacity: 0;
     background-color: #CB1F27;
     color: #fff;
     padding: 20px;
     width: 100%;
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }
 
 .tools__block-btn:hover {
     background-color: #F03C44
 }
 
 .tools__block-btn:hover .tools__block-btn-text::after {
     left: 0
 }
 
 .tools__block-btn-text {
     padding-bottom: 4px;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     text-align: center;
     font-size: 24px;
     position: relative;
     z-index: 3
 }
 
 .tools__block-btn-text::before {
     content: "";
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
     right: 0;
     margin: 0 auto;
     height: 1px;
     background-color: #e58f93;
     z-index: 1
 }
 
 .tools__block-btn-text::after {
     -webkit-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
     transition: 0.4s ease-in-out;
     content: "";
     position: absolute;
     left: 99%;
     bottom: -2px;
     width: 5px;
     height: 5px;
     background-color: #e58f93;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     z-index: 2
 }
 
 .popup-wrapper {
     width: 100%;
     height: 100vh;
     background-color: #f8f8f8;
     padding-bottom: 30px
 }
 
 .mfp-container {
     padding: 0;
 }
 
 .search-head {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start
 }
 
 .popup-wrapper .container {
     padding-top: 32px;
     padding-bottom: 32px
 }
 
 .search-head img {
     display: block
 }
 
 .popup-wrapper {
     background-color: #f8f8f8
 }
 
 .search__text {
     font-size: 30px;
     color: #01305D;
     width: 100%;
     text-align: left;
 }
 
 .search__wrapper {
     width: 100%;
     margin-top: 60px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     flex-direction: column;
 }
 
 .search__btn {
     margin-top: 20px;
 }
 
 #search .group {
     width: 100%;
 }
 
 #search .group input {
     font-size: 32px;
     padding: 30px 37px;
     width: 100%;
     border-bottom: 1px solid #fff;
     background: #fff;
 }
 
 #search .bar {
     position: relative;
     display: block;
     width: 100%
 }
 
 #search .group input:focus~label,
 #search.group input:valid~label {
     top: -50px;
     font-size: 28px;
     color: #01305D;
     left: 0
 }
 
 #search .bar:before,
 #search .bar:after {
     background: rgba(203, 31, 39, 0.5)
 }
 
 .mfp-ready {
     position: fixed !important
 }
 
 .question__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-top: 110px
 }
 
 .question__content {
     padding: 75px 0
 }
 
 .select-hidden {
     display: none;
     visibility: hidden;
     padding-right: 10px
 }
 
 .select {
     cursor: pointer;
     display: inline-block;
     position: relative;
     font-size: 22px;
     color: rgba(0, 0, 0, 0.59);
     width: 100%;
     height: 93px
 }
 
 .select-styled {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: #fff;
     padding: 30px 30px
 }
 
 .select-styled:after {
     content: "";
     width: 20px;
     height: 11px;
     background: url(../images/arrow-select.png) center/cover no-repeat;
     position: absolute;
     top: 38px;
     right: 30px
 }
 
 .select-styled:hover {
     background-color: #fafafa
 }
 
 .select-styled:active,
 .select-styled.active {
     background-color: #fff
 }
 
 .select-styled:active:after,
 .select-styled.active:after {
     top: 33px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg)
 }
 
 .select .select-options {
     display: none;
     position: absolute;
     top: 100%;
     right: 0;
     left: 0;
     z-index: 999;
     margin: 0;
     padding: 0;
     list-style: none;
     background-color: #fff;
     overflow-y: auto;
     max-height: 320px
 }
 
 .select .select-options li {
     margin: 0;
     padding: 30px 20px;
     text-indent: 15px;
     border-top: 1px solid #e6e6e6
 }
 
 .select .select-options li:hover {
     color: #333;
     background: #f7f7f7
 }
 
 .select .select-options li[rel="hide"] {
     display: none
 }
 
 .select .select-options::-webkit-scrollbar-track {
     background-color: #F8F8F8
 }
 
 .select .select-options::-webkit-scrollbar {
     width: 12px;
     background-color: #F8F8F8
 }
 
 .select .select-options::-webkit-scrollbar-thumb {
     background-color: #E3E3E3
 }
 
 .footer__social {
     -webkit-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out
 }
 
 .footer__social:hover {
     opacity: .7
 }
 
 .footer__social.yt path {
     -webkit-transition: 0.35s ease-in-out;
     -o-transition: 0.35s ease-in-out;
     transition: 0.35s ease-in-out
 }
 
 .footer__social.yt:hover path:nth-child(4) {
     fill: red
 }
 
 .footer__social.yt:hover path:nth-child(5) {
     fill: red
 }
 
 .footer__social.yt:hover path:nth-child(6) {
     fill: red
 }
 
 .footer__social.yt:hover {
     opacity: 1
 }
 
 .footer__soc-link svg {
     display: block;
     width: 40px;
 }
 
 .mfp-fade.mfp-bg {
     opacity: 0;
     background: #000;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s
 }
 
 .mfp-fade.mfp-bg.mfp-ready {
     opacity: .5
 }
 
 .mfp-fade.mfp-bg.mfp-removing {
     opacity: 0
 }
 
 .mfp-fade.mfp-wrap .mfp-content {
     opacity: 0;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s
 }
 
 .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
     opacity: 1
 }
 
 .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
     opacity: 0
 }
 
 #menuToggle input {
     display: none
 }
 
 input,
 a {
     -webkit-tap-highlight-color: transparent
 }
 
 .fixed-page {
     max-height: 100vh !important;
     overflow: hidden !important
 }
 
 .slick-active:nth-of-type(2) {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
 }
 
 .slick-dots {
     position: absolute;
     z-index: 10;
     left: 0;
     right: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: 0 auto;
     bottom: -50px
 }
 
 .slick-dots button {
     font-size: 0;
     padding: 4px;
     width: 10px;
     height: 10px;
     background: rgba(0, 0, 0, 0.17);
     border-radius: 50%;
     border: none;
     margin: 0 5px
 }
 
 .mfp-wrap {
     top: 0px !important
 }
 
 #menu {
     position: relative
 }
 
 .header__burger-logo {
     position: absolute;
     top: 15px;
     left: 40px;
     display: none;
 }
 
 .header__burger-logo img {
     display: block;
     max-width: 90px;
     margin-top: 20px;
 }
 
 .slick-arrow svg path {
     -webkit-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     transition: .2s ease-in-out
 }
 
 .slick-arrow svg:hover path {
     fill: #01305D
 }
 
 .model--white~div>#marmosetUI {
     background-color: rgba(0, 0, 0, 0) !important
 }
 
 .main-lines {
     background-color: #F8F8F8
 }
 
 .main-lines__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 .main-lines__block {
     background-color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     box-shadow: 0px 0px 1px #aeaeae;
 }
 
 .main-lines .section__title {
     margin-bottom: 3%
 }
 
 .main-lines__desc p {
     font-size: 18px;
     line-height: 120%;
     padding: 0 10%;
     text-align: center;
     font-size: 16px;
 }
 
 .main-lines__image {
     padding: 5%
 }
 
 .main-lines__image img {
     width: 100%;
     max-width: 100%;
     min-width: 100%;
     height: auto
 }
 
 .main-lines__price {
     margin: 30px 0 40px 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 5.5%
 }
 
 .main-lines__total {
     font-size: 24px;
     line-height: 120%;
     color: #01305D;
     margin-bottom: 10px;
 }
 
 .main-lines__box {
     font-size: 16px;
     line-height: 120%
 }
 
 .main-lines__link {
     text-align: center;
     margin-top: 20px;
 }
 
 .main-lines .slick-track {
     background-color: #fff
 }
 
 .page-main.advantages {
     padding: 50px 0 50px 0
 }
 
 .page-main.advantages .advantages__image img {
     height: 70px;
     width: auto
 }
 
 .page-main.advantages .section__title {
     margin-bottom: 2%
 }
 
 .add.page-main .container {
     padding: 0 6%
 }
 
 .add.page-main .add__text {
     max-width: none;
     padding: 5px;
 }
 
 .page-main .tools__wrapper {
     padding-bottom: 0
 }
 
 .page-main .tools__wrapper::after {
     content: none
 }
 
 .tools.page-main {
     padding: 50px 0 50px 0;
     background-color: #f8f8f8;
 }
 
 .main-lines__block:hover {
     -webkit-transform: scale(1.01);
     -ms-transform: scale(1.01);
     transform: scale(1.01)
 }
 
 .main-lines__block {
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out
 }
 
 .dots-enable .slick-dots {
     display: none !important
 }
 
 .tools.page-main .tools__block-image img {
     max-height: none !important;
     height: auto !important
 }
 
 .page-main .section__desc {
     margin-bottom: 30px
 }
 
 .news.tools.page-main {
     background-color: #fff
 }
 
 .news.tools.page-main .tools__wrapper {
     background-color: #fff
 }
 
 .news.tools.page-main .tools__list {
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch
 }
 
 .news__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-top: 80px;
     width: 100%
 }
 
 .news__block {
     width: 18%;
     margin: 0 3.5%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
 }
 
 .news__image img {
     display: block;
     width: 100%;
     max-width: 100%;
     height: auto
 }
 
 .news__desc {
     margin-top: 20px;
     font-size: 26px;
     line-height: 120%;
     font-size: 16px;
     text-align: center
 }
 
 .first.page-dillers {
     margin-top: 60px
 }
 
 .convertion.main-lines.dillers {
     padding-top: 50px;
     background-color: transparent
 }
 
 .convertion.main-lines.dillers .section__desc {
     padding: 0 280px
 }
 
 .convertion.main-lines.dillers .main-lines__block:hover {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none
 }
 
 .convertion.main-lines.dillers .main-lines__image img {
     max-width: 100%;
     min-width: auto;
     width: auto;
     margin: 0 auto;
     max-height: 70px;
 }
 
 .convertion.main-lines.dillers .convertion__container {
     margin-top: 80px
 }
 
 .convertion.main-lines.dillers .main-lines__block {
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start
 }
 
 .main-lines__image {
     text-align: center
 }
 
 .tools.list.white {
     background-color: #fff;
     padding: 50px 0 50px 0;
 }
 
 .tools.list.white .tools__wrapper {
     background-color: #fff
 }
 
 .tools.list.white .tools__wrapper::after {
     content: none
 }
 
 .tools.list.white .advantages__title {
     font-size: 20px;
 }
 
 .slider-dillers__image img {
     margin: 0 auto;
     height: auto;
     display: block;
     max-height: 400px;
 }
 
 .slider.image {
     background-color: #fff;
     margin-bottom: 80px;
 }
 
 .slider.image .section__title {
     margin-bottom: 20px
 }
 
 .first.page-vacancies {
     padding-bottom: 0
 }
 
 .tools.page-vacancies .tools__block-image {
     margin-bottom: 0
 }
 
 .tools.page-vacancies .tools__block-title {
     margin: 20px 0 20px 0
 }
 
 .contacts {
     margin: 50px 0 50px 0
 }
 
 .contacts__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-around;
 }
 
 .contacts__inner:nth-child(1) {
     margin-right: 50px
 }
 
 .contacts__inner {
     max-width: 60%
 }
 
 .contacts__block {
     margin-top: 35px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }
 
 .contacts__suptitle {
     font-size: 32px;
     line-height: 120%;
     margin-bottom: 8px
 }
 
 .contacts__text {
     font-size: 20px;
     line-height: 120%
 }
 
 .contacts a.contacts__text {
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out
 }
 
 .contacts a.contacts__text:hover {
     opacity: .7
 }
 
 .contacts__map iframe {
     display: block;
     height: calc(100vw / 3.622)
 }
 
 .add.margin-top {
     margin-top: 30px
 }
 
 .vacancy-req__desc {
     font-size: 16px;
     margin-top: 9px;
     line-height: 180%
 }
 
 .template-container {
     padding: 50px 0 50px 0
 }
 
 .vacancy-req__block {
     max-width: 70%;
     margin-top: 110px
 }
 
 .vacancy-req__block:first-child {
     margin-top: 0
 }
 
 .header__nav.mobile {
     display: none
 }
 
 .header__nav.mobile .header__link {
     font-size: 18px
 }
 
 .title.grey,
 .filter.grey,
 .catalog.grey {
     background-color: #f8f8f8;
 }
 
 .title {
     padding-top: 30px
 }
 
 .title .section__desc {
     padding-top: 18px;
 }
 
 .filter__menu .section__desc {
     margin: 10px 0px 10px 0;
     padding-left: 14px
 }
 
 .filter__menu:nth-child(1) {
     padding-top: 20px
 }
 
 .filter__list {
     margin: 5px 0px 5px 0
 }
 
 .filter__list:last-child {
     margin-right: 0px
 }
 
 .filter__link {
     padding: 11px 14px;
     font-size: 16px;
     color: #01305D;
     z-index: 3;
     position: relative;
 }
 
 .filter__link span {
     position: relative
 }
 
 .filter__link span::before {
     content: "";
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
     right: 0;
     margin: 0 auto;
     height: 1px;
     background-color: #000;
     z-index: 1
 }
 
 .filter__link span::after {
     -webkit-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
     content: "";
     position: absolute;
     left: 99%;
     bottom: -2px;
     width: 5px;
     height: 5px;
     background-color: #000;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     z-index: 2
 }
 
 .filter__link:hover span::after {
     left: 0
 }
 
 .filter__link.active {
     background: #CB1F27;
     color: #fff
 }
 
 .filter__link.active::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
     width: 0;
     bottom: -20px;
     border: 14px solid transparent;
     border-top: 10px solid #CB1F27
 }
 
 .filter__link.active span::before {
     content: none
 }
 
 .filter__link.active span::after {
     content: none
 }
 
 .catalog__list {
     display: flex;
     flex-wrap: wrap;
     padding-bottom: 40px;
     column-gap: 1%;
 }
 
 .catalog__list.offers__list__slider {
     padding-bottom: 0;
     width: 92%;
     margin: 0 auto;
 }
 
 .catalog__product {
     box-shadow: 0px 0px 1px #aeaeae;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     -webkit-box-pack: justify;
     width: 24.2%;
     background-color: #fff;
     display: flex;
     justify-content: space-between;
     margin-bottom: 1%;
 }
 
 .offers__list__slider .catalog__product {
     margin-left: 5px;
     margin-right: 5px;
 }
 
 .catalog__image img {
     margin: auto;
     display: block;
     max-width: 100%;
     width: 100%;
     object-fit: contain;
     height: 270px;
 }
 
 .catalog__name {
     line-height: 110%;
     font-size: 1em;
     padding: 1%;
 }
 
 .catalog__desc {
     margin-top: 18px;
     font-size: 18px;
     line-height: 120%
 }
 
 .catalog__info {
     margin-top: 20px;
     display: flex;
     -webkit-box-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     align-items: center;
     flex-direction: column;
     margin-bottom: 10px;
 }
 
 .catalog__total-text {
     font-size: 16px;
     text-align: center;
 }
 
 .catalog__button {
     text-align: center;
     width: 45%;
 }
 
 .catalog__link {
     width: 100%;
     padding: 11px 15px;
     border: 1px solid #cb1f27;
 }
 
 .one__click__link {
     background-color: white;
     border: 1px solid #cb1f27;
     color: #000;
     width: 100%;
     padding: 9px 14px;
 }
 
 .title__block {
     margin: 0 auto;
 }
 
 .tools.white {
     background-color: #fff
 }
 
 .reting-head {
     font-size: 0.9em;
 }
 
 .tools.primary .slick-dots {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
 }
 
 .product__picture {
     text-align: center
 }
 
 .product__picture img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
     padding: 30px;
 }
 
 .product__wrapper {
     width: 50%;
     margin: 0 auto;
     padding-right: 75px;
     min-width: 50%;
 }
 
 .mfp-figure:after {
     content: '';
     position: absolute;
     left: 0;
     top: 40px;
     bottom: 40px;
     display: block;
     right: 0;
     width: auto;
     height: auto;
     z-index: -1;
     -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     background: #fff
 }
 
 .mfp-figure {
     padding: 3%
 }
 
 .char__title {
     font-size: 18px;
     line-height: 120%;
     text-align: center;
 }
 
 .char__list {
     position: relative;
     display: flex;
     justify-content: space-between;
     width: 96%;
     padding-top: 10px;
     padding-bottom: 10px;
     font-size: .8em;
     line-height: 120%;
 }
 
 .char__list::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     margin: 0 auto;
     width: 100%;
     height: 2px;
     background-color: #e3e3e3
 }
 
 .char__menu {
     padding: 15px;
     width: 100%;
     margin: 0 auto;
     margin-top: 65px;
     position: absolute;
     left: 0;
     background-color: white;
     z-index: 100;
     border: 1px solid black;
     box-shadow: 2px 2px 10px lightgray;
     transition: 0.3s ease opacity;
     top: -999999px;
 }
 
 .char__price-total {
     font-size: 30px;
     line-height: 120%;
     color: #01305D;
     text-align: center
 }
 
 .char__price {
     margin-top: 20px
 }
 
 .char__btn {
     margin-top: 20px;
     text-align: center
 }
 
 .char {
     background-color: #f8f8f8
 }
 
 p.vacancy-req__desc {
     line-height: 160%;
 }
 
 .options.grey {
     background-color: #f8f8f8
 }
 
 .options__block {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
 }
 
 .options__image img {
     display: block;
     max-width: 100%;
     height: auto
 }
 
 .options__inner {
     width: 45%;
     margin: 0 2.5%
 }
 
 .options__desc-title {
     font-size: 26px;
     line-height: 120%
 }
 
 .options__desc-text {
     font-size: 22px;
     line-height: 140%;
     margin-top: 25px;
 }
 
 .delivery__gallery {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: nowrap;
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 .delivery__image {
     margin: 0;
     display: flex;
     justify-content: center;
 }
 
 .delivery__image img {
     max-width: 60%;
     height: auto;
     display: block;
     width: auto;
 }
 
 .select-styled.active~.select-options li:nth-child(1) {
     display: none
 }
 
 .options .tools__wrapper::after {
     content: none
 }
 
 .demand__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start
 }
 
 .demand__block {
     width: 15%;
     margin: 35px 0.8%
 }
 
 .demand__block-title {
     font-size: calc(28px + 30 * ((100vw - 860px) / 1060))
 }
 
 .demand__block-el {
     font-size: 20px;
     line-height: 140%
 }
 
 .demand__block-list {
     margin-top: 20px
 }
 
 .demand {
     padding: 70px 0 105px 0
 }
 
 .service__textarea .group,
 .service__input .group {
     margin: 0
 }
 
 .service__textarea .group textarea {
     min-height: 370px
 }
 
 .service__input .group input,
 .service__input .bar,
 .service__textarea .group textarea,
 .service__textarea .bar {
     width: 100%
 }
 
 .service__input .group input,
 .service__textarea .group textarea {
     border: none;
     background: #F2F2F2;
     width: 100%;
     padding: 20px;
 }
 
 .service__input .group label,
 .service__textarea .group label {
     left: 20px;
     top: 20px
 }
 
 .service__input .group label,
 .service__textarea .group label,
 .service__input .group input,
 .service__textarea .group textarea {
     color: rgba(0, 0, 0, 0.7);
     font-size: 22px
 }
 
 .service__input .group input:focus~label,
 .service__input .group input:valid~label,
 .service__textarea .group textarea:focus~label,
 .service__textarea .group textarea:valid~label {
     top: -30px;
     left: 0;
     font-size: 18px;
     color: rgba(0, 0, 0, 0.7)
 }
 
 .service__input .bar:before,
 .service__input .bar:after,
 .service__textarea .bar:before,
 .service__textarea .bar:after {
     background: #CB1F27
 }
 
 .service__input:nth-child(2) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 .service__input:nth-child(2) .group {
     margin-top: 3%;
     margin-bottom: 3%;
     width: 48.5%
 }
 
 .service__button {
     margin-top: 70px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center
 }
 
 .custom_input #file {
     display: none;
     margin: 0 auto
 }
 
 .service__upload-img img {
     display: block;
     margin: 60px auto
 }
 
 .service__upload-img img.hidden {
     display: none
 }
 
 .service {
     padding: 80px 0 160px 0
 }
 
 .service__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }
 
 .vacancy-req__desc.center {
     text-align: center;
     padding-right: 0;
     padding-top: 18px
 }
 
 .section__title.left {
     text-align: left
 }
 
 .vacancy-req__desc a {
     color: #00406B;
     border-bottom: 1px solid #00406B;
     line-height: 120%
 }
 
 .vacancy-req__desc a:hover {
     border-bottom: 1px solid transparent
 }
 
 .title.page-search .title__block {
     max-width: none
 }
 
 .title.page-search .section__desc {
     color: rgba(0, 0, 0, 0.59);
     text-align: left
 }
 
 .scroll-lock {
     overflow: hidden;
 }
 
 html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     scroll-behavior: smooth;
 }
 
 body,
 .advantages__desc,
 .form__block-top-input.group input,
 .form__block-bottom-input.group input,
 .footer__list,
 .footer__block.contact .footer__link,
 .footer__block-text,
 #search .group input,
 .select,
 .demand__block-el {
     font-family: "Regular";
     font-weight: 400;
 }
 
 .default-btn span,
 .section__title,
 .form .section__title,
 .form__btn,
 .tools__link,
 .tools__block-btn-text,
 .search__text,
 .vacancy-req__title,
 .extra-bold,
 .filter__link,
 .char__title,
 .demand__block-title {
     font-family: "ExtraBold";
     font-weight: 800;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0;
 }
 
 * ul,
 * li,
 * ol {
     padding: 0;
     margin: 0;
     list-style: none;
 }
 
 *,
 *:after,
 *:before {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .header__logo img {
     padding: 10px;
     width: 120px;
     height: 90px;
     max-width: 120px;
     display: block;
 }
 
 .header__question {
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
     background-color: #cb1f27;
     height: 100%;
     width: 20%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: .3s ease-in-out;
     color: white;
     border: none;
 }
 
 .vacancy-req__title {
     font-size: 20px;
     margin-bottom: 2%;
 }
 
 .filter__menu {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-top: 35px;
 }
 
 .header__link,
 .header__search-inner:nth-child(2) {
     font-size: 18px;
 }
 
 @media (max-width: 1240px) {
     .header__logo img {
         width: 110px;
     }
     .header__question-text {
         font-size: 14px;
     }
     .header__question-text::after {
         bottom: -1px;
         width: 3px;
         height: 3px;
     }
 }
 
 @media (max-width: 1040px) {
     .header__logo img {
         width: 88px;
         height: 66px;
     }
 }
 
 @media (max-width: 860px) {
     .header__logo img {
         padding: 5px;
         width: 80px;
         height: 62px;
     }
     .header__burger-logo {
         display: block;
     }
     #menuToggle input {
         display: block;
     }
     #menuToggle {
         position: absolute;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
         right: 30px;
         display: block;
         z-index: 10;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
     }
     #menuToggle input {
         display: block;
         width: 44px;
         height: 47px;
         position: absolute;
         cursor: pointer;
         opacity: 0;
         z-index: 20;
         -webkit-touch-callout: none;
     }
     #menuToggle span {
         display: block;
         width: 44px;
         height: 5px;
         margin-bottom: 8px;
         margin-top: 8px;
         position: relative;
         background: #fff;
         border-radius: 3px;
         z-index: 10;
         -webkit-transform-origin: 4px 0px;
         -ms-transform-origin: 4px 0px;
         transform-origin: 4px 0px;
         -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
         transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
         -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
         transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
         transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
     }
     #menuToggle span:first-child {
         -webkit-transform-origin: 0% 0%;
         -ms-transform-origin: 0% 0%;
         transform-origin: 0% 0%
     }
     #menuToggle span:nth-last-child(2) {
         -webkit-transform-origin: 0% 100%;
         -ms-transform-origin: 0% 100%;
         transform-origin: 0% 100%
     }
     #menuToggle input:checked~span {
         margin-left: 8px;
         opacity: 1;
         -webkit-transform: rotate(45deg) translate(-2px, -1px);
         -ms-transform: rotate(45deg) translate(-2px, -1px);
         transform: rotate(45deg) translate(-2px, -1px);
         background: #00406B;
         height: 3px;
         margin-bottom: 10px;
         margin-top: 10px;
     }
     #menuToggle input:checked~span:nth-last-child(3) {
         opacity: 0;
         -webkit-transform: rotate(0deg) scale(0.2, 0.2);
         -ms-transform: rotate(0deg) scale(0.2, 0.2);
         transform: rotate(0deg) scale(0.2, 0.2);
     }
     #menuToggle input:checked~span:nth-last-child(2) {
         opacity: 1;
         -webkit-transform: rotate(-45deg) translate(0, -1px);
         -ms-transform: rotate(-45deg) translate(0, -1px);
         transform: rotate(-45deg) translate(0, -1px);
     }
     #menu {
         position: absolute;
         top: -25px;
         right: -30px;
         width: 320px;
         padding-top: 120px;
         background-color: #F8F8F8;
         color: #232323;
         list-style-type: none;
         -webkit-font-smoothing: antialiased;
         -webkit-transform-origin: 0% 0%;
         -ms-transform-origin: 0% 0%;
         transform-origin: 0% 0%;
         -webkit-transform: translate(100%, 0);
         -ms-transform: translate(100%, 0);
         transform: translate(100%, 0);
         -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
         transition: top 0.3s ease-in-out, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
         -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), top 0.3s ease-in-out;
         transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), top 0.3s ease-in-out;
         transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), top 0.3s ease-in-out, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
         -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.25);
         box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.25);
         height: 100vh;
         max-height: 100vh;
         min-height: 100vh;
         overflow: hidden;
     }
     #menuToggle input:checked~#menu {
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         opacity: 1;
     }
     .header__menu-inner {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }
     .header__menu {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
     .header__list {
         margin: 0;
     }
     .header__nav {
         margin: 0;
     }
     .header .container {
         -webkit-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
         transition: .3s ease-in-out;
     }
     .header__menu-inner path {
         fill: #232323;
     }
     .header__search-icon path {
         fill: #00406B;
     }
     .header__link,
     .header__search-inner:nth-child(2) {
         color: #00406B;
         font-size: 22px;
     }
     .header__link::after,
     .header__search-inner:nth-child(2)::after {
         -webkit-transition: all 0.3s ease-in-out 0s;
         -o-transition: all 0.3s ease-in-out 0s;
         transition: all 0.3s ease-in-out 0s;
         content: "";
         position: absolute;
         left: 0px;
         right: 0px;
         margin: 0px auto;
         bottom: 0px;
         width: 100%;
         height: 1px;
         border-bottom: 1px solid rgba(1, 48, 93, 0.75);
         background-color: transparent;
     }
     .header__link:hover::after,
     .header__search-inner:nth-child(2):hover::after {
         border-bottom: 1px solid rgba(1, 48, 93, 0.75);
         background-color: transparent;
     }
     .header__link:hover,
     .header__search-inner:nth-child(2):hover {
         opacity: .5;
     }
     .header__list {
         padding: 8px 40px;
     }
 }
 
 @media (max-width: 1680px) {
     .slider-main .next {
         margin-left: 850px;
     }
     .breadcrubs__list::after {
         bottom: 6px;
         right: -22px;
         width: 50px;
         height: 1px;
     }
     .breadcrubs__list::before {
         bottom: 4px;
         left: 20px;
         width: 5px;
         height: 5px;
     }
     .breadcrubs__list:last-child::before {
         bottom: 4px;
         left: 25px;
         width: 5px;
         height: 5px;
     }
     .breadcrubs__list:last-child::after {
         bottom: 6px;
         left: 0;
         width: 25px;
         height: 1px;
     }
 }
 
 @media (max-width: 1440px) {
     .breadcrubs__list {
         padding: 8px 12px;
         font-size: 18px;
         line-height: 140%
     }
 }
 
 @media (max-width: 1280px) {
     .breadcrubs {
         padding-top: 130px;
     }
     .breadcrubs__list {
         padding: 8px 15px;
         font-size: 16px;
     }
 }
 
 @media (max-width: 1040px) {
     .breadcrubs__list {
         padding: 7px 14px;
         font-size: 14px;
     }
     .breadcrubs__list::after {
         bottom: 5px;
         right: -22px;
         width: 50px;
         height: 1px;
     }
     .breadcrubs__list:last-child::before {
         bottom: 4px;
         left: 25px;
         width: 3px;
         height: 3px;
     }
     .breadcrubs__list:last-child::after {
         bottom: 5px;
         left: 0;
         width: 25px;
         height: 1px;
     }
 }
 
 @media (max-width: 860px) {
     .breadcrubs {
         padding-top: 30px;
     }
     .breadcrubs__list {
         padding: 6px 10px;
         font-size: 12px;
     }
     .breadcrubs__list::before {
         bottom: 4px;
         left: 14px;
         width: 3px;
         height: 3px;
     }
     .breadcrubs__list::after {
         bottom: 5px;
         right: -15px;
         width: 32px;
         height: 1px;
     }
     .breadcrubs__list:first-child {
         padding-left: 12px;
     }
     .breadcrubs__list:last-child {
         padding-right: 12px;
     }
     .breadcrubs__list:last-child::before {
         bottom: 4px;
         left: 14px;
         width: 3px;
         height: 3px;
     }
     .breadcrubs__list:last-child::after {
         bottom: 5px;
         left: 0;
         width: 14px;
         height: 1px;
     }
 }
 
 @media (max-width: 580px) {
     .breadcrubs__list {
         padding: 4px 8px;
         font-size: 10px;
     }
 }
 
 @media (max-width: 420px) {
     .breadcrubs__list {
         padding: 4px;
         font-size: 10px;
     }
 }
 
 @media (max-width: 520px) {
     #menu {
         width: 100vw;
     }
 }
 
 @media (max-width: 480px) {
     #menuToggle {
         right: 20px;
     }
     #menu {
         right: -20px;
     }
     #menuToggle span {
         width: 38px;
         height: 4px;
     }
     #menuToggle input {
         display: block;
         width: 38px;
         height: 44px;
     }
     #menuToggle span {
         margin-bottom: 7px;
         margin-top: 7px;
     }
     #menuToggle input:checked~span {
         height: 2px;
         margin-bottom: 9px;
         margin-top: 9px;
     }
 }
 
 @media (max-width: 380px) {
     #menuToggle {
         right: 15px;
     }
     #menu {
         right: -15px;
     }
     #menuToggle span {
         width: 32px;
         height: 3px;
     }
     #menuToggle input {
         display: block;
         width: 32px;
         height: 32px;
     }
     #menuToggle span {
         margin-bottom: 6px;
         margin-top: 6px;
     }
     #menuToggle input:checked~span {
         height: 2px;
         margin-bottom: 7px;
         margin-top: 7px;
     }
     .header__link,
     .header__search-inner:nth-child(2) {
         font-size: 20px;
     }
     .header__list {
         padding: 8px 30px;
     }
     .header__search {
         display: block;
         margin: 0 auto 20px 30px;
     }
 }
 
 @media (max-width: 1919px) {
     .section__desc,
     .tools .section__desc {
         font-size: 24px;
     }
 }
 
 .marm {
     width: auto;
     margin: 20px auto;
 }
 
 @media (max-width: 960px) {
     .top-head {
         font-size: 10px;
     }
     .main-lines__desc p {
         font-size: 12px;
     }
     .main-lines__total {
         font-size: 12px;
     }
     .main-lines__box {
         font-size: 12px;
     }
     .section__desc,
     .tools .section__desc {
         font-size: 20px;
     }
 }
 
 @media (max-width: 640px) {
     .first__title-text {
         font-size: 26px;
     }
 }
 
 @media (max-width: 520px) {
     .section__desc,
     .tools .section__desc {
         font-size: 16px;
     }
 }
 
 @media (max-width: 375px) {
     .section__title,
     .quest__text {
         font-size: 20px;
     }
 }
 
 @media (max-width: 860px) {
     .arrow-left.slick-arrow-slide {
         left: -75px;
     }
     .arrow-right.slick-arrow-slide {
         right: -75px;
     }
 }
 
 @media (max-width: 640px) {
     .slick-arrow-slide svg {
         width: 32px;
         height: 32px;
     }
     .arrow-left.slick-arrow-slide {
         left: -50px;
     }
     .arrow-right.slick-arrow-slide {
         right: -50px;
     }
 }
 
 @media (max-width: 480px) {
     .arrow-left.slick-arrow-slide {
         left: -40px;
     }
     .arrow-right.slick-arrow-slide {
         right: -40px;
     }
     .slick-arrow-slide svg {
         width: 28px;
         height: 28px;
     }
 }
 
 @media (max-width: 375px) {
     .slick-dots button {
         width: 7px;
         height: 7px;
         padding: 2px;
         margin: 0 4px;
     }
     .slick-arrow-slide svg {
         width: 20px;
         height: 20px;
     }
 }
 
 @media (max-width: 860px) {
     .convertion__container {
         padding: 0 40px;
     }
     .convertion__wrapper {
         text-align: center;
         display: flex;
         align-content: center;
         justify-content: space-between;
     }
     .convertion .section__title {
         margin-bottom: 74px;
     }
 }
 
 @media (max-width: 640px) {
     .convertion .section__title {
         margin-bottom: 70px;
     }
     .convertion__container {
         padding: 0 0px;
     }
 }
 
 @media (max-width: 480px) {
     .convertion .section__title {
         margin-bottom: 60px;
     }
     .convertion__container {
         padding: 0 0px;
     }
 }
 
 @media (max-width: 375px) {
     .convertion .section__title {
         margin-bottom: 50px;
     }
 }
 
 @media (max-width: 1919px) {
     .add {
         padding: 50px 0 50px 0;
     }
     .add__text {
         padding: 0 10px;
     }
     .line .section__desc {
         margin-top: 16px;
     }
     #marmosetUI::before {
         left: 110px;
         top: 60px;
         width: 70px;
         height: 78px;
     }
     #marmosetUI::after {
         right: 90px;
         bottom: 60px;
         width: 155px;
         height: 145px;
     }
 }
 
 @media (max-width: 1680px) {
     .add {
         padding: 50px 0 50px 0;
     }
     .line .section__desc {
         margin-top: 14px;
     }
     #marmosetUI::before {
         left: 90px;
         top: 50px;
         width: 60px;
         height: 68px;
     }
     #marmosetUI::after {
         right: 90px;
         bottom: 50px;
         width: 140px;
         height: 130px;
     }
 }
 
 @media (max-width: 1440px) {
     .add {
         padding: 50px 0 50px 0;
     }
     .line .section__desc {
         margin-top: 12px;
     }
     #marmosetUI::before {
         left: 60px;
         top: 50px;
         width: 56px;
         height: 64px;
     }
     #marmosetUI::after {
         right: 60px;
         bottom: 50px;
         width: 130px;
         height: 124px;
     }
 }
 
 @media (max-width: 1280px) {
     .add {
         padding: 50px 0 50px 0;
     }
     .line .section__desc {
         margin-top: 8px;
     }
     #marmosetUI::before {
         left: 50px;
         top: 40px;
         width: 50px;
         height: 58px;
     }
     #marmosetUI::after {
         right: 50px;
         bottom: 40px;
         width: 115px;
         height: 105px;
     }
 }
 
 @media (max-width: 1024px) {
     .busket .wrapper {
         min-height: 150px;
     }
     .busket__btn {
         padding: 10px 15px;
     }
     .add {
         padding: 50px 0 50px 0;
     }
     .add__text {
         font-size: 16px;
     }
     .line .section__desc {
         margin-top: 4px;
     }
     #marmosetUI::before {
         left: 40px;
         top: 40px;
         width: 42px;
         height: 48px;
     }
     #marmosetUI::after {
         right: 40px;
         bottom: 40px;
         width: 95px;
         height: 82px;
     }
 }
 
 @media (max-width: 960px) {
     .add {
         padding: 50px 0 65px 0;
     }
     .line .section__desc {
         margin-top: 2px;
     }
     #marmosetUI::before {
         left: 30px;
         top: 30px;
         width: 35px;
         height: 40px;
     }
     #marmosetUI::after {
         right: 30px;
         bottom: 30px;
         width: 80px;
         height: 74px;
     }
 }
 
 @media (max-width: 640px) {
     .add {
         padding: 30px 0 40px 0;
     }
     #marmosetUI::before {
         left: 30px;
         top: 30px;
         width: 30px;
         height: 35px;
     }
     #marmosetUI::after {
         right: 30px;
         bottom: 30px;
         width: 57px;
         height: 53px;
     }
 }
 
 @media (max-width: 480px) {
     #marmosetUI::before {
         left: 20px;
         top: 20px;
         width: 18px;
         height: 21px;
     }
     #marmosetUI::after {
         right: 20px;
         bottom: 20px;
         width: 45px;
         height: 36px;
     }
     .add {
         padding: 25px 0 30px 0;
     }
 }
 
 @media (max-width: 375px) {
     #marmosetUI::before {
         left: 15px;
         top: 15px;
         width: 13px;
         height: 15px;
     }
     #marmosetUI::after {
         right: 15px;
         bottom: 15px;
         width: 30px;
         height: 28px;
     }
     .add {
         padding: 15px 0 20px 0;
     }
 }
 
 @media (max-width: 1919px) {
     .advantages__title {
         margin-top: 30px;
         min-height: auto;
     }
     .advantages .advantages__desc {
         margin-top: 20px;
     }
     .advantages__image img {
         max-height: 80px;
     }
 }
 
 @media (max-width: 1680px) {
     .advantages__title {
         margin-top: 30px;
     }
     .advantages .advantages__desc {
         margin-top: 20px;
     }
     .advantages__image img {
         max-height: 80px;
     }
 }
 
 @media (max-width: 1440px) {
     .advantages__title {
         margin-top: 25px;
     }
     .advantages .advantages__desc {
         margin-top: 15px;
     }
     .advantages__image img {
         max-height: 80px;
     }
 }
 
 @media (max-width: 1280px) {
     .advantages__title {
         margin-top: 20px;
     }
     .advantages .advantages__desc {
         margin-top: 12px;
     }
     .advantages__image img {
         max-height: 110px;
     }
 }
 
 @media (max-width: 1024px) {
     .footer {
         padding: 70px 0 50px 0;
     }
     .advantages__image img {
         max-height: 100px;
     }
 }
 
 @media (max-width: 960px) {
     .advantages__title {
         min-height: auto;
         margin-top: 14px;
     }
     .advantages .advantages__desc {
         margin-top: 10px;
     }
     .advantages__image img {
         max-height: 90px;
     }
 }
 
 @media (max-width: 860px) {
     .footer {
         padding: 60px 0 40px 0;
     }
     .advantages-reasons .section__title {
         margin-bottom: 60px;
     }
     .advantages__block {
         width: auto;
         margin: 0 auto;
     }
     .advantages__image img {
         margin: 0 auto;
     }
     .advatages__container {
         margin-top: 70px;
         padding: 15px 70px;
     }
     .advantages__title {
         min-height: auto;
         margin-top: 14px;
     }
     .advantages__image img {
         max-height: 95px;
     }
 }
 
 @media (max-width: 640px) {
     .advatages__container {
         margin-top: 60px;
         padding: 15px 50px;
     }
     .advantages__title {
         margin-top: 12px;
     }
     .advantages__image img {
         max-height: 90px;
     }
 }
 
 @media (max-width: 480px) {
     .advatages__container {
         margin-top: 50px;
         padding: 15px 40px;
     }
     .advantages__title {
         min-height: auto;
         margin-top: 12px;
     }
     .advantages__image img {
         max-height: 80px;
     }
 }
 
 @media (max-width: 375px) {
     .advatages__container {
         margin-top: 40px;
         padding: 15px 35px;
     }
 }
 
 @media (max-width: 1440px) {
     .tools__block {
         width: 20%;
         margin: 1% 1%
     }
 }
 
 @media (max-width: 1280px) {
     .tools__block-btn {
         padding: 15px;
     }
     .tools__wrapper {
         padding: 0px;
     }
     .tools__block-image img {
         max-height: 186px;
         min-height: 160px;
     }
     .tools__block-btn-text {
         font-size: 18px;
     }
 }
 
 @media (max-width: 860px) {
     .tools__block: hover {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
     }
     .tools__block {
         width: auto;
         margin: 0;
     }
     .page-main .tools__block {
         width: 45%;
         margin: 1% 1%;
     }
     .tools.page-main .container {
         padding: 0;
     }
     .tools.page-main .tools__wrapper {
         padding: 30px 0px 0 0px;
     }
     .tools__block-btn {
         opacity: 1;
     }
 }
 
 @media (max-width: 640px) {
     .tools__wrapper {
         padding: 20px 70px 0 70px;
     }
 }
 
 @media (max-width: 480px) {
     .tools__wrapper::after {
         bottom: -95px;
         height: 95px;
     }
     .tools__wrapper {
         padding: 20px 60px 0 60px;
     }
     .tools.page-main .tools__wrapper {
         padding: 0 0px 30px 0px;
     }
     .tools__block-image {
         margin-bottom: 20px;
         padding: 10px 10px 0 10px;
     }
     .tools__block-btn {
         padding: 12px;
     }
     .tools__block-title {
         font-size: 18px;
         min-height: 46px;
     }
     .tools__block-btn-text {
         font-size: 16px;
     }
     .tools .section__title {
         margin-bottom: 0px;
     }
 }
 
 @media (max-width: 375px) {
     .tools .section__title {
         margin-bottom: 0px;
     }
     .tools__block-title {
         font-size: 16px;
         min-height: 42px;
     }
     .tools__block-image {
         margin-bottom: 20px;
         padding: 5px 5px 0 5px;
     }
     .tools__wrapper {
         padding: 15px 50px 0 50px;
     }
     .tools__block-btn-text {
         font-size: 14px;
     }
 }
 
 @media (max-width: 1919px) {
     .form .section__title {
         font-size: 18px;
     }
     .form .section__desc {
         margin-top: 30px;
         font-size: 16px;
     }
 }
 
 @media (max-width: 1680px) {
     .form .section__title {
         font-size: 18px;
     }
     .form .section__desc {
         margin-top: 28px;
         font-size: 16px;
     }
     .form__submit {
         width: 600px;
     }
     .form .group {
         margin-top: 25px;
         margin-bottom: 20px;
     }
     .form__block-top-input .bar {
         width: 100%
     }
     .form__block-top-input.group input:focus~label,
     .form__block-top-input.group input:valid~label {
         top: -30px;
         font-size: 18px;
     }
     .form__block-bottom-input .bar {
         width: 300px;
     }
     .form__block-bottom-input.group input:focus~label,
     .form__block-bottom-input.group input:valid~label {
         top: -30px;
         font-size: 18px;
         left: 0;
     }
 }
 
 @media (max-width: 1440px) {
     .form .section__title {
         font-size: 18px;
     }
     .form .section__desc {
         margin-top: 26px;
         font-size: 16px;
     }
     .form__submit {
         width: 480px;
     }
     .form .group {
         margin-top: 25px;
         margin-bottom: 20px;
     }
     .form__block-top-input.group input {
         font-size: 16px;
         padding: 16px;
         width: 100%
     }
     .form__block-top-input .bar {
         width: 100%
     }
     .form__block-top-input.group input:focus~label,
     .form__block-top-input.group input:valid~label {
         top: -30px;
         font-size: 16px;
     }
     .form__block-bottom-input.group input {
         font-size: 16px;
         padding: 16px;
         width: 240px;
     }
     .form__block-bottom-input .bar {
         width: 240px;
     }
     .form__block-bottom-input.group input:focus~label,
     .form__block-bottom-input.group input:valid~label {
         top: -30px;
         font-size: 18px;
         left: 0;
     }
 }
 
 @media (max-width: 1280px) {
     .form .section__title {
         font-size: 18px;
     }
     .form .section__desc {
         margin-top: 24px;
         font-size: 16px;
     }
     .form__btn {
         margin-top: 0px;
         padding: 18px 34px;
         font-size: 14px;
     }
     .form__submit {
         width: 440px;
     }
     .form .group {
         margin-top: 25px;
         margin-bottom: 15px;
     }
     .form__block-top-input.group input {
         font-size: 16px;
         padding: 16px;
         width: 100%
     }
     .form__block-top-input.group label {
         font-size: 16px;
         left: 16px;
         top: 16px;
     }
     .form__block-top-input .bar {
         width: 100%
     }
     .form__block-top-input.group input:focus~label,
     .form__block-top-input.group input:valid~label {
         top: -30px;
         font-size: 16px;
     }
     .form__block-bottom-input.group input {
         font-size: 16px;
         padding: 16px;
         width: 220px;
     }
     .form__block-bottom-input.group label {
         font-size: 16px;
         left: 16px;
         top: 16px;
     }
     .form__block-bottom-input .bar {
         width: 220px;
     }
     .form__block-bottom-input.group input:focus~label,
     .form__block-bottom-input.group input:valid~label {
         top: -30px;
         font-size: 18px;
         left: 0;
     }
 }
 
 @media (max-width: 1060px) {
     .form .section__title {
         max-width: 300px;
     }
     .form .section__desc {
         max-width: 360px;
     }
 }
 
 @media (max-width: 1024px) {
     .form .section__title {
         font-size: 18px;
     }
     .form .section__desc {
         margin-top: 22px;
         font-size: 17px;
     }
 }
 
 @media (max-width: 960px) {
     .form .section__title {
         font-size: 16px;
         max-width: 260px;
     }
     .form .section__desc {
         margin-top: 20px;
         font-size: 16px;
         max-width: 320px;
     }
     .form__btn {
         margin-top: 9px;
         padding: 17px 34px;
         font-size: 14px;
     }
     .form__submit {
         width: 400px;
     }
     .form .group {
         margin-top: 23px;
         margin-bottom: 15px;
     }
     .form__block-top-input.group input {
         font-size: 16px;
         padding: 15px;
         width: 100%
     }
     .form__block-top-input .bar {
         width: 100%
     }
     .form__block-top-input.group input:focus~label,
     .form__block-top-input.group input:valid~label {
         top: -26px;
         font-size: 16px;
     }
     .form__block-bottom-input.group input {
         font-size: 16px;
         padding: 15px;
         width: 180px;
     }
     .form__block-bottom-input .bar {
         width: 180px;
     }
     .form__block-bottom-input.group input:focus~label,
     .form__block-bottom-input.group input:valid~label {
         top: -26px;
         font-size: 16px;
         left: 0;
     }
 }
 
 @media (max-width: 860px) {
     .tools__block-btn {
         opacity: 1;
     }
     .form__wrapper {
         padding-top: 20px;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .form .section__title {
         max-width: none;
     }
     .form .section__desc {
         max-width: none;
     }
     .form__btn {
         margin-top: 0px;
         padding: 17px 34px;
         font-size: 16px;
         width: 100%
     }
     .form__block {
         width: 90%;
     }
     .form__submit {
         width: auto;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .group.form__block-bottom-input {
         width: 100%
     }
     .form .group {
         margin-top: 23px;
         margin-bottom: 15px;
     }
     .form__block-top-input.group input {
         font-size: 16px;
         padding: 15px;
         width: 100%
     }
     .form__block-top-input .bar {
         width: 100%
     }
     .form__block-top-input.group input:focus~label,
     .form__block-top-input.group input:valid~label {
         top: -26px;
         font-size: 16px;
     }
     .form__block-bottom-input.group input {
         font-size: 16px;
         padding: 15px;
         width: 100%
     }
     .form__block-bottom-input .bar {
         width: 100%
     }
     .form__block-bottom-input.group input:focus~label,
     .form__block-bottom-input.group input:valid~label {
         top: -26px;
         font-size: 16px;
         left: 0;
     }
     .form__block:last-child {
         margin-top: 20px;
     }
 }
 
 @media (max-width: 1680px) {
     .slider .container {
         padding: 0 160px;
     }
 }
 
 @media (max-width: 1440px) {
     .slider .container {
         padding: 0 140px;
     }
 }
 
 @media (max-width: 1280px) {
     .slider .container {
         padding: 0 120px;
     }
     .slider__slide a {
         max-width: 70%
     }
 }
 
 @media (max-width: 1100px) {
     .slider__slide a {
         max-width: 65%
     }
 }
 
 @media (max-width: 1024px) {
     .slider .container {
         padding: 0 100px;
     }
 }
 
 @media (max-width: 980px) {
     .slider__slide a {
         max-width: 40%
     }
 }
 
 @media (max-width: 860px) {
     .slider__wrapper {
         margin-top: 20px;
     }
     .slider__slide.slick-current.slick-active {
         -webkit-transform: scale(0.87);
         -ms-transform: scale(0.87);
         transform: scale(0.87);
     }
     .slider .container {
         padding: 0 130px;
     }
     .advantages__block {
         width: auto;
         margin: 0 auto;
     }
 }
 
 @media (max-width: 640px) {
     .video video {
         display: block;
         margin-top: 40px;
     }
     .slider .container {
         padding: 0 80px;
     }
     .video__play svg {
         width: 80px;
         height: 80px;
     }
 }
 
 @media (max-width: 480px) {
     .slider .container {
         padding: 0 60px;
     }
     .video__play svg {
         width: 60px;
         height: 60px;
     }
 }
 
 @media (max-width: 375px) {
     .slider .container {
         padding: 0 50px;
     }
     .video__play svg {
         width: 45px;
         height: 45px;
     }
 }
 
 @media (max-width: 1919px) {
     .form.step .section__title {
         max-width: 680px;
     }
     .tools__link {
         margin: 0 18px;
         font-size: 20px;
         padding: 16px 52px;
     }
     .tools__price-text {
         font-size: 54px;
     }
 }
 
 @media (max-width: 1680px) {
     .tools__price-text {
         margin-top: 5px;
         font-size: 48px;
     }
 }
 
 @media (max-width: 1440px) {
     .tools__price-text {
         margin-top: 5px;
         font-size: 42px;
     }
     .tools__link {
         margin: 0 15px;
         font-size: 18px;
         padding: 14px 46px;
     }
 }
 
 @media (max-width: 1280px) {
     .form.step .section__title {
         max-width: 480px;
     }
     .tools__price-text {
         margin-top: 10px;
         font-size: 38px;
     }
     .tools__link {
         margin: 0 12px;
         font-size: 14px;
         padding: 12px 36px;
     }
     .tools__link span::after {
         bottom: -1px;
         width: 3px;
         height: 3px;
     }
 }
 
 @media (max-width: 1080px) {
     .form.step .section__title {
         max-width: 390px;
     }
     .form.step .section__desc {
         max-width: 310px;
     }
 }
 
 @media (max-width: 960px) {
     .tools__nav {
         margin: 60px auto;
     }
     .tools__price-text {
         margin-top: 20px;
         font-size: 32px;
     }
     .tools__link {
         margin: 0 12px;
         font-size: 14px;
         padding: 11px 30px;
     }
 }
 
 @media (max-width: 860px) {
     .form.step .section__title {
         max-width: 100%
     }
     .form.step .section__desc {
         margin-top: 14px;
         max-width: 100%
     }
     .tools__nav {
         margin: 60px auto;
     }
     .tools__price-text {
         margin-top: 30px;
         font-size: 26px;
     }
     .tools__link {
         margin: 0 10px;
         font-size: 14px;
         padding: 12px 25px;
     }
 }
 
 @media (max-width: 640px) {
     .tools__nav {
         margin: 40px auto;
     }
     .tools__price-text {
         margin-top: 26px;
         font-size: 24px;
     }
     .tools__link {
         margin: 0 7px;
         font-size: 12px;
         padding: 11px 14px;
     }
 }
 
 @media (max-width: 580px) {
     .tools__price-text {
         margin-top: 24px;
         font-size: 22px;
     }
 }
 
 @media (max-width: 480px) {
     .tools__price-text {
         margin-top: 20px;
         font-size: 20px;
     }
     .tools__link {
         margin: 0 6px;
         font-size: 11px;
         padding: 8px 6px;
     }
 }
 
 @media (max-width: 375px) {
     .tools__price-text {
         margin-top: 15px;
         font-size: 18px;
     }
     .tools__link {
         margin: 0 3px;
         font-size: 10px;
         padding: 6px 4px;
     }
 }
 
 @media (max-width: 1919px) {
     .footer__social svg {
         width: 38px;
         height: 38px;
     }
 }
 
 @media (max-width: 1680px) {
     .footer__social svg {
         width: 34px;
         height: 34px;
     }
     #back-to-top-desc {
         margin-left: 110px;
     }
 }
 
 @media (max-width: 1440px) {
     .footer__social svg {
         width: 30px;
         height: 30px;
     }
     #back-to-top-desc {
         margin-left: 90px;
     }
 }
 
 @media (max-width: 1280px) {
     .footer__social {
         margin-left: 25px;
     }
     .footer__social svg {
         width: 25px;
         height: 25px;
     }
     #back-to-top-desc {
         margin-left: 80px;
     }
 }
 
 .contacts__map {
     margin-top: 30px;
 }
 
 @media (max-width: 1080px) {
     .footer__social {
         margin-left: 20px;
     }
     #back-to-top-desc {
         margin-left: 60px;
     }
     #back-to-top-desc img {
         width: 45px;
         height: 45px;
     }
 }
 
 @media (max-width: 960px) {
     .footer__social {
         margin-left: 25px;
     }
     #back-to-top-desc {
         margin-left: 80px;
     }
     #back-to-top-desc img {
         width: 55px;
         height: 55px;
     }
     .footer__wrapper:first-child .footer__block:nth-child(2),
     .footer__wrapper:first-child .footer__block:nth-child(3) {
         display: none;
     }
     .footer__wrapper:first-child .footer__block:nth-child(4) {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5;
     }
 }
 
 @media (max-width: 860px) {
     .footer__social {
         margin-left: 15px;
     }
     #back-to-top-desc {
         margin-left: 50px;
     }
     #back-to-top-desc img {
         width: 45px;
         height: 45px;
     }
 }
 
 @media (max-width: 640px) {
     .footer__wrapper:last-child {
         margin-top: 60px;
     }
     .footer__social {
         margin-left: 15px;
     }
     #back-to-top-desc {
         margin-left: 40px;
     }
     .footer__wrapper:first-child {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         flex-direction: row;
         flex-wrap: wrap;
     }
 }
 
 @media (max-width: 580px) {
     .footer__wrapper:last-child {
         margin-top: 50px;
     }
     .footer__social {
         margin-left: 12px;
     }
     #back-to-top-desc {
         margin-left: 30px;
     }
     .footer__menu {
         padding: 0 10px;
     }
     .footer__list {
         padding: 8px 0;
     }
 }
 
 @media (max-width: 460px) {
     .footer__wrapper:last-child {
         margin-top: 45px;
     }
     .footer__social {
         margin-left: 10px;
     }
     #back-to-top-desc {
         margin-left: 25px;
     }
     .footer__menu {
         padding: 0 5px;
     }
 }
 
 @media (max-width: 400px) {
     .footer__logo-img:first-child {
         margin-bottom: 20px;
     }
     .footer__block:nth-of-type(4),
     .footer__block:nth-of-type(5) {
         margin-top: 20px;
         max-width: 150px;
         min-width: 150px;
     }
     .footer__wrapper:last-child {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         margin-top: 40px;
     }
     .footer__wrapper:last-child .footer__block {
         padding-top: 30px;
         max-width: 240px;
         margin: 0 auto;
         text-align: center;
     }
     .footer__socials {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1;
         margin: 0 auto;
     }
     .footer__social {
         margin-left: 15px;
     }
 }
 
 .search__content {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 200px 0 100px 0;
 }
 
 @media (max-width: 1680px) {
     .select-styled:active::after,
     .select-styled.active::after {
         top: 30px;
     }
     .select-options li {
         font-size: 20px;
     }
     .select-styled:after {
         top: 35px;
     }
     .select {
         font-size: 20px;
         height: 83px;
     }
     .search-head a:first-child img {
         max-width: 158px;
     }
     .search__text {
         font-size: 28px;
     }
     .search__wrapper {
         margin-top: 45px;
     }
 }
 
 @media (max-width: 1440px) {
     .select-options li {
         font-size: 20px;
         padding: 24px;
         text-indent: unset;
     }
     .select-styled:after {
         top: 31px;
         right: 24px;
     }
     .select-styled:active::after,
     .select-styled.active::after {
         top: 28px;
     }
     .select {
         font-size: 20px;
         height: 72px;
     }
     .select-styled {
         padding: 24px 24px;
     }
     .search-head a:first-child img {
         max-width: 150px;
     }
     .search__wrapper {
         margin-top: 30px;
     }
 }
 
 @media (max-width: 1280px) {
     .select-styled:after {
         top: 31px;
         right: 22px;
     }
     .select-styled:active::after,
     .select-styled.active::after {
         top: 25px;
     }
     .select-options li {
         padding: 21px;
         font-size: 18px;
     }
     .select {
         font-size: 18px;
         height: 62px;
     }
     .select-styled {
         padding: 22px 22px;
     }
     .select-styled:after {
         top: 26px;
         width: 16px;
         height: 9px;
     }
     .search-head a:first-child img {
         max-width: 138px;
     }
     .search__wrapper {
         margin-top: 20px;
     }
 }
 
 @media (max-width: 1024px) {
     .select-options li {
         padding: 16.5px;
         font-size: 18px;
     }
     .select-styled:after {
         top: 31px;
     }
     .select-styled:active::after,
     .select-styled.active::after {
         top: 22px;
     }
     .select {
         font-size: 18px;
         height: 54px;
     }
     .select-styled {
         padding: 18px 18px;
     }
     .select-styled:after {
         top: 22px;
         width: 16px;
         height: 9px;
         right: 22px;
     }
     .search-head a:first-child img {
         max-width: 88px;
     }
     .search__wrapper {
         margin-top: 10px;
     }
 }
 
 @media (max-width: 860px) {
     .select-options li {
         padding: 14.5px;
         font-size: 16px;
     }
     .select-styled:after {
         top: 31px;
     }
     .select-styled:active::after,
     .select-styled.active::after {
         top: 19px;
     }
     .select {
         font-size: 16px;
         height: 48px;
     }
     .select-styled {
         padding: 16px 16px;
     }
     .select-styled:after {
         top: 19px;
         width: 15px;
         height: 8px;
         right: 16px;
     }
     .search-head a:first-child img {
         max-width: 88px;
     }
     .search__text {
         font-size: 24px;
     }
     .search__wrapper {
         margin-top: 0;
     }
 }
 
 @media (max-width: 640px) {
     .popup-wrapper .container {
         padding-top: 25px;
         padding-bottom: 25px;
     }
     .search-head a:first-child img {
         max-width: 80px;
     }
     .search__text {
         font-size: 20px;
     }
     .search__wrapper .group {
         margin-top: 21px;
     }
 }
 
 @media (max-width: 860px) {
     .popup-wrapper .container {
         padding-top: 30px;
         padding-bottom: 30px;
     }
 }
 
 @media (max-width: 580px) {
     .popup-wrapper .container {
         padding-top: 20px;
         padding-bottom: 20px;
     }
 }
 
 @media (max-width: 420px) {
     .popup-wrapper .container {
         padding-top: 15px;
         padding-bottom: 15px;
     }
 }
 
 @media (max-width: 480px) {
     .search__text {
         font-size: 18px;
     }
     #search .group {
         margin: 25px 0;
     }
 }
 
 @media (max-width: 375px) {
     .footer__wrapper:first-child {
         align-items: center;
         flex-direction: column;
     }
 }
 
 @media (max-width: 640px) {
     .question__wrapper {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
 }
 
 @media (max-width: 480px) {
     .select-styled:after {
         top: 18px;
         width: 13px;
         height: 7px;
         right: 16px;
     }
     .select-styled:active::after,
     .select-styled.active::after {
         top: 18px;
     }
     .select-options li {
         padding: 13.5px;
         font-size: 14px;
     }
     .select-styled {
         padding: 14px 14px;
     }
     .select {
         font-size: 14px;
         height: 44px;
     }
 }
 
 @media (min-width: 1920px) {
     .select {
         font-size: 24px;
     }
 }
 
 @media (max-width: 380px) {
     #menu {
         padding-top: 110px;
     }
     .header__burger-logo {
         position: absolute;
         top: 15px;
         left: 30px;
     }
     .header__burger-logo img {
         display: block;
         max-width: 80px;
     }
 }
 
 @media (min-width: 861px) {
     .main-lines .container {
         padding: 0;
     }
     .main-lines__block {
         width: 22%;
         margin: 1.5% 1%
     }
     .main-lines__block:nth-child(even) {
         margin-left: 0;
     }
 }
 
 @media (min-width: 1920px) {
     .main-lines__desc p {
         font-size: 18px;
     }
     .main-lines__total {
         font-size: 16px;
     }
     .main-lines__box {
         font-size: 16px;
     }
 }
 
 @media (max-width: 860px) {
     .main-lines__desc p {
         font-size: 18px;
     }
     .main-lines__total {
         font-size: 16px;
     }
     .main-lines__box {
         font-size: 16px;
     }
     .main-lines .section__title {
         margin-bottom: 40px;
     }
 }
 
 @media (max-width: 740px) {
     .main-lines__desc p {
         padding: 0 7%
     }
     .main-lines__desc p {
         font-size: 16px;
     }
     .main-lines__total {
         font-size: 16px;
     }
     .main-lines__box {
         font-size: 16px;
     }
     .main-lines__price {
         margin: 30px 0 30px 0;
     }
 }
 
 @media (max-width: 640px) {
     .main-lines .section__title {
         margin-bottom: 35px;
     }
     .main-lines__desc p {
         font-size: 12px;
     }
     .main-lines__total {
         font-size: 16px;
     }
     .main-lines__box {
         font-size: 15px;
     }
     .main-lines__price {
         margin: 30px 0 25px 0;
     }
 }
 
 @media (max-width: 540px) {
     .main-lines__desc p {
         font-size: 12px;
     }
     .main-lines__total {
         font-size: 16px;
     }
     .main-lines__box {
         font-size: 14px;
     }
 }
 
 @media (max-width: 520px) {
     .main-lines .section__title {
         margin-bottom: 20px;
     }
     .tools__block-btn .tools__block-btn-text::after {
         bottom: -1px;
         width: 3px;
         height: 3px;
     }
 }
 
 @media (max-width: 480px) {
     .main-lines__box {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1;
     }
     .main-lines__total {
         margin-right: 0px;
     }
     .main-lines__price {
         margin: 0 0 25px 0;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
     .main-lines__box {
         margin: 15px 0;
     }
 }
 
 @media (max-width: 360px) {
     .main-lines__desc p {
         font-size: 12px;
     }
     .main-lines__total {
         font-size: 15px;
     }
     .main-lines__box {
         font-size: 12px;
     }
 }
 
 @media (max-width: 1440px) {
     .convertion.main-lines.dillers .main-lines__image img {
         max-height: 50px;
     }
     .news__desc {
         margin-top: 15px;
     }
 }
 
 @media (max-width: 1280px) {
     .tools.page-main .section__title {
         margin-bottom: 40px;
     }
     .news__desc {
         margin-top: 10px;
     }
 }
 
 @media (max-width: 1024px) {
     .news__block {
         width: 21%;
         margin: 0 2%
     }
     .page-main.advantages .advantages__image img {
         height: 80px;
     }
     .tools.page-main .section__title {
         margin-bottom: 30px;
     }
 }
 
 @media (max-width: 860px) {
     .tools.page-main .section__title {
         padding: 0 20px;
     }
     .page-main.advantages {
         padding: 50px 100px 70px 100px;
     }
     .tools.page-main .section__title {
         margin-bottom: 20px;
     }
     .tool.page-main .container .section__title .tools__wrapper {
         padding: 30px 0px 0 0px;
     }
 }
 
 @media (max-width: 640px) {
     .page-main.advantages {
         padding: 50px 0 80px 0;
     }
 }
 
 @media (max-width: 480px) {
     .convertion.main-lines {
         padding: 50px 0 50px 0;
     }
     .page-main.advantages {
         padding: 40px 0 80px 0;
     }
     .news__wrapper {
         margin-top: 20px;
     }
 }
 
 @media (max-width: 860px) {
     .add.page-main .container {
         padding: 0 15px;
     }
 }
 
 @media (max-width: 1280px) {
     .news__wrapper {
         margin-top: 60px;
     }
 }
 
 @media (max-width: 1024px) {
     .news__wrapper {
         margin-top: 40px;
     }
 }
 
 @media (max-width: 340px) {
     .page-dillers .first__title-text {
         font-size: 18px;
     }
     .section__title {
         font-size: 18px;
     }
 }
 
 @media (min-width: 1920px) {
     .news__wrapper {
         max-width: 1920px;
         margin-left: auto;
         margin-right: auto;
     }
 }
 
 @media (min-width: 861px) {
     .news.tools.page-main .container,
     .news.tools.page-main .tools__wrapper {
         padding-top: 30px;
     }
 }
 
 @media (max-width: 860px) {
     .news__block {
         width: auto;
     }
     .first.page-dillers {
         margin-top: 0px;
     }
     .news__block {
         margin: 0 80px;
         width: 26%;
     }
     .news.tools.page-main .tools__wrapper {
         padding-top: 15px;
     }
 }
 
 @media (max-width: 640px) {
     .news__block {
         margin: 0 20px;
     }
 }
 
 @media (max-width: 540px) {
     .news__block {
         margin: 0 40px;
     }
     .news__desc {
         font-size: 14px;
     }
     .tools.page-main.dillers {
         padding-bottom: 140px;
     }
 }
 
 @media (max-width: 480px) {
     .news__block {
         margin: 0 30px;
     }
     .news.tools.page-main .tools__wrapper {
         padding-top: 0px;
     }
     .tools.page-main.dillers {
         padding-bottom: 110px;
     }
 }
 
 @media (max-width: 400px) {
     .news__block {
         margin: 0 20px;
     }
     .news__desc {
         font-size: 14px;
     }
 }
 
 @media (max-width: 1680px) {
     .convertion.main-lines.dillers {
         padding-top: 50px;
         background-color: transparent;
     }
     .convertion.main-lines.dillers .section__desc {
         padding: 0 240px;
     }
 }
 
 @media (max-width: 1440px) {
     .convertion.main-lines.dillers .section__desc {
         padding: 0 180px;
     }
 }
 
 @media (max-width: 1280px) {
     .convertion.main-lines.dillers .convertion__container {
         margin-top: 60px;
     }
     .convertion.main-lines.dillers .section__desc {
         padding: 0 130px;
     }
 }
 
 @media (max-width: 1024px) {
     .convertion.main-lines.dillers .convertion__container {
         margin-top: 40px;
     }
     .convertion.main-lines.dillers .section__title {
         margin-bottom: 20px;
     }
 }
 
 @media (max-width: 860px) {
     .convertion.main-lines.dillers .convertion__container {
         margin-top: 30px;
     }
     .convertion.main-lines.dillers .section__desc {
         padding: 0;
     }
     .convertion.main-lines.dillers .main-lines__image img {
         max-height: 60px;
     }
 }
 
 @media (max-width: 480px) {
     .tools.page-main .section__title {
         margin-bottom: 0;
     }
 }
 
 @media (min-width: 1920px) {
     .contacts__suptitle {
         font-size: 26px;
     }
 }
 
 @media (max-width: 1680px) {
     .tools.list.white .tools__wrapper {
         padding-top: 0;
     }
     .tools.list.white .tools__nav {
         margin-bottom: 50px;
     }
 }
 
 @media (max-width: 1440px) {
     .tools.list.white .tools__nav {
         margin-bottom: 40px;
     }
 }
 
 @media (max-width: 1280px) {
     .tools.list.white .tools__nav {
         margin-bottom: 30px;
     }
 }
 
 @media (max-width: 1024px) {
     .tools.list.white .tools__nav {
         margin-bottom: 20px;
     }
 }
 
 @media (max-width: 680px) {
     .tools.list.white .tools__nav {
         margin-top: 50px;
         margin-bottom: 60px;
     }
 }
 
 @media (max-width: 860px) {
     .tools.list.white .tools__wrapper {
         padding: 0 34px;
     }
 }
 
 @media (max-width: 640px) {
     .tools.list.white .tools__wrapper {
         padding: 0 30px;
     }
 }
 
 @media (max-width: 480px) {
     .tools.list.white .tools__wrapper {
         padding: 0 25px;
     }
     .tools.list.white .advantages__block {
         margin-right: 10px;
         margin-left: 10px;
     }
 }
 
 @media (max-width: 740px) {
     .tools.list.white .advantages__title {
         font-size: 16px;
     }
 }
 
 @media (max-width: 640px) {
     .tools.list.white .advantages__title {
         font-size: 16px;
     }
 }
 
 @media (max-width: 480px) {
     .tools.list.white .advantages__title {
         font-size: 14px;
     }
 }
 
 @media (max-width: 340px) {
     .tools.list.white .advantages__title {
         font-size: 12px;
     }
 }
 
 @media (min-width: 861px) {
     .slick-dots button {
         padding: 4px;
         width: 12px;
         height: 12px;
         margin: 0px 5px;
     }
 }
 
 @media (min-width: 1680px) {
     .slick-dots button {
         width: 20px;
         height: 20px;
         margin: 0px 10px;
     }
 }
 
 @media (min-width: 1024px) {
     .slick-dots {
         bottom: -60px;
     }
 }
 
 @media (min-width: 1440px) {
     .slick-dots {
         bottom: -80px;
     }
 }
 
 @media (max-width: 375px) {
     .tools.page-vacancies.list.white {
         padding: 50px 0 110px 0;
     }
     .tools.list.white.page-vacancies .tools__nav {
         margin-top: 40px;
         margin-bottom: 60px;
     }
     .tools.page-main.page-vacancies.dillers {
         padding-bottom: 110px;
     }
 }
 
 @media (max-width: 860px) {
     .header__link.active {
         font-family: "Medium";
         font-weight: 500;
     }
     .header__link.active::after {
         background-color: rgba(0, 0, 0, 0.2);
     }
     .contacts__map iframe {
         display: block;
         height: calc(100vw / 1.5);
     }
     .contacts__inner:nth-child(1) {
         margin-right: 0;
     }
     .contacts__inner {
         max-width: none;
     }
     .contacts__suptitle {
         font-size: 20px;
         margin-bottom: 6px;
     }
     .contacts__text {
         font-size: 16px;
     }
     .contacts__inner:nth-child(2) {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1;
     }
 }
 
 @media (max-width: 480px) {
     .contacts__wrapper {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
 }
 
 @media (max-width: 375px) {
     .tools.page-main.page-vacancies.dillers {
         padding-bottom: 90px;
     }
     .tools.page-main.page-vacancies.dillers .slick-dots {
         bottom: -40px;
     }
     .catalog .slick-dots {
         bottom: 0;
     }
 }
 
 @media (max-width: 1680px) {
     .vacancy-req__block {
         margin-top: 90px;
     }
 }
 
 @media (max-width: 1440px) {
     .vacancy-req__block {
         margin-top: 80px;
     }
 }
 
 @media (max-width: 1280px) {
     .vacancy-req__block {
         margin-top: 70px;
     }
 }
 
 @media (max-width: 1024px) {
     .vacancy-req__desc {
         line-height: 170%
     }
     .vacancy-req__block {
         margin-top: 60px;
     }
 }
 
 @media (max-width: 860px) {
     #menu {
         overflow-y: scroll;
         padding-bottom: 30px;
     }
     .vacancy-req__desc {
         line-height: 165%;
         margin-top: 4px;
         font-size: calc(14px + 4 * ((100vw - 320px) / 640));
     }
     .vacancy-req__block {
         max-width: 80%
     }
 }
 
 @media (max-width: 740px) {
     .vacancy-req__block {
         margin-top: 50px;
         max-width: 90%;
     }
 }
 
 @media (max-width: 640px) {
     .vacancy-req__block {
         margin-top: 40px;
         max-width: none;
     }
 }
 
 @media (max-width: 480px) {
     .vacancy-req__desc {
         line-height: 160%;
         margin-top: 2px;
     }
 }
 
 @media (max-width: 860px) {
     .header__search-inner::after {
         display: none;
     }
     .header__link.active:hover::after {
         border-bottom: 1px solid rgba(1, 48, 93, 0.75);
         background-color: transparent;
     }
     .header__link.active::after {
         border-bottom: 1px solid rgba(1, 48, 93, 0.75);
         background-color: transparent;
     }
     .header__search-inner:nth-child(2) {
         display: block;
         margin-left: 10px;
     }
     .header__search {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .header__nav.mobile {
         display: block;
         margin-top: 4px;
     }
     .header__menu {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .header__search {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         margin-right: 20px;
         margin-left: 20px;
     }
 }
 
 @media (max-width: 380px) {
     .header__nav.mobile .header__link {
         font-size: 16px;
     }
 }
 
 @media (max-width: 1680px) {
     .title__block {
         max-width: 75%
     }
     .filter__menu .section__desc {
         margin: 10px 20px 10px 0;
         padding-left: 14px;
     }
 }
 
 @media (max-width: 1440px) {
     .catalog__desc {
         margin-top: 15px;
     }
     .title__block {
         max-width: 80%
     }
     .filter__link span::after {
         bottom: -1px;
         width: 3px;
         height: 3px;
     }
     .filter__link {
         padding: 8px 12px;
     }
     .filter__menu .section__desc {
         margin: 10px 16px 10px 0;
         padding-left: 12px;
     }
 }
 
 @media (max-width: 1280px) {
     .catalog__desc {
         margin-top: 14px;
     }
     .title__block {
         max-width: 90%
     }
     .filter__link {
         padding: 7px 11px;
     }
     .filter__menu .section__desc {
         margin: 7px 10px 7px 0;
         padding-left: 11px;
     }
 }
 
 @media (max-width: 1024px) {
     .catalog__desc {
         margin-top: 12px;
     }
     .title__block {
         max-width: none;
     }
 }
 
 @media (max-width: 860px) {
     .tools__price-text {
         margin-top: 5px;
     }
     .tools__wrapper {
         padding-bottom: 50px;
     }
     .catalog__desc {
         font-size: 18px;
     }
     .title {
         padding-top: 40px;
     }
     .catalog__list {
         padding-bottom: 30px;
     }
 }
 
 @media (max-width: 740px) {
     .tools__price-text {
         margin-top: 0;
     }
     .filter__link {
         padding: 6px 10px;
     }
     .filter__menu .section__desc {
         margin: 5px 8px 5px 0;
         padding-left: 10px;
     }
 }
 
 @media (max-width: 640px) {
     .filter__link {
         padding: 5px 8px;
     }
     .filter__menu .section__desc {
         margin: 4px 8px 4px 0;
         padding-left: 8px;
     }
     .catalog__total-text:nth-child(1) {
         margin-bottom: 6px;
     }
 }
 
 @media (max-width: 580px) {
     .title {
         padding-top: 30px;
     }
 }
 
 @media (max-width: 480px) {
     .filter__menu:nth-child(1) {
         padding-top: 40px;
     }
     .filter__link {
         padding: 4px 6px;
     }
     .filter__link.active::after {
         bottom: -18px;
         border: 12px solid transparent;
         border-top: 10px solid #CB1F27;
     }
     .filter__menu .section__desc {
         margin: 2px 8px 2px 0;
         padding-left: 6px;
     }
     .catalog__total-text:nth-child(1) {
         margin-bottom: 5px;
     }
     .catalog__total {
         width: 60%;
     }
 }
 
 @media (max-width: 420px) {
     .title {
         padding-top: 5px;
     }
 }
 
 @media (max-width: 400px) {
     .catalog__total-text {
         text-align: center;
         margin-bottom: 12px;
     }
 }
 
 @media (max-width: 375px) {
     .title {
         padding-top: 0;
     }
     .tools .slick-dots {
         bottom: -40px;
     }
 }
 
 @media (max-width: 1440px) {
     .select-options {
         max-height: 280px;
     }
     .char__btn {
         margin-top: 20px;
     }
 }
 
 @media (max-width: 740px) {
     .char__menu {
         margin-top: 30px;
     }
     .options .tools__wrapper {
         padding: 0px 40px;
     }
 }
 
 @media (max-width: 640px) {
     .char__menu {
         margin-top: 20px;
     }
     .options .tools__wrapper {
         padding: 0px 20px;
     }
 }
 
 @media (max-width: 540px) {
     .options .tools__wrapper {
         padding: 0;
     }
 }
 
 @media (max-width: 420px) {
     .delivery__gallery {
         flex-direction: column;
     }
 }
 
 @media (max-width: 400px) {
     .delivery__image {
         margin: 14px 80px;
     }
 }
 
 @media (max-width: 375px) {
     .char__menu {
         margin-top: 18px;
     }
 }
 
 @media (max-width: 360px) {
     .delivery__image {
         margin: 10px 60px;
     }
 }
 
 @media (min-width: 1920px) {
     .demand__block-title {
         font-size: 58px;
     }
     .demand__block-el {
         font-size: 20px;
     }
 }
 
 @media (max-width: 1440px) {
     .demand {
         padding: 60px 0 90px 0;
     }
     .demand__block-list {
         margin-top: 15px;
     }
     .demand__block {
         width: 15%;
         margin: 30px 0.8%
     }
 }
 
 @media (max-width: 1024px) {
     .demand {
         padding: 40px 0 60px 0;
     }
     .demand__block-list {
         margin-top: 15px;
     }
     .demand__block {
         width: 15%;
         margin: 25px 0.8%
     }
 }
 
 @media (max-width: 860px) {
     .demand__block-title {
         font-size: calc(18px + 16 * ((100vw - 320px) / 540));
     }
     .demand__block-el {
         font-size: calc(10px + 8 * ((100vw - 320px) / 540));
     }
     .demand__block {
         width: 30%;
         margin: 25px 1.65%
     }
     .demand__block-el {
         line-height: 150%
     }
 }
 
 @media (max-width: 640px) {
     .demand__block {
         margin: 20px 1.65%
     }
 }
 
 @media (max-width: 440px) {
     .demand {
         padding: 30px 0 45px 0;
     }
     .demand__block-list {
         margin-top: 10px;
     }
 }
 
 @media (max-width: 1680px) {
     .service {
         padding: 70px 0 150px 0;
     }
     .service__input:nth-child(2) .group {
         margin-top: 4%;
         margin-bottom: 4%
     }
     .service__textarea .group textarea {
         min-height: 320px;
     }
     .service__upload-img img {
         margin: 60px auto;
         margin-bottom: 0;
     }
 }
 
 @media (max-width: 1440px) {
     .service {
         padding: 60px 0 120px 0;
     }
     .service__input .group label,
     .service__textarea .group label {
         left: 16px;
         top: 16px;
     }
     .service__input .group input,
     .service__textarea .group textarea {
         padding: 16px;
     }
     .service__input .group label,
     .service__textarea .group label,
     .service__input .group input,
     .service__textarea .group textarea {
         font-size: 20px;
     }
     .service__input .group input:focus~label,
     .service__input .group input:valid~label,
     .service__textarea .group textarea:focus~label,
     .service__textarea .group textarea:valid~label {
         top: -26px;
         left: 0;
         font-size: 16px;
     }
     .service__textarea .group textarea {
         min-height: 320px;
     }
 }
 
 @media (max-width: 1280px) {
     .service__upload-img img {
         margin: 50px auto;
         margin-bottom: 0;
     }
     .service__textarea .group textarea {
         min-height: 260px;
     }
     .service__button {
         margin-top: 60px;
     }
     .service {
         padding: 50px 0 120px 0;
     }
     .service__input .group label,
     .service__textarea .group label {
         left: 14px;
         top: 14px;
     }
     .service__input .group input,
     .service__textarea .group textarea {
         padding: 14px;
     }
     .service__input .group label,
     .service__textarea .group label,
     .service__input .group input,
     .service__textarea .group textarea {
         font-size: 18px;
     }
     .service__input .group input:focus~label,
     .service__input .group input:valid~label,
     .service__textarea .group textarea:focus~label,
     .service__textarea .group textarea:valid~label {
         top: -22px;
         left: 0;
         font-size: 14px;
     }
 }
 
 @media (max-width: 1024px) {
     .service__button {
         margin-top: 50px;
     }
 }
 
 @media (max-width: 860px) {
     .service {
         padding: 40px 0 120px 0;
     }
     .service__upload-img img {
         margin: 40px auto;
         margin-bottom: 0;
     }
     .service__button,
     .service__submit {
         margin-top: 45px;
     }
     .service__input:nth-child(2) .group {
         width: 100%;
         margin: 0;
         margin-top: 40px;
     }
     .service__textarea {
         margin-top: 40px;
     }
     .service__textarea .group textarea {
         min-height: 180px;
     }
     .service__button {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
     .service__upload-img {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1;
     }
 }
 
 @media (max-width: 540px) {
     .service__textarea .group textarea {
         min-height: 160px;
     }
     .service__input .group label,
     .service__textarea .group label {
         left: 12px;
         top: 12px;
     }
     .service__input .group input,
     .service__textarea .group textarea {
         padding: 12px;
     }
     .service__input .group label,
     .service__textarea .group label,
     .service__input .group input,
     .service__textarea .group textarea {
         font-size: 16px;
     }
     .service__input .group input:focus~label,
     .service__input .group input:valid~label,
     .service__textarea .group textarea:focus~label,
     .service__textarea .group textarea:valid~label {
         top: -20px;
         left: 0;
         font-size: 12px;
     }
     .service__input:nth-child(2) .group,
     .service__textarea {
         margin-top: 34px;
     }
     .service__button,
     .service__submit {
         margin-top: 36px;
     }
 }
 
 @media (max-width: 340px) {
     .service__textarea .group textarea {
         min-height: 140px;
     }
     .service__input .group label,
     .service__textarea .group label {
         left: 10px;
         top: 10px;
     }
     .service__input .group input,
     .service__textarea .group textarea {
         padding: 10px;
     }
     .service__input .group label,
     .service__textarea .group label,
     .service__input .group input,
     .service__textarea .group textarea {
         font-size: 14px;
     }
     .service__input .group input:focus~label,
     .service__input .group input:valid~label,
     .service__textarea .group textarea:focus~label,
     .service__textarea .group textarea:valid~label {
         top: -18px;
         left: 0;
         font-size: 10px;
     }
     .service__input:nth-child(2) .group,
     .service__textarea {
         margin-top: 30px;
     }
     .service__button,
     .service__submit {
         margin-top: 32px;
     }
     .service {
         padding: 30px 0 100px 0;
     }
 }
 
 @media (max-width: 640px) {
     .title__block {
         padding-top: 25px;
     }
 }
 
 @media (max-width: 375px) {
     .title__block {
         padding-top: 20px;
     }
 }
 
 .filter__font {
     font-size: 1.6em;
 }
 
 .summary__catlist:hover {
     color: #cb1f27;
     transition: 0.3s ease-in-out;
 }
 
 .mt__50 {
     padding-top: 40px;
 }
 
 .little_wrapper_videos {
     width: 90%;
     margin: auto;
 }
 
 .vakansii__list {
     display: flex;
     flex-wrap: wrap;
     margin: 0 auto;
     justify-content: space-between;
 }
 
 .gallery__block {
     padding: 10px;
     position: relative;
     cursor: pointer;
     opacity: 0.5;
 }
 
 .gallery__block.active {
     opacity: 1;
 }
 
 .gallery__block img {
     width: 100%;
     display: block;
     object-fit: contain;
     height: 200px;
 }
 
 .gallery__arrow {
     display: flex;
     align-items: center;
 }
 
 .gallery__arrow svg {
     width: 40px;
     height: 40px;
     cursor: pointer;
 }
 
 .gallery__arrow svg:hover path {
     fill: #01305D;
     transition: 0.2s ease-in-out;
 }
 
 .svg-center {
     position: absolute;
     top: 40%;
     left: 45%;
     width: 40px;
     height: 40px;
 }
 
 .arrow-left-2,
 .arrow-right-2,
 .arrow-top-2,
 .arrow-bottom-2 {
     margin: 20px 8px;
     width: 80px;
     height: 80px;
 }
 
 .arrow-left-2 path,
 .arrow-right-2 path,
 .arrow-top-2 path,
 .arrow-bottom-2 path {
     fill: #bfe2ff;
     stroke-width: .6;
     stroke: #337ab7;
     transition: fill .5s ease-out;
 }
 
 .arrow-left-2 path:hover,
 .arrow-right-2 path:hover,
 .arrow-top-2 path:hover,
 .arrow-bottom-2 path:hover {
     fill: #337ab7;
 }
 
 .access_send {
     font-size: 24px;
 }
 
 .star-category .fa-star:before {
     font-size: 1em;
 }
 
 .star-category {
     margin: 5px auto;
 }
 
 .tools.page-main .tools__block-image img {
     object-fit: contain;
     height: 75px !important;
 }
 
 .form__btn {
     margin-top: 29px;
 }
 
 .marm-img-block::after {
     display: none;
 }
 
 .catalog__product-inner .char__menu .char__list {
     display: flex;
 }
 
 .catalog__link span {
     font-size: 16px;
 }
 
 .visually-hidden {
     position: absolute;
     width: 1px;
     height: 1px;
     margin: -1px;
     border: 0;
     padding: 0;
     white-space: nowrap;
     -webkit-clip-path: inset(100%);
     clip-path: inset(100%);
     clip: rect(0 0 0 0);
     overflow: hidden;
 }
 
 .cloud-links {
     display: flex;
     margin-top: 28px;
     flex-direction: column;
 }
 
 .cloud-links .filter__menu {
     padding-top: 0 !important;
 }
 
 .cloud-links .vacancy-req__title {
     padding-top: 12px;
     margin-bottom: 25px;
 }
 
 .video {
     background-color: #f8f8f8;
 }
 
 .section__video .video__vid {
     width: 100%;
     height: 100%;
 }
 
 .section__video .video__vid video {
     max-height: 600px;
     margin-top: 0;
 }
 
 .header__menu {
     align-items: start;
 }
 
 .offer__model {
     margin: 0;
     padding-top: 30px;
 }
 
 .slick-dots {
     z-index: 1;
 }
 
 .extra-list {
     display: none;
 }
 
 #marmosetUI {
     background-color: inherit;
 }
 
 .img-sml {
     max-height: 400px;
 }
 
 summary {
     display: inline-block;
     cursor: pointer;
 }
 
 summary:after {
     content: "\25BC";
     margin-right: .3em;
 }
 
 details[open]>summary:after {
     content: "\25B2";
 }
 
 summary:focus {
     outline: 0;
 }
 
 .rating-container {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 20px;
     width: 90%;
     margin: 20px auto 0 auto;
 }
 
 .checked {
     color: #cb1f27;
     font-size: 16px;
 }
 
 .catalog__product {
     align-items: center;
 }
 
 .service__input,
 .group,
 .stream__input {
     margin-bottom: 0;
 }
 
 .group input,
 .group textarea {
     background-color: #ddd;
     border-bottom: 0px;
     width: 100%;
 }
 
 .service__input,
 .stream__input,
 .group input:focus~label,
 .service__input .group input:valid~label {
     top: -30px;
     left: -10px;
     font-size: 18px;
     color: rgb(80, 80, 80);
 }
 
 .service__input,
 .stream__input,
 .group textarea:focus~label,
 .service__input .group textarea:valid~label {
     top: -30px;
     left: -10px;
     font-size: 18px;
     color: rgb(80, 80, 80);
 }
 
 .form__submit {
     margin-top: 20px;
 }
 
 .title__statpage {
     margin-bottom: 60px;
 }
 
 .top__elements {
     display: flex;
     justify-content: space-between;
 }
 
 .work-time {
     padding-left: 30px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 .adress {
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 .adress a {
     border-bottom: 1px solid rgba(1, 48, 93, .25);
 }
 
 .change-city {
     padding: 10px 30px 10px 30px;
 }
 
 .mail,
 .phone {
     padding-top: 10px;
 }
 
 .phone {
     padding-right: 30px;
 }
 
 .phone a,
 .mail a,
 .change-city a,
 .quest__text a::after,
 .work-time a {
     border-bottom: 1px solid rgba(1, 48, 93, .25);
 }
 
 .right-elements {
     display: flex;
     padding-right: 40px;
 }
 
 .left-elements {
     display: flex;
 }
 
 .top__socials {
     padding-top: 5px;
     display: flex;
 }
 
 .top__social {
     padding-right: 20px;
 }
 
 .top-head {
     background: #F8F8F8;
     color: #00406B;
     width: 100%;
     font-size: 20px;
 }
 
 .right-elements-mobile {
     display: none;
 }
 
 .slider.dots-enable.sertificates-offer {
     background: #fff;
 }
 
 #search .search__content {
     padding-bottom: 50px;
 }
 
 #search .container .search__content .filter__menu .filter__list:first-child a {
     padding: 0;
 }
 
 .ymap-container {
     position: relative;
     overflow: hidden;
     cursor: pointer;
     background-position: center center;
     background-size: cover;
     height: 500px;
 }
 
 #map-yandex {
     position: relative;
     z-index: 7;
     width: 100%;
     height: 100%;
     cursor: pointer;
     background-color: transparent
 }
 
 .loader {
     position: absolute;
     z-index: 15;
     top: -100%;
     left: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     height: 100%;
     overflow: hidden;
     color: #000;
     -webkit-transition: opacity .7s ease;
     transition: opacity .7s ease;
     opacity: 0;
     background-color: rgba(0, 0, 0, .55)
 }
 
 .loader:after,
 .loader:before {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }
 
 .loader.is-active {
     top: 0;
     opacity: 1
 }
 
 .loader-default:after {
     position: absolute;
     top: calc(50% - 24px);
     left: calc(50% - 24px);
     width: 48px;
     height: 48px;
     content: '';
     -webkit-animation: rotation 1s linear infinite;
     animation: rotation 1s linear infinite;
     border: solid 8px #fff;
     border-left-color: transparent;
     border-radius: 50%
 }
 
 @-webkit-keyframes rotation {
     from {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }
     to {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
 }
 
 @keyframes rotation {
     from {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }
     to {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
 }
 
 @-webkit-keyframes blink {
     from {
         opacity: .5
     }
     to {
         opacity: 1
     }
 }
 
 @keyframes blink {
     from {
         opacity: .5
     }
     to {
         opacity: 1
     }
 }
 
 .form__btn {
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
     background-color: #cb1f27;
     transition: .3s ease-in-out;
     position: relative;
     overflow-x: hidden;
 }
 
 body>div {
     z-index: auto;
 }
 
 .circle-white {
     width: 45px;
     height: 45px;
     border-radius: 50%;
     background-color: white;
     position: absolute;
     margin: -60px 0 0 20px;
     ;
 }
 
 .circle {
     width: 25px;
     height: 25px;
     border-radius: 50%;
     background-color: green;
     animation: load 3s forwards;
     animation-iteration-count: infinite;
     position: absolute;
     left: 11px;
     top: 8px;
 }
 
 .tools__block-image-manager {
     margin-bottom: 30px;
 }
 
 .tools__block-image-manager img {
     border-radius: 1000px;
     width: 100%;
     max-width: 158px;
     max-height: 160px;
     min-height: 160px;
     -o-object-fit: cover;
     object-fit: cover;
     margin-top: 20px;
 }
 
 .manager-link {
     margin-top: 5px;
     margin-bottom: 5px;
     text-align: left;
     color: #00406B;
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
     position: relative;
     text-align: center;
 }
 
 .manager-link:hover {
     color: #cb1f27;
 }
 
 @keyframes load {
     0% {
         background-color: white;
     }
     100% {
         background-color: green;
     }
 }
 
 .news-a {
     display: block;
 }
 
 .marm-img-block {
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
 }
 
 .marm-img {
     width: 25%;
     object-fit: cover;
 }
 
 .main_offer_link {
     text-align: center;
     padding-top: 30px;
     padding-bottom: 60px;
 }
 
 .marm-img-block::after {
     position: absolute;
     content: "";
     right: 380px;
     bottom: 70px;
     width: 162px;
     height: 150px;
     background-image: url(/static/new_images/3d_icon.png);
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 100;
 }
 
 .background-grey {
     background: #f8f8f8;
 }
 
 .mb40 {
     padding-bottom: 30px;
 }
 
 .filter__btn-blue {
     background: #00406b;
 }
 
 .filter__btn-blue:hover {
     background: #32739d;
 }
 
 .pzo-count:hover {
     background: #CB1F27;
     color: #fff;
     transition: 0.4s;
     cursor: pointer;
 }
 
 .block__page404 {
     margin: 0 auto;
     padding: 100px 0 0 0;
     background-color: #F8F8F8;
     display: flex;
     align-items: center;
 }
 
 .pdf__img {
     width: 75px;
     height: 75px;
 }
 
 .img__404 {
     margin: 0px auto;
     width: 100%;
     background-color: #F8F8F8;
     display: flex;
     padding: 15px 0 30px 0;
 }
 
 .img__404 img {
     width: 50%;
 }
 
 .btn__404 {
     margin: 30px auto;
     display: block;
 }
 
 .offer__count {
     color: rgba(0, 0, 0, 0.59);
     text-align: left;
     margin-left: 15px;
     font-size: 0.9em;
     min-width: 150px;
 }
 
 .offer__count__first {
     text-align: left;
     margin-left: 10px;
     padding-top: 30px;
     margin-bottom: 50px;
     font-size: 2em;
 }
 
 .catalog__first {
     padding-bottom: 30px;
 }
 
 .post__desc {
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 .thumb-wrap {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
 }
 
 .thumb-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-width: 0;
     outline-width: 0;
 }
 
 .post__blockquote {
     width: 70%;
     margin: 30px auto;
     background: #e0edf6;
     color: #131314;
     padding: 30px 30px 30px 90px;
     position: relative;
     font-family: 'Lato', sans-serif;
 }
 
 .post__blockquote:before {
     content: "\201C";
     font-family: serif;
     position: absolute;
     top: 20px;
     left: 16px;
     color: black;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: white;
     font-size: 40px;
     font-weight: bold;
     text-align: center;
     line-height: 50px;
 }
 
 .post__blockquote:after {
     content: "";
     width: 4px;
     background: white;
     position: absolute;
     left: 70px;
     top: 20px;
     bottom: 20px;
 }
 
 .post__blockquote p {
     margin-top: 0;
     font-size: 24px;
     font-weight: 300;
 }
 
 .post__blockquote cite {
     font-size: 22px;
     font-style: normal;
     text-transform: uppercase;
 }
 
 .push {
     list-style: none;
     font-size: 20px;
 }
 
 .push li {
     position: relative;
     padding: 20px 0 20px 40px;
     font-variant: small-caps;
     font-weight: bold;
     cursor: pointer;
 }
 
 .push li:before {
     position: absolute;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: #00406b;
     content: "";
     left: 0;
     transition: .3s ease-in-out;
     top: 27px;
 }
 
 .push li:after {
     position: absolute;
     border-left: 1px dotted #00406b;
     width: 1px;
     bottom: -12px;
     content: "";
     left: 3px;
     top: 48px;
 }
 
 .push li:hover:before {
     box-shadow: 0 0 0 10px #cb1f27
 }
 
 .push li:last-child:after {
     content: none;
 }
 
 .square {
     font-size: 20px;
     margin: 0;
     counter-reset: li;
     list-style: none;
     padding: 10px;
 }
 
 .square li {
     position: relative;
     margin: 0 0 10px 2em;
     padding: 4px 8px;
     border-top: 2px solid #00406b;
     transition: .3s linear;
 }
 
 .square li:last-child {
     margin-bottom: 0;
 }
 
 .square li:before {
     content: counter(li);
     counter-increment: li;
     position: absolute;
     top: -2px;
     left: -2em;
     width: 2em;
     box-sizing: border-box;
     margin-right: 8px;
     padding: 4px;
     border-top: 2px solid #00406b;
     border-left: 2px solid transparent;
     border-right: 2px solid transparent;
     border-bottom: 2px solid transparent;
     background: #00406b;
     color: white;
     font-weight: bold;
     text-align: center;
     transition: .3s linear;
 }
 
 .square li:hover {
     border-top: 2px solid #cb1f27;
 }
 
 .square li:hover:before {
     border: 2px solid #cb1f27;
     background: #cb1f27;
 }
 
 .podmenu {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
 
 .podmenu p {
     color: rgba(0, 0, 0, 0.59);
     font-size: 20px;
     margin-left: 15px;
     text-align: right;
 }
 
 .news__table__box {
     overflow-x: auto;
     margin: 0 auto;
 }
 
 .news__table {
     font-size: 14px;
     border-collapse: collapse;
     text-align: center;
     margin: 20px auto;
 }
 
 .news__table th {
     background: #00406b;
     color: white;
     padding: 10px 20px;
     max-width: 150px;
 }
 
 .news__table td:first-child {
     background: #00406b;
     color: white;
     padding: 10px 20px;
     max-width: 180px;
 }
 
 .news__table th {
     border-style: solid;
     border-width: 0 1px 1px 0;
     border-color: white;
 }
 
 .news__table td {
     border-style: solid;
     border-width: 0 1px 1px 0;
     border-color: white;
 }
 
 .news__table td {
     background: #e0edf6;
 }
 
 .news__table th:first-child,
 td:first-child {
     text-align: left;
 }
 
 .news__table td:first-child {
     text-align: left;
 }
 
 .block__image {
     border: thin #c0c0c0 solid;
     display: flex;
     flex-flow: column;
     padding: 5px;
     margin: 20px auto;
 }
 
 .block__image img {
     max-width: 1220px;
     max-height: 1150px;
 }
 
 .block__image figcaption {
     background-color: #222;
     color: #fff;
     font: italic smaller sans-serif;
     padding: 3px;
     text-align: center;
 }
 
 .yandex__social {
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
     padding-bottom: 40px;
 }
 
 .more-pens {
     position: fixed;
     left: 20px;
     bottom: 20px;
     z-index: 10;
     font-size: 12px;
 }
 
 .banner__render {
     display: block;
     height: 150px;
     margin: 0 auto;
     width: 100%;
     overflow: hidden;
     position: relative;
     background-color: white;
 }
 
 .banner__title {
     width: 80%;
     color: black;
     font-size: 20px;
     top: 50%;
     left: 50%;
     position: absolute;
     text-align: center;
     transform: translate(-50%, -50%);
     font-family: "Bold";
     font-weight: 800;
 }
 
 .block__banner {
     position: relative;
     background: #fff;
 }
 
 .other-news-section {
     padding-top: 50px;
     background: #f8f8f8;
 }
 
 .cart__tags {
     width: 65%;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
     margin-bottom: 15px;
 }
 
 .cart__tags p {
     font-size: 16px;
     margin-right: 10px;
     font-weight: 700;
 }
 
 .cart__tags a {
     font-size: 12px;
     margin-right: 10px;
     font-weight: 700;
     display: block;
 }
 
 .stat-page__body {
     margin-bottom: 40px;
 }
 
 .size__form {
     width: 100%!important;
 }
 
 .complains {
     height: 300px;
     padding: 15px!important;
     background: #fff!important;
 }
 
 .complains:focus~label {
     top: -30px;
     left: 0px!important;
     font-size: 18px;
     color: white!important;
 }
 
 .section__complains {
     margin: 40px auto;
 }
 
 .director__block {
     width: 100%;
     display: flex;
     justify-content: space-evenly;
     margin: 110px auto;
     align-items: center;
 }
 
 .director__block img {
     width: 25%;
     display: block;
     object-fit: cover;
 }
 
 .director__block div {
     width: 40%;
 }
 
 .complains__p {
     margin-bottom: 20px;
     font-size: 20px;
     line-height: 120%;
 }
 
 .slider-main {
     position: relative;
     margin: 15px auto;
 }
 
 .slider-main .item img {
     object-fit: cover;
     width: 100%;
     height: 800px;
     filter: blur(4px);
     border: none !important;
     box-shadow: none !important;
 }
 
 .slider-main .prev,
 .slider-main .next {
     cursor: pointer;
     position: absolute;
     top: 50%;
     left: 0%;
     width: auto;
     margin-top: -22px;
     padding: 16px;
     color: white;
     font-weight: bold;
     font-size: 18px;
     transition: 0.6s ease;
     border-radius: 0 3px 3px 0;
 }
 
 .slider-main .next {
     margin-left: 95%;
     border-radius: 3px 0 0 3px;
 }
 
 .slider-main .prev:hover,
 .slider-main .next:hover {
     background-color: rgba(0, 0, 0, 0.8);
 }
 
 .slideText {
     position: absolute;
     color: #fff;
     font-size: 35px;
     left: 50%;
     top: 50%;
     display: block;
     padding: 10px;
     background-color: rgb(0 0 0 / 66%);
     transform: translate(-50%, -50%);
     text-shadow: 1px 1px 1px #000, 0 0 1em #000;
 }
 
 .slider-dots {
     text-align: center;
 }
 
 .slider-dots_item {
     cursor: pointer;
     height: 12px;
     width: 12px;
     margin: 0 2px;
     background-color: #ddd;
     border-radius: 50%;
     display: inline-block;
     transition: background-color 0.6s ease;
 }
 
 .active-index,
 .slider-dots_item:hover {
     background-color: #aaa;
 }
 
 .slider .item {
     -webkit-animation-name: fade;
     -webkit-animation-duration: 1.5s;
     animation-name: fade;
     animation-duration: 1.5s;
 }
 
 @-webkit-keyframes fade {
     from {
         opacity: .4
     }
     to {
         opacity: 1
     }
 }
 
 @keyframes fade {
     from {
         opacity: .4
     }
     to {
         opacity: 1
     }
 }
 
 @media (max-width: 1040px) {
     .slider-main .next {
         margin-left: 93%;
     }
     .slideText {
         font-size: 26px;
     }
 }
 
 @media (max-width: 580px) {
     .slider-main .next {
         margin-left: 86%;
     }
 }
 
 @media (max-width: 374px) {
     .slider-main .next {
         margin-left: 82%;
     }
 }
 
 .new__news__block {
     width: 31%;
     display: flex;
     flex-direction: column;
     text-align: center;
     margin: 1% 1%;
 }
 
 .new__news__wrapper {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     margin-bottom: 30px;
     margin-top: 20px;
 }
 
 .top_slider {
     position: relative;
     margin-top: 100px;
     font-weight: 600;
     word-break: break-word;
 }
 
 .top_slider .item_slide {
     position: relative;
     height: 900px;
     background-position: 50% 0;
     background-repeat: no-repeat;
     text-align: center;
     color: #fff;
 }
 
 .top_slider .item_slide:before {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #081c2e;
     opacity: .20;
     content: '';
 }
 
 .top_slider .wrp {
     height: 100%;
     z-index: 10;
 }
 
 .top_slider .row_slide {
     display: table;
     width: 100%;
     height: 100%;
 }
 
 .top_slider .row_info {
     position: relative;
     z-index: 10;
     width: 100%;
     display: table-cell;
     vertical-align: middle;
     text-align: center;
 }
 
 .top_slider .title_slide {
     margin-top: 140px;
     font-family: Bold;
     font-size: 45px;
     line-height: 52px;
     color: #fff;
     text-transform: uppercase;
     padding-bottom: 30px;
 }
 
 .desc_slide {
     font-weight: 300;
     font-size: 24px;
     word-break: break-word;
 }
 
 .top_slider .desc_slide p {
     padding: 8px 0;
 }
 
 .top_slider .slick-dots {
     position: absolute;
     left: 0;
     bottom: 55px;
     width: 100%;
     height: 20px;
     padding: 0;
     text-align: center;
 }
 
 .top_slider .slick-dots:after {
     clear: both;
     content: "";
     display: block;
     height: 0;
     width: 0;
     visibility: hidden;
 }
 
 .top_slider .slick-dots li {
     display: inline-block;
     padding: 0 8px;
     vertical-align: top;
 }
 
 .top_slider .slick-dots li button {
     display: block;
     width: 20px;
     height: 20px;
     text-indent: -9999px;
     background: #fff;
     font-size: 0;
     opacity: .3;
     cursor: pointer;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .top_slider .slick-dots li.slick-active button {
     background: white;
     opacity: 1;
     cursor: default;
 }
 
 .top_slider .slick-prev,
 .top_slider .slick-next {
     display: block;
     width: 53px;
     height: 76px;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAABMCAMAAACyCtKOAAAAn1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADm5ub8/Pz+/v75+fnu7u719fXy8vLr6+vf39/c3NzT09P7+/v4+Pj09PTs7Ozq6uri4uLU1NTOzs7MzMy9vb29vb2UlJR+fn5lZWVPT089PT0gICD9/f34+Pjo6OjZ2dnMzMzJycmpqanx8fGtra23t7c8PDyhoaGcnJxfX1////9MXh1UAAAANHRSTlMACBEeFyolMDQ7tfD64cze1cWoo47r1cvJurOUh4NqW01HQj47NfXnwZx5cEupV1JMQTYjFDw3QQAABHhJREFUWMPtmel2mzAQhStjDHhpnM2O48Sxsy/O7vd/tgpm0JC5RjIk/dUqPT054Y4+3dEgIfj1v/3lZtxP4Pr3Ofa/vHF/4evt/VRb/jfNAUFLkmrY1xaBaedoC8vAWL4P43467ocakkTSimVKkP1Hzf6CtlDCmlaWXDPcYJ6cRmCNPAmoWzRHUyytKfHNPEkf3BHNhhoPiJqgjBuujY3y9j4dPH92O6oynOrzeTB9L4QFDFlhUwyK1sPNZjPjEQvJmZrZy8N1xLBSZXY01RFSb3m7yfuSTqiJbJhfv132mrLMF0+9Xm9V9LQZ6T6M040KwXBlxV9YfpihwQopXt1uinYRdXVdsDC6IMXtKlYsf5OxFqD4ckD9PEVRjSsrfCLN4DIuYMq/d56Q9BgJClxF0WOQhSTl6eqYPVXiRV7Rsq/jK82qbVVSbEl31MN5rFE8LhGfk/LOsuKwL6NIyfWI4s/y4AiDZbKs/Iy0o+tEsbY1lb3kxpHQFNpyrJskNF8GSHsUexSjKSwMyzoi/Z5mhT2NKXKuEuJJ+JwixgFfRpGSCcU9JMoUxSlWRKwHipkkfl+KNEYSRHEGkTWusNgWblBMSk8o5rAkyaKkns44rGQdUtxJSqyttiQTOek3RRzkEb7VWlJYRh5Q5G+OhLKVANLvC0mVROBeFNY+sbrIoqoleXpP6tM0VaQdWGl6StH3FKxRJC/UdmDsqZ9KErQnZEny0z77sikpxokoNpX0S0+EElKQRSjnq18NV6RCy6RZlqaQAg9L0p+m2YxZcQ9tcf6EtJ9ZVCJSQOHt5YoqzbJ9YQlK5e+I5zQrUWLKBG0JKuPKOrIdgCtWDukOzBDla4jKaA0Yug5UAVol7brTLSgTIn1FTWlXRlcOteCN4M3nKpzAN96AFoKCCozPmIVlYYL5ExSTzuLtFchSLozxd4p9zEWhih1yPecFc+dbWE9VuVjP1QSgreSQWYTSrPDCxKTDRJlCW7LpwHKLMFxu1VZXs4uQXDaCWZtNZMYbkCoqFSFJ6JeLOzyQ+Eg6MhJTtc9ZiVveyZZiCahCIlNuUa/ff4ykkFjlRux9jJGDI5PKLZhJkj6Dq7OMT+qorgyNyoXUrsrF9qwja15fGkY/ctaSjP/Ak4zbPUiPk/AhC1i8kp3vdjw459UTSNjQ1/WIWVgZaIpJo+vdDo7AuuPjqbKF4viRj3KK1PyAuggdUBd1B1TT+IC/wPuxek8t6o7d9c1ADlfMuhAUnk8vmLRCTz6YvpeXQ+pnLSijXK1JMVyq+6nxi58ll1YX38Z0SMeFurTihi+0jPgqYC/UU7fOVZeuv1iQI3XCnnC9jngqJjovoprwZEbgKQzTrx5fJ4Pph9zCRqk+poPJK4GcJwGFYJKdAgcvVFUKSUOiVu9uBZb3Iaa0+arINPCk+5FmiKW9ezRNv4fo1+z6fZaWsKbNq3aHhEnwSZqx1CePrZ9fUJLH/chHJe/HoNYkioFujG84HNSGJTTkoEAUbWniMSQwP/QJNaj4R9sf4MivbgAy5P4AAAAASUVORK5CYII=) 0 0 no-repeat;
     overflow: hidden;
     text-indent: -9999px;
     position: absolute;
     top: 50%;
     margin-top: -38px;
     cursor: pointer;
     border: none;
     outline: none;
     z-index: 20;
     opacity: .5;
     transition: all 200ms ease-in;
     -webkit-transition: all 200ms ease-in;
     -moz-transition: all 200ms ease-in;
     -o-transition: all 200ms ease-in;
     -ms-transition: all 200ms ease-in;
 }
 
 .slick-prev-diff,
 .slick-next-diff {
     padding: 5px;
     display: block;
     border-radius: 50%;
     width: 53px;
     overflow: hidden;
     text-indent: -9999px;
     position: absolute;
     top: 55%;
     margin-top: -38px;
     cursor: pointer;
     border: none;
     outline: none;
     z-index: 20;
     background-color: inherit;
     transition: all 200ms ease-in;
     -webkit-transition: all 200ms ease-in;
     -moz-transition: all 200ms ease-in;
     -o-transition: all 200ms ease-in;
     -ms-transition: all 200ms ease-in;
 }
 
 .slick-prev-diff svg,
 .slick-next-diff svg {
     padding: 7px;
     display: block;
     border-radius: 50%;
     overflow: hidden;
     text-indent: -9999px;
     border: 1px solid rgb(236, 236, 236);
     outline: none;
     z-index: 20;
     transition: all 200ms ease-in;
     background-color: white;
     fill: #00406B;
 }
 
 .slick-prev-diff {
     left: -3%;
 }
 
 .slick-next-diff {
     right: -3%;
 }
 
 .top_slider .slick-prev {
     left: 150px;
     background-position: 0 0;
 }
 
 .top_slider .slick-next {
     right: 150px;
     background-position: -53px 0;
 }
 
 .top_slider .slick-prev:hover,
 .top_slider .slick-next:hover {
     opacity: .85;
 }
 
 .top_slider .s_arrow {
     height: 100%;
 }
 
 .top_slider .item_slide {
     -o-background-size: cover;
     -webkit-background-size: cover;
     -khtml-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
 }
 
 @media only screen and (max-width: 1200px) {
     .top_slider {
         margin-top: 50px;
     }
     .top_slider .slick-dots {
         bottom: 29px;
     }
     .top_slider .title_slide {
         font-size: 38px;
     }
     .top_slider .desc_slide {
         font-size: 22px;
     }
     .top_slider .item_slide {
         height: 600px;
     }
 }
 
 @media only screen and (max-width: 768px) {
     .top_slider .slick-next,
     .top_slider .slick-prev {
         display: none !important;
     }
     .top_slider .title_slide {
         margin-top: 0;
         padding: 20px;
     }
     .block__page404 {
         padding: 50px 0 0 0;
     }
     .btn__404 {
         width: 80%;
     }
     .img__404 img {
         width: 80%;
     }
 }
 
 @media only screen and (max-width: 620px) {
     .top_slider .title_slide {
         font-size: 28px;
         line-height: 40px;
     }
     .top_slider .desc_slide {
         font-size: 18px;
         margin-bottom: 15px;
     }
 }
 
 @media only screen and (max-width: 480px) {
     .top_slider .slick-dots {
         bottom: 25px;
     }
 }
 
 .mr100 {
     margin-top: 100px;
 }
 
 .better_wrapper {
     margin-top: 70px;
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 30px;
 }
 
 .better_block img {
     height: 350px;
     margin-bottom: 6px;
 }
 
 .better_title {
     text-align: center;
     font-size: 24px;
     margin-bottom: 6px;
 }
 
 .better_block {
     margin-bottom: 48px;
     width: 33%;
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
 .whatsapp-ico {
     fill: white;
     width: 50px;
     height: 50px;
     padding: 3px;
     background-color: #00406b;
     border-radius: 50%;
 }
 
 .whatsapp-ico:hover {
     opacity: 0.8;
     transition: all linear 0.3s;
 }
 
 .service-hover:hover {
     opacity: 0.8;
     transition: all linear 0.3s;
 }
 
 .better_desc {
     text-align: center;
     font-size: 16px;
     color: #999999;
 }
 
 .better__h2_desc {
     text-align: center;
     font-size: 24px;
 }
 
 .marm__wrap {
     display: none;
     position: fixed;
     z-index: 10;
     left: 0;
     top: 0;
     margin-top: 3%;
     width: 100%;
     height: 100%;
     background-color: rgb(0, 0, 0);
     background-color: rgba(0, 0, 0, 0.4);
 }
 
 .marm {
     background-color: #fefefe;
     margin: 2% auto 5% auto;
     border: 1px solid #888;
     width: 100%;
     height: 100%;
     position: relative;
 }
 
 .supp__marm {
     position: absolute;
     top: 10%;
     left: 10%;
     z-index: 11;
     text-align: left;
 }
 
 .close__marm {
     position: absolute;
     top: 10%;
     left: 90%;
     z-index: 11;
     cursor: pointer;
 }
 
 .size__change__block {
     display: flex;
     flex-direction: column;
     position: absolute;
     top: 10%;
     left: 10%;
 }
 
 .size__change__button_up {
     margin-bottom: 50%;
     z-index: 11;
     cursor: pointer;
 }
 
 .size__change__button_down {
     z-index: 11;
     cursor: pointer;
 }
 
 .catalog__product {
     position: relative;
 }
 
 .discount__img {
     background-color: #F03C44;
     padding: 10px;
     position: absolute;
     top: 5%;
     left: 0;
     content: '';
     color: white;
     font-weight: 700;
 }
 
 #show__more__offers {
     margin: 0 auto 40px auto;
     display: block;
 }
 
 #aglo__input__min {
     display: block;
     width: 8%;
     height: calc(2.25rem + 2px);
     padding: 0.375rem 0.75rem;
     margin-left: 1rem;
     font-family: inherit;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #bdbdbd;
     border-radius: 0.25rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 #aglo__input__max {
     display: block;
     width: 8%;
     height: calc(2.25rem + 2px);
     padding: 0.375rem 0.75rem;
     margin-left: 1rem;
     font-family: inherit;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #bdbdbd;
     border-radius: 0.25rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 #aglo_filter {
     margin-top: 0;
     margin-left: 1rem;
 }
 
 @media (max-width: 860px) {
     #aglo_filter {
         width: 20%;
     }
     #aglo__input__max {
         width: 10%;
     }
     #aglo__input__min {
         width: 10%;
     }
 }
 
 @media (max-width: 650px) {
     #aglo__input__max {
         width: 30%;
     }
     #aglo__input__min {
         width: 30%;
     }
     #aglo_filter {
         width: 30%;
     }
 }
 
 @media (max-width: 550px) {
     #aglo__input__max {
         width: 25%;
     }
     #aglo__input__min {
         width: 25%;
     }
     #aglo_filter {
         margin-top: 1rem;
         width: 100%;
     }
 }
 
 .filter__menu .section__desc {
     text-align: left;
 }
 
 .main__img__lines {
     width: 100%;
     object-fit: contain;
 }
 
 .main__lines__block {
     width: 100%;
     height: 100%;
     margin: 60px 0 0 0;
     overflow: hidden;
 }
 
 .main__lines__form {
     width: 30%;
     min-height: 500px;
     background-color: #00406b;
 }
 
 .lines__section__title {
     font-size: 2.5em;
     line-height: 120%;
     text-align: center;
     padding-top: 25px;
     padding-bottom: 25px;
 }
 
 .form__section__title {
     font-size: 2.5em;
     line-height: 120%;
     text-align: center;
     padding-bottom: 25px;
 }
 
 .lines__two__cell {
     min-width: 700px;
 }
 
 .white__table {
     background: white;
 }
 
 .how__works__lines {
     background: #f8f8f8;
     padding: 30px 0 50px 0;
     margin: 50px 0 0 0;
 }
 
 .lines__before__block {
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 .catalog__name__color {
     background-color: #00406b;
     width: 100%;
     color: white;
     height: 70px;
     display: flex;
     text-align: center;
     justify-content: center;
     align-items: center;
 }
 
 .manager__block {
     padding: 5%;
 }
 
 .char__go {
     padding-top: 20px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     font-size: 1em;
     width: 100%;
 }
 
 .char__offer__list {
     width: 100%;
 }
 
 .test_gopa {
     width: 100%;
     margin: 0 auto 50px auto;
 }
 
 .test__gopa__img {
     height: 400px;
     width: auto;
     margin: 0 auto;
     display: flex;
 }
 
 .test__gopa2 {
     width: 100%;
     margin: 0 auto 0 0;
     padding-bottom: 50px;
 }
 
 .test__gopa2__img {
     width: 150px;
     height: 100px;
     object-fit: cover;
     display: inline-block;
 }
 
 .lines__before__block img {
     width: 100%;
     height: auto;
     object-fit: cover;
     margin: 0 auto;
 }
 
 .img__box {
     height: calc(400px - 5%);
     width: 45%;
     margin-bottom: 2%;
 }
 
 .lines__table {
     border-collapse: collapse;
 }
 
 .lines__table td {
     min-width: 100px;
     text-align: center;
 }
 
 .lines__table__header {
     background-color: #ebeff2;
     color: black;
     padding: 10px;
     border: 1px solid black;
 }
 
 .lines__table__value {
     background-color: white;
     border: 1px solid black;
     padding: 10px;
 }
 
 .lines__table__tr {
     display: flex;
     flex-wrap: wrap;
 }
 
 .test_table {
     display: flex;
     flex-direction: column;
 }
 
 .test__lines__body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     row-gap: 15px;
     justify-content: center;
 }
 
 .pd__title {
     padding: 25px 0 25px 0;
 }
 
 .offer__wrapper {
     display: flex;
     margin: 5% 0 5% 0;
 }
 
 .stats__box {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     flex-direction: column;
     margin-right: 5%;
     margin-left: -10%;
     background-color: #f8f8f8;
     z-index: 5;
     max-width: 370px;
 }
 
 .offer__icon {
     width: 70px;
     height: 70px;
     border-radius: 10px;
     margin-bottom: 15px;
     border: 1px solid black;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     color: black;
     background-color: #ededed;
     cursor: pointer;
     z-index: 5;
 }
 
 .offer__icon:hover {
     background-color: #349ed0;
     transition: .3s ease-in-out;
 }
 
 .offer_delivery {
     font-size: 14px;
     text-align: left;
     margin: 5% 0;
 }
 
 .offer__price__box {
     width: 180%;
     max-width: 300px;
 }
 
 .rating-container-offer {
     text-align: center;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 .offer-btn {
     width: 100%;
     border-radius: 5px;
     margin-bottom: 10px;
 }
 
 .offer-btn_click {
     width: 100%;
     border-radius: 5px;
     margin-bottom: 10px;
     color: black;
     background-color: white;
     border: 1px solid #cb1f27;
     padding: 18px 0;
 }
 
 .in-stock {
     font-size: 1.2em;
     color: #006400;
     text-align: left;
 }
 
 .offer__char__price {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
 .tl {
     text-align: left;
 }
 
 .price__discount {
     background: rgb(2, 0, 36);
     background: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(94, 39, 255, 1) 42%, rgba(0, 212, 255, 1) 100%);
     padding: 3%;
     color: white;
     border-radius: 10px;
     font-weight: 600;
     box-shadow: 1px 1px 4px grey;
 }
 
 .offer__discount__price {
     font-size: 24px;
     color: #aba8a8;
 }
 
 .offer__icon__pdf {
     background-color: #ad0b00;
     border: 1px solid white;
     color: white;
 }
 
 .offer__anchors {
     display: flex;
     flex-wrap: wrap;
 }
 
 .offer__anchor {
     color: #3e08dd;
     border-radius: 5px;
     padding: 5px;
     margin-top: 5%;
     margin-right: 5%;
     cursor: pointer;
     text-decoration: underline;
 }
 
 .offer__anchor:hover {
     color: #5e27ff;
     transition: .3s ease-in-out;
 }
 
 .big__char__menu {
     padding-top: 20px;
     width: 100%;
     font-size: 1.2em;
 }
 
 .big__filter__font {
     font-size: 1.8em;
 }
 
 .offer__render__video video {
     width: 450px;
     height: 350px;
     background-color: #f8f8f8;
     margin-left: 65px;
     margin-right: 145px;
 }
 
 .bit__char__list {
     width: 50%;
 }
 
 .offer__icon__box {
     background-color: transparent;
     margin-right: -50px;
     z-index: 5;
 }
 
 .big__rework {
     font-size: 1.6em;
 }
 
 .lines__price__section {
     margin: 50px 0 50px 0;
     width: 100%;
 }
 
 .lines__price__block {
     display: flex;
     justify-content: flex-end;
     align-items: center;
 }
 
 .lines-btn {
     margin-left: 35px;
 }
 
 .little__text__lines {
     margin-top: 3%;
     text-align: right;
     font-size: 12px;
 }
 
 .char__price-total-lines {
     font-size: 40px;
 }
 
 .staff__textarea__wrapper {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
 }
 
 .staff__textarea {
     margin-top: 30px;
     margin-bottom: 30px;
     resize: none;
     width: 90%;
     height: 500px;
     background: #f2f2f2;
     border: 1px solid #cecece;
     border-radius: 8px 0 0 0;
     padding: 8px 0 8px 10px;
     font-size: 16px;
 }
 
 .staff__header {
     font-size: 24px;
     width: 100%;
     margin: 150px auto 0 auto;
     text-align: center;
 }
 
 .links__block {
     margin-top: 30px;
     font-size: 20px;
     color: black;
     display: flex;
     flex-wrap: wrap;
     margin-left: 10%;
     justify-content: space-evenly;
 }
 
 .staff__link:hover {
     color: #256f25;
 }
 
 .staff__block {
     width: 75%;
     min-height: 100vh;
     background-color: #f8f8f8;
     margin: 0 auto;
 }
 
 #info_list {
     font-size: 24px;
     color: red;
     text-align: center;
 }
 
 #error_list {
     width: 90%;
     display: flex;
     flex-direction: column;
 }
 
 .catlist__title {
     text-align: left;
 }
 
 .catlist__title__block {
     display: flex;
     align-items: center;
     padding-bottom: 1%;
 }
 
 .catlist__input {
     border-radius: 10px;
     width: 90%;
     margin-bottom: 5px;
     border: 1px solid black;
     padding: 10px;
 }
 
 .catlist__filter__block {
     padding: 0 10% 0 5%;
     transition: max-height 0.3s ease-in-out;
 }
 
 .catlist__filter__block summary {
     padding: 5%;
     margin-bottom: 5%;
     border-bottom: 1px lightgrey solid;
     width: 100%;
 }
 
 .catlist__filter__block__first {
     position: relative;
 }
 
 .catlist__filter__block__first summary {
     border-top: 1px lightgrey solid;
 }
 
 .catlist__filter {
     display: flex;
     flex-direction: column;
     width: 24%;
     float: left;
 }
 
 .catlist__wrapper {
     display: flex;
     justify-content: space-between;
 }
 
 .catlist__filter__list {
     display: flex;
     align-items: baseline;
     width: 65%;
     justify-content: flex-end;
     margin-left: auto;
     margin-bottom: 2%;
 }
 
 .catlist__filter__list__link {
     font-size: 1em;
     cursor: pointer;
     margin-left: 3%;
     border: none;
     display: flex;
     align-items: center;
     background-color: transparent;
 }
 
 .catlist__filter__list__link:hover {
     color: #006400;
     transition: 0.3s linear;
 }
 
 .filter__active {
     color: #cb1f27;
     text-decoration: underline;
 }
 
 #show__more__offers__filter {
     display: none;
     margin: 0 auto 0 auto;
 }
 
 .catlist__bit__title {
     padding: 0;
 }
 
 .main__offer {
     width: 32%;
 }
 
 .catlist__list {
     padding-left: 2%;
 }
 
 .catlist__loading {
     display: none;
     border: 16px solid #f3f3f3;
     border-radius: 50%;
     border-top: 16px solid #00406b;
     width: 120px;
     margin: 25% auto;
     height: 120px;
     -webkit-animation: spin 2s linear infinite;
     animation: spin 2s linear infinite;
 }
 
 .catlist__loading.active {
     display: block;
 }
 
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
 
 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }
 
 .catlist__harak__input {
     margin-right: 5px;
 }
 
 .filter__error {
     margin: 0 auto;
 }
 
 .checkbox_in_active {
     opacity: 0.5;
     cursor: not-allowed !important;
 }
 
 .checkbox_in_active input:checked~.checkbox__checkmark {
     background-color: #eee !important;
 }
 
 .checkbox_in_active input:checked~.checkbox__checkmark:after {
     opacity: 1 !important;
 }
 
 .checkbox_in_active:hover input~.checkbox__checkmark {
     background-color: #eee !important;
 }
 
 .checkbox_in_active:hover input:checked~.checkbox__checkmark {
     background-color: #eee !important;
 }
 
 .checkbox.style-c {
     display: inline-block;
     position: relative;
     padding-left: 30px;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     margin-bottom: 3%;
 }
 
 .checkbox.style-c input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
 }
 
 .checkbox.style-c input:checked~.checkbox__checkmark {
     background-color: #00406b;
 }
 
 .checkbox.style-c input:checked~.checkbox__checkmark:after {
     opacity: 1;
 }
 
 .checkbox.style-c:hover input~.checkbox__checkmark {
     background-color: #eee;
 }
 
 .checkbox.style-c:hover input:checked~.checkbox__checkmark {
     background-color: #00406b;
 }
 
 .checkbox.style-c .checkbox__checkmark {
     position: absolute;
     top: 2px;
     left: 0;
     height: 20px;
     width: 20px;
     background-color: rgb(0 0 0 / 15%);
     ;
     transition: background-color 0.25s ease;
     border-radius: 4px;
     border: 1px solid #0f58d0;
 }
 
 .checkbox.style-c .checkbox__checkmark:after {
     content: "";
     position: absolute;
     left: 7px;
     top: 3px;
     width: 5px;
     height: 10px;
     border: solid #FFFFFF;
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
     opacity: 0;
     transition: opacity 0.25s ease;
 }
 
 .checkbox.style-c .checkbox__body {
     color: #333;
     line-height: 1.4;
     font-size: 16px;
 }
 
 .checkbox.style-c .checkbox__body:hover {
     color: #000;
     line-height: 1.4;
     font-size: 16px;
 }
 
 .mobile__filter__header {
     display: none;
     font-size: 1em;
     cursor: pointer;
     margin-left: 3%;
     border: none;
     background-color: #f8f8f8;
     margin-bottom: 5%;
 }
 
 .mobile__filter__header:after {
     content: '';
     width: 14px;
     height: 14px;
     display: inline-block;
     background-size: 14px;
     margin-left: 8px;
     background-repeat: no-repeat;
     background-image: url("../../img/filter_2.png");
 }
 
 .up-icon:before {
     content: '';
     width: 14px;
     height: 14px;
     display: inline-block;
     background-size: 14px;
     margin-right: 14px;
     background-repeat: no-repeat;
     background-image: url("../../img/filter-down.png");
 }
 
 .down-icon:before {
     content: '';
     width: 14px;
     height: 14px;
     display: inline-block;
     background-size: 14px;
     margin-right: 8px;
     background-repeat: no-repeat;
     background-image: url("../../img/filter-up.png");
 }
 
 .filter__popup {
     width: 100%;
     height: 1px;
     background-color: #FFFFFF;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 10;
     opacity: 0;
     -webkit-transition: opacity 200ms ease-in;
     -moz-transition: opacity 200ms ease-in;
     transition: opacity 200ms ease-in;
     margin: 0;
     padding: 0;
     overflow: auto;
 }
 
 .filter__popup:target {
     opacity: 1;
 }
 
 .contacts_block_wrapper {
     display: flex;
 }
 
 #close__filter {
     top: 10%;
 }
 
 .catlist__wrapper__checkbox {
     display: flex;
     flex-wrap: wrap;
     width: 85%;
     gap: 8px;
 }
 
 .checkboxes__item {
     min-width: 100px;
 }
 
 .mobile__hide {
     display: none;
 }
 
 .overlay {
     background-color: rgba(0, 0, 0, 0.7);
     height: 100%;
     position: absolute;
     width: 100%;
 }
 
 .tools__block a {
     width: 100%;
 }
 
 .main-lines__desc h3 {
     font-size: 16px;
     text-align: center;
     padding: 0 10px;
     word-break: break-word;
 }
 
 .catalog__total {
     display: flex;
     width: 90%;
     margin: 7% auto 0 auto;
     justify-content: flex-end;
 }
 
 .twin-price {
     justify-content: space-evenly;
     align-items: start;
 }
 
 .solo-price {
     justify-content: center;
 }
 
 .catalog__help__text {
     color: #00406B;
     cursor: help;
     border: none;
     background-color: white;
     font-size: 20px;
 }
 
 .page-search {
     padding-bottom: 50px;
 }
 
 .tog {
     top: 10%;
 }
 
 .fa-heart {
     display: none;
 }
 
 .fa-solid {
     display: block;
 }
 
 .fa-regular {
     display: block;
 }
 
 .catalog__total-text-s b {
     font-size: 20px;
 }
 
 .catalog__total-text b {
     font-size: 26px;
 }
 
 .h2-title {
     margin: 2% 0 2% 0;
     font-size: 2em;
 }
 
 .new_delivery__gallery {
     margin-top: 50px;
     margin-bottom: 50px;
     justify-content: flex-start;
 }
 
 .new_delivery__image {
     display: block;
 }
 
 .overlay-form {
     opacity: 0;
     visibility: hidden;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .5);
     z-index: 20;
     transition: .3s all;
 }
 
 .modal {
     opacity: 0;
     visibility: hidden;
     width: 100%;
     max-width: 50%;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 30;
     box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2);
     text-align: center;
     padding: 30px;
     border-radius: 3px;
     background-color: #fff;
     transition: 0.3s all;
 }
 
 .modal p {
     font-size: 1.2em;
 }
 
 .modal.active,
 .overlay-form.active {
     opacity: 1;
     visibility: visible;
 }
 
 .modal__cross {
     width: 15px;
     height: 15px;
     position: absolute;
     top: 20px;
     right: 20px;
     fill: #444;
     cursor: pointer;
 }
 
 .sticky__btn {
     min-height: 55px;
     background-color: white;
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 50;
     padding: 10px;
     box-shadow: 0 5px 46px rgb(0 0 0 / 12%), 0 7px 15px rgb(0 0 0 / 12%);
     display: none;
 }
 
 .wrapper__sticky__btn {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
 }
 
 .wrapper__sticky__btn p {
     font-size: 1.2em;
     font-weight: 600;
 }
 
 #sticky__btn {
     padding: 10px 48px;
     font-size: 1em;
 }
 
 #sticky__btn span {
     font-size: 1.2em;
 }
 
 .box__sticky {
     display: flex;
     width: 80%;
     align-items: center;
     margin-left: 5%;
 }
 
 .box__sticky p:nth-child(1) {
     width: 15%;
 }
 
 .box__sticky p:nth-child(2) {
     margin-left: 5%;
 }
 
 .search__error__wrapper {
     font-size: 22px;
 }
 
 .search-input input {
     width: 85%;
 }
 
 .search-input {
     display: flex;
     width: 80%;
     margin: 0 auto;
 }
 
 .search-input-error {
     padding: 18px;
     border: none;
 }
 
 .search-error-text {
     padding: 5% 0 5% 0;
     font-size: 20px;
 }
 
 .catlist__input:invalid {
     animation: shake .3s;
     background-color: #e56c64;
 }
 
 @keyframes shake {
     25% {
         transform: translateX(4px)
     }
     50% {
         transform: translateX(-4px)
     }
     75% {
         transform: translateX(4px)
     }
 }
 
 .catlist__claud {
     display: none;
     border: 1px solid black;
     position: absolute;
     content: 'только числа';
     top: -10%;
     left: 10%;
     width: 90%;
     height: 50px;
     background-color: #fff;
     border-radius: 20px;
     text-align: center;
     align-items: center;
     justify-content: center;
 }
 
 .mobile_catlist__filter__list {
     position: absolute;
     z-index: 100;
     margin-top: 5%;
     right: 5%;
     background-color: #fff;
     display: none;
 }
 
 .sort_mobile_filter_up::after {
     content: ' ▲';
 }
 
 .sort_mobile_filter_down::after {
     content: ' ▼';
 }
 
 .active__paginate {
     font-size: 22px;
     background-color: #cb1f27;
     border-radius: 10px;
     color: #fff;
 }
 
 .mini-text {
     font-size: 18px;
     padding-bottom: 30px;
 }
 
 .why_we {
     font-size: 16px;
     font-weight: 500;
 }
 
 .why_we_offer {
     margin-top: 10px;
 }
 
 .disable__btn {
     background-color: #a3a7a3;
 }
 
 .disable__btn:hover {
     background-color: #a3a7a3;
     cursor: not-allowed;
 }
 
 .submit-row {
     position: fixed;
     bottom: 0;
     right: 40px
 }
 
 .video__section {
     margin-top: 30px;
 }
 
 .video__section .section__title {
     margin-bottom: 15px;
 }
 
 .h1__title {
     font-size: 36px;
     margin: 50px auto 50px auto;
     text-align: center;
 }
 
 .diff__icon {
     font-size: 20px;
     border: none;
     background-color: inherit;
     color: #7c8183;
     transition: 0.3s ease-in-out color;
 }
 
 .diff__icon i.active {
     color: #00406B;
 }
 
 .diff__icon:hover {
     color: #00406B;
 }
 
 .favorit {
     font-size: 20px;
     border: none;
     background-color: inherit;
     color: #00406B;
 }
 
 .favorit-offer {
     font-size: 16px;
     border: none;
     background-color: inherit;
     color: #00406B;
     position: relative;
     top: 0;
     left: 0;
 }
 
 .favorit:hover {
     color: #00406B;
 }
 
 .favorit-offer:hover {
     color: #00406B;
 }
 
 .help__favorit {
     position: absolute;
     top: 0%;
     right: 100%;
     z-index: 10;
     padding: 10px;
     background-color: #00406B;
     color: white;
     border-radius: 10px;
     display: none;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .help__diff {
     position: absolute;
     top: 10%;
     right: 100%;
     z-index: 10;
     padding: 10px;
     background-color: #00406B;
     color: white;
     border-radius: 10px;
     display: none;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .favorit:hover+.help__favorit {
     display: block;
 }
 
 .diff__icon:hover+.help__diff {
     display: block;
 }
 
 .favorit__empty {
     height: 60vh;
     background-color: #f8f8f8;
     text-align: center;
     display: flex;
     font-size: 36px;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     margin: 0 auto;
 }
 
 .favorit__empty a {
     color: #00406B;
     border-bottom: 1px solid #00406B;
     line-height: 120%;
 }
 
 .favorit__empty p {
     padding-bottom: 20px;
 }
 
 .big__filter__font--mb {
     margin-bottom: 20px;
 }
 
 .catalog__total {
     min-height: 40px;
 }
 
 .header_elem {
     cursor: pointer;
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 /* создаем всплывающую подсказку */
 
 .header_elem:hover .tooltip {
     visibility: visible;
 }
 
 .header_elem:hover {
     color: #00406B;
 }
 
 .tooltip {
     margin-top: 5px;
     font-size: 12px;
 }
 
 .faicon {
     display: flex;
     font-size: 20px;
     justify-content: space-evenly;
 }
 
 .offers__icons {
     position: absolute;
     right: 5%;
     top: 5%;
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
 .offers__icons p,
 button {
     margin-bottom: 8px;
 }
 
 .buttons__wrap {
     display: flex;
     justify-content: space-evenly;
     width: 100%;
 }
 
 .page-favorites {
     padding-bottom: 50px;
 }
 
 .main__busket {
     display: flex;
     margin: 50px auto;
     justify-content: space-between;
 }
 
 .busket {
     display: flex;
     width: 70%;
     flex-direction: column;
 }
 
 .busket .wrapper {
     background-color: white;
     width: 100%;
     display: flex;
     padding: 20px 20px 20px 20px;
     margin-bottom: 20px;
     border-radius: 5px;
     justify-content: space-between;
     min-height: 200px;
 }
 
 .busket .wrapper .a_img {
     width: 20%;
     object-fit: cover;
 }
 
 .busket .wrapper img {
     width: 100%;
     object-fit: cover;
 }
 
 .busket s {
     color: #aba8a8;
     font-size: 16px;
 }
 
 .busket .wrapper .info {
     width: 45%;
     display: flex;
     flex-direction: column;
     font-size: 18px;
     justify-content: space-between;
 }
 
 .busket .wrapper .info .info-links {
     display: flex;
     flex-direction: column;
 }
 
 .busket .info .name {
     margin-bottom: 10px;
     font-weight: 600;
 }
 
 .busket .info .name:hover,
 .busket .info .cat:hover {
     opacity: 0.8;
 }
 
 .busket .info .cat {
     margin-bottom: 10px;
     color: #686868;
 }
 
 .busket .right {
     width: 30%;
 }
 
 .busket .count {
     display: flex;
 }
 
 .busket .price {
     font-size: 18px;
     font-weight: 600;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     width: 20%;
     align-items: center;
 }
 
 .busket .count {
     background-color: #f8f8f8;
     border-radius: 10px;
     padding: 5px 25px;
     margin-bottom: 8px;
     display: flex;
     justify-content: space-between;
     margin: 0 auto;
     width: 100%;
     text-align: center;
 }
 
 .busket .count p:first-child {
     cursor: pointer;
 }
 
 .busket .count p:last-child {
     cursor: pointer;
 }
 
 .busket-result {
     width: 27%;
     background-color: white;
     height: 100%;
     border-radius: 5px;
     padding: 20px;
     position: sticky;
     top: 15%;
 }
 
 .busket-result .count_offer {
     font-size: 18px;
     padding-bottom: 8px;
     border-bottom: 1px solid #686868;
     font-weight: 600;
 }
 
 .busket-result .result {
     margin-top: 10px;
     display: flex;
     font-weight: 600;
     font-size: 22px;
     justify-content: space-between;
     margin-bottom: 25px;
 }
 
 .busket-result .calc {
     margin-top: 10px;
     margin-bottom: 10px;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     font-size: 16px;
 }
 
 .busket-result .calc p {
     margin-bottom: 8px;
 }
 
 .busket__btn {
     border: none;
     background-color: #cb1f27;
     border-radius: 5px;
     padding: 15px 20px;
     color: white;
     font-size: 20px;
     font-weight: 600;
     margin: 20px auto 10px auto;
     display: block;
 }
 
 .busket__btn:hover {
     background-color: #F03C44;
 }
 
 .modal__inputs {
     display: flex;
     flex-direction: column;
     width: 100%;
 }
 
 .modal__inputs input {
     padding: 10px;
     width: 100%;
     margin: 0 auto;
     border-radius: 5px;
     border: none;
     transition: 0.3s linear;
 }
 
 .modal__inputs input:hover {
     background-color: #e6e6e6;
 }
 
 .modal__inputs input:focus {
     background-color: #e6e6e6;
 }
 
 .modal__inputs label {
     border: 1px solid black;
     width: 100%;
     margin: 5px auto;
     border-radius: 5px;
 }
 
 .modal__inputs label:hover {
     border-bottom: 1px solid black;
 }
 
 #modal_file {
     display: none;
 }
 
 .modal__inputs textarea {
     padding: 10px;
     width: 100%;
     margin: 0 auto;
     border: none;
     margin: 0 auto;
     transition: 0.3s linear;
 }
 
 .modal__inputs textarea:hover {
     background-color: #e6e6e6;
 }
 
 .modal__inputs textarea:focus {
     background-color: #e6e6e6;
 }
 
 .models_file {
     padding: 10px;
     text-align: left;
     color: #686868;
     cursor: pointer;
     transition: 0.3s linear;
     display: flex;
     justify-content: flex-end;
     border: none!important;
 }
 
 .models_file:hover {
     background-color: #e6e6e6;
 }
 
 .sendBtnForm {
     width: 50%;
     padding: 15px 0;
     margin: 10px auto;
     background-color: #cb1f27;
     color: white;
     display: block;
     border: none;
     font-weight: 600;
     border-radius: 5px;
     font-size: 20px;
 }
 
 .sendBtnForm:hover {
     background-color: #F03C44;
 }
 
 .modal__inputs .comment {
     height: 100px;
 }
 
 .marquiz__button {
     font-size: 18px!important;
 }
 
 .modal_busket {
     opacity: 0;
     visibility: hidden;
     width: 100%;
     max-width: 30%;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 30;
     box-shadow: 0 3px 10px -0.5px rgb(0 0 0 / 20%);
     text-align: center;
     padding: 40px;
     border-radius: 3px;
     background-color: #fff;
     transition: 0.3s all;
 }
 
 .modal_busket p {
     font-size: 1.2em;
 }
 
 .modal_busket.active,
 .overlay-form.active {
     opacity: 1;
     visibility: visible;
 }
 
 .modal_error {
     display: none;
     margin-bottom: 10px;
 }
 
 .ok {
     width: 75px;
     height: 75px;
     margin: 15px auto 0 auto;
 }
 
 .busket-result .text {
     margin-top: 5px;
     display: flex;
     justify-content: space-between;
 }
 
 .form_radio_btn {
     width: 48%;
     padding: 10px;
     box-shadow: 0 0 0 2px rgb(33 32 31 / 5%), 0 2px 5px rgb(0 0 0 / 10%);
     border-radius: 10px;
     min-height: 65px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     font-size: 14px;
     transition: opacity .2s, box-shadow .2s;
     cursor: pointer;
     position: relative;
 }
 
 .form_radio_btn.active {
     box-shadow: 0 0 0 2px rgb(33 32 31 / 85%), 0 2px 5px rgb(0 0 0 / 10%);
 }
 
 .form_radio_btn:hover {
     box-shadow: 0 0 0 2px rgb(33 32 31 / 85%), 0 2px 5px rgb(0 0 0 / 10%);
 }
 
 .form_radio_btn .title-text {
     font-weight: 600;
 }
 
 .form_radio_btn__wrapper {
     margin-top: 10px;
     display: flex;
     justify-content: space-between;
     padding-bottom: 10px;
     border-bottom: 1px solid black;
 }
 
 .ok-delivery {
     position: absolute;
     bottom: 7%;
     right: 5%;
     font-size: 24px;
     color: #e6e6e6;
 }
 
 .ok-delivery.active {
     color: #01305d;
 }
 
 .busket-result .quest {
     color: #01305d;
     font-size: 20px;
     cursor: pointer;
 }
 
 .busket-result .quest-up {
     display: none;
     position: absolute;
     top: 0;
     left: -50%;
     padding: 20px;
     width: 300px;
     background-color: white;
     z-index: 3;
     border-radius: 5px;
     box-shadow: 5px 5px 30px #919090;
 }
 
 .busket-result .quest-up.active {
     display: block;
 }
 
 .search__sub__title {
     font-size: 28px;
     font-weight: 700;
     padding-bottom: 25px;
 }
 
 .main-lines__block.border {
     box-shadow: none;
 }
 
 .search-mini-text {
     font-size: 20px;
     color: rgba(0, 0, 0, 0.59);
     padding-bottom: 10px;
 }
 
 .difference .block {
     width: 25%;
 }
 
 .difference .wrapper {
     display: flex;
 }
 
 .difference .block img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 .product__mini-sliderr .small {
     height: 120px;
     object-fit: cover;
 }
 
 .product__mini-sliderr {
     display: none;
     visibility: hidden;
     transition: opacity 1s ease;
     -webkit-transition: opacity 1s ease;
 }
 
 .product__mini-sliderr.slick-initialized {
     display: block;
     visibility: visible;
     opacity: 1;
 }
 
 .product__sliderr {
     display: none;
     visibility: hidden;
     transition: opacity 1s ease;
     -webkit-transition: opacity 1s ease;
 }
 
 .product__sliderr.slick-initialized {
     display: block;
     visibility: visible;
     opacity: 1;
 }
 
 .dop_options {
     margin-right: 5%;
     margin-left: -10%;
     background-color: #f8f8f8;
     z-index: 5;
     max-width: 370px;
     width: 100%;
 }
 
 .dop_options .wrapper {
     margin-top: 25px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     column-gap: 2%;
     row-gap: 15px;
     width: 100%;
 }
 
 .dop_options .block {
     width: 48%;
     background-color: white;
     padding: 0.8em;
     border-radius: 10px;
     position: relative;
     overflow: hidden;
 }
 
 .dop_options .block p {
     font-size: 0.9em;
     font-weight: 700;
     margin-bottom: 10px;
 }
 
 .dop_options .dop-title {
     min-height: 40px;
 }
 
 .dop_options .block .desc-btn {
     padding: 10px;
     font-size: 0.9em;
     border-radius: 10px;
     background-color: #dbdbdb;
     border: none;
 }
 
 .dop_options .block .desc-btn:hover {
     background-color: #bebdbd;
     transition: 0.2s linear;
 }
 
 .dop_options .block .busket-btn {
     padding: 10px;
     font-size: 1em;
     border-radius: 50%;
     background-color: #dbdbdb;
     border: none;
     background-color: #00406b;
     color: white;
 }
 
 .dop_options .block .busket-btn:hover {
     color: #cb1f27;
     transition: 0.2s linear;
 }
 
 .dop_options .buttons {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 50px;
 }
 
 .dop_options .success {
     font-size: 32px;
     color: #00406B;
     position: absolute;
     top: -20%;
     right: 1%;
     transition: 0.2s top;
 }
 
 .dop_options .success.active {
     top: 0;
 }
 
 .option__video {
     display: none;
     width: 100%;
     margin: 25px auto;
 }
 
 .offer-modal {
     max-width: 60%;
 }
 
 .page_500 {
     height: 80vh;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .page_500 {
     font-size: 48px;
     font-weight: 700;
     text-align: center;
 }
 
 #contactForm {
     display: none;
     width: 400px;
     padding: 0;
     opacity: 0;
     transition: 0.3s linear opacity;
     border: none;
     border-radius: 5px;
     background-color: white;
 }
 
 #contactForm[open] {
     display: block;
     opacity: 1;
 }
 
 #contactForm::backdrop {
     background-color: black;
     opacity: 0.3;
 }
 
 #contactForm .inner {
     display: flex;
     justify-content: center;
     flex-direction: column;
     text-align: center;
     padding: 20px 30px;
     position: relative;
 }
 
 #contactForm .inner .title {
     margin-top: 25px;
     margin-bottom: 25px;
     font-size: 1.4em;
     padding-top: 0;
 }
 
 #contactForm .inner .text {
     margin-bottom: 25px;
     padding-bottom: 15px;
     border-bottom: 1px solid rgba(78, 78, 78, 0.192);
 }
 
 #contactForm .inner .default-btn {
     width: 80%;
     margin: 15px auto 0 auto;
 }
 
 #contactForm .inner input {
     height: 52px;
     width: 80%;
     padding: 10px;
     font-size: 18px;
     margin: 10px auto;
     border-radius: 5px;
     border: 1px solid rgba(78, 78, 78, 0.192);
     box-shadow: 2px 2px 5px rgba(182, 178, 177, 0.192);
     background-color: rgba(182, 178, 177, 0.192);
 }
 
 #contactForm .fail::placeholder {
     color: #cb1f27;
 }
 
 #contactForm .inner input:focus {
     background-color: rgba(121, 119, 118, 0.192);
     border-color: #00406B;
 }
 
 #contactForm .inner .help__text {
     width: 80%;
     margin: 10px auto;
     font-size: 12px;
     text-align: left;
 }
 
 #contactForm .inner .close {
     position: absolute;
     top: 3%;
     right: 3%;
     border-radius: 50%;
     border: none;
     background-color: inherit;
     font-size: 24px;
 }
 
 #contactForm .inner .close:hover {
     animation: rotate 1s;
     animation-iteration-count: 1;
 }
 
 @keyframes rotate {
     0% {
         transform: rotate(0deg)
     }
     100% {
         transform: rotate(360deg)
     }
 }
 
 .calc hr {
     color: black;
     width: 100%;
 }
 
 .calc .bold {
     font-weight: 700;
 }
 
 .diff {
     margin: 50px auto;
 }
 
 .diff .categories {
     width: 100%;
     position: relative;
     display: flex;
     gap: 1%;
 }
 
 .diff .categories::after {
     content: '';
     display: block;
     position: absolute;
     bottom: 0;
     height: 1px;
     background-color: rgb(190, 188, 188);
     width: 100%;
 }
 
 .diff .categories p {
     width: max-content;
     padding-bottom: 10px;
     position: relative;
     cursor: pointer;
 }
 
 .diff .categories p:hover::after {
     content: '';
     display: block;
     position: absolute;
     bottom: 0;
     height: 3px;
     background-color: #00406B;
     width: 100%;
     z-index: 2;
 }
 
 .diff .categories p.active::after {
     content: '';
     display: block;
     position: absolute;
     bottom: 0;
     height: 3px;
     background-color: #00406B;
     width: 100%;
     z-index: 2;
 }
 
 .diff .wrapper {
     margin-top: 25px;
     display: flex;
     gap: 2%;
     width: 100%;
 }
 
 .diff .wrapper .left {
     width: 20%;
     padding: 5px 0;
     background-color: white;
 }
 
 .diff .wrapper .right {
     width: 80%;
     position: relative;
 }
 
 #diff__slider {
     position: relative;
 }
 
 .mobile-diff {
     display: none!important;
 }
 
 .diff .wrapper .right .block {
     background-color: white;
     width: 20%;
     display: flex;
     flex-direction: column;
     padding: 5px 0;
     margin: 0 5px;
     box-shadow: 0 0 1px #aeaeae;
     position: relative;
 }
 
 .diff .wrapper .right .block img {
     width: 100%;
     height: 200px;
     object-fit: cover;
 }
 
 .diff .head {
     margin-bottom: 5px;
 }
 
 .diff .price {
     margin-bottom: 5px;
     font-weight: 700;
 }
 
 .diff .stock {
     color: #006400;
     font-size: 14px;
 }
 
 .diff .stock.active {
     color: #cb1f27;
 }
 
 .diff .harak p {
     text-align: center;
     margin-bottom: 5px;
 }
 
 .diff .left p {
     font-size: 15px;
     padding: 0 10px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
 }
 
 .diff .left p:nth-child(even) {
     background-color: #dfdfdf;
 }
 
 .diff .right p {
     height: 45px;
     margin-bottom: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
 }
 
 .diff .right p:nth-child(even) {
     background-color: #dfdfdf;
 }
 
 .nds {
     font-size: 12px;
     display: inline-block;
 }
 
 .social__text {
     text-align: center;
     font-size: 12px;
     background-color: #00406B;
     color: white;
     padding-bottom: 30px;
 }
 
 .close-diff {
     position: absolute;
     top: 2%;
     border: none;
     background-color: inherit;
     color: #00406B;
     margin-top: 10px;
     right: 2%;
 }
 
 .help-diff {
     display: none!important;
     position: absolute;
     top: 0;
     height: 30px!important;
     left: 10%;
     color: white;
     background-color: #00406B!important;
     padding: 10px;
     font-size: 12px;
     border-radius: 10px;
 }
 
 .close-diff:hover+.help-diff {
     display: flex!important;
 }
 
 .convertion.main-lines.dillers .section__desc.new_gopa {
     padding: 0;
     font-size: 18px;
 }
 
 .convertion.main-lines.dillers .section__desc.new_gopa.new_gopas {
     margin-top: 15px;
 }
 
 #garanty {
     border: none;
     background-color: inherit;
 }
 
 #g-modal {
     opacity: 0;
     visibility: hidden;
     width: 100%;
     max-width: 70%;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 30;
     box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2);
     text-align: center;
     padding: 30px;
     border-radius: 3px;
     background-color: #fff;
     transition: 0.3s all;
     text-align: left;
     max-height: 80vh;
     overflow: scroll;
 }
 
 #g-modal p {
     font-size: 1em;
     margin-bottom: 10px;
 }
 
 #g-modal ul {
     padding-left: 30px;
     margin-bottom: 30px;
 }
 
 #g-modal ul li {
     margin-bottom: 10px;
     list-style: circle;
     font-size: 0.8em;
 }
 
 #g-modal.active,
 .overlay-form.active {
     opacity: 1;
     visibility: visible;
 }
 
 #g-modal__cross {
     width: 15px;
     height: 15px;
     position: absolute;
     top: 20px;
     right: 20px;
     fill: #444;
     cursor: pointer;
 }