*,
:after,
:before {
	border: 0;
	box-sizing: border-box;
	margin: 0;
	outline: none;
	padding: 0
}

body {
	line-height: 1
}

ol[class],
ul[class] {
	list-style: none
}

img {
	display: block;
	max-width: 100%
}

button,
form,
input,
option,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 0;
	color: inherit;
	font: inherit;
	margin: 0;
	text-transform: none
}

table,
tbody,
td,
tfoot,
th,
thead,
tr {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-collapse: collapse;
	border-spacing: 0
}

a,
button {
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	text-decoration: none
}

body,
html {
	font-family: Open Sans, Helvetica, Arial, "sans-serif";
	font-size: 14px;
	font-weight: 400;
	line-height: 140%;
	position: relative
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh
}

.swiper-slide {
	transition-property: opacity, transform
}

.main {
	flex-grow: 1;
	padding-bottom: 30px;
	padding-top: 2px;
	width: 100%
}

.container {
	margin: 0 auto;
	max-width: 1340px;
	padding: 0 10px;
	width: 100%
}

.fw {
	height: auto;
	width: 100%
}

.h37 {
	font-size: 37px;
	font-weight: 600;
	line-height: 100%
}

@media screen and (max-width:1600px) {
	.h37 {
		font-size: calc(20.75px + 1.01563vw)
	}
}

.h24 {
	font-size: 24px;
	font-weight: 600;
	line-height: 100%
}

@media(max-width:720px) {
	.h24 {
		font-size: 20px
	}
}

.h20 {
	font-size: 20px;
	font-weight: 600;
	line-height: 140%
}

@media(max-width:720px) {
	.h20 {
		font-size: 18px
	}
}

.page-title {
	padding: 5px 0 7px 25px
}

@media(max-width:992px) {
	.page-title {
		padding: 15px;
		text-align: center
	}
}

.btn {
	display: block;
	font-weight: 700;
	line-height: 1;
	transition: .4s ease
}

.btn_primary {
	background-color: #4f73a6;
	color: #fff
}

@media(hover:hover)and (pointer:fine) {
	.btn_primary:hover {
		background-color: #125087
	}
}

.btn_lg {
	padding: 19px 23px
}

@media(max-width:575px) {
	.btn_lg {
		padding: 14px 16px
	}
}

.btn_sm {
	padding: 11px 14px
}

.icon-btn {
	align-items: center;
	display: flex;
	font-weight: 700;
	gap: 12px;
	justify-content: center;
	line-height: 1;
	transition: .4s ease
}

.icon-btn__icon {
	display: block;
	flex-shrink: 0;
	height: 20px;
	width: 20px
}

.icon-btn_primary {
	background-color: #4f73a6;
	color: #fff
}

@media(hover:hover)and (pointer:fine) {
	.icon-btn_primary:hover {
		background-color: #125087
	}
}

.icon-btn_md {
	padding: 11px 22px
}

@media(max-width:575px) {
	.icon-btn_md {
		padding: 9px 18px
	}
}

.icon-btn_sm {
	padding: 5px 14px
}

.editor {
	line-height: 140%
}

.editor :last-child {
	margin-bottom: 0
}

.editor p {
	line-height: 140%;
	margin-bottom: .4em
}

.editor a {
	color: #4f73a6;
	font-weight: 600;
	/* text-decoration: underline; */
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.editor a:hover {
		color: #ffdb5c
	}
}

.editor ul {
	margin-bottom: .9em
}

.editor ul li {
	list-style-type: none;
	padding-bottom: 5px;
	padding-left: 20px;
	position: relative
}

.editor ul li:last-child {
	padding-bottom: 0
}

.editor ul li:before {
	background: #ffdb5c;
	border-radius: 50%;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 10px;
	left: 0;
	position: absolute;
	top: 5px;
	width: 10px
}

.editor ol {
	padding-left: 18px
}

.editor ol li {
	/* list-style: none */
}

/* .steper__content img, .inner__content img {
    padding: 10px;
    position: relative;
    z-index: 2;
} */

/* .steper__content img {
    border: 1px solid #4f73a6;
    float: right;
    height: auto;
    margin-bottom: 10px;
    margin-left: 10px;
    width: auto;
} */

.editor h1 {
	font-size: 24px;
	font-weight: 600;
	line-height: 100%
}

@media(max-width:720px) {
	.editor h1 {
		font-size: 20px
	}
}

.editor h2 {
	font-size: 20px;
	font-weight: 600;
	line-height: 100%
}

@media(max-width:720px) {
	.editor h2 {
		font-size: 18px
	}
}

.editor h1,
/* .editor h2, */
.editor h3,
.editor h4,
.editor img {
	margin-bottom: .6em
}

.editor img {
	display: block
}

.checkbox {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	line-height: 1;
	overflow: hidden;
	position: relative
}

.checkbox__input {
	left: 100%;
	opacity: 0;
	position: absolute
}

.checkbox__input:checked+.checkbox__mark:after {
	opacity: 1
}

.checkbox__mark {
	border: 1px solid #4f73a6;
	display: block;
	flex-shrink: 0
}

.checkbox__mark_sm {
	height: 14px;
	padding: 2px;
	width: 14px
}

.checkbox__mark_md {
	height: 20px;
	padding: 3px;
	width: 20px
}

.checkbox__mark:after {
	background-color: #ffdb5c;
	content: "";
	display: block;
	height: 100%;
	opacity: 0;
	width: 100%
}

.checkbox__txt {
	display: inline-block;
	/* -webkit-user-select: none; */
	/* -moz-user-select: none; */
	/* user-select: none */
}

.checkbox__txt_pr_25 {
	padding-right: 25px
}

.checkbox__txt_pr_21 {
	padding-right: 21px
}

.checkbox__txt_pr_10 {
	padding-right: 10px
}

.checkbox__txt_pl_15 {
	padding-left: 15px
}

.simplebar-scrollbar:before {
	background-color: #fff;
	content: ""
}

.svg {
	display: block;
	height: 100%;
	width: 100%;
	fill: currentColor
}

.picture {
	display: block;
	overflow: hidden;
	position: relative
}

.picture__img {
	height: 100%;
	left: 0;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	position: absolute;
	top: 0;
	width: 100%
}

.picture__img_cover {
	-o-object-fit: cover;
	object-fit: cover
}

.picture__img_contain {
	-o-object-fit: contain;
	object-fit: contain
}

.layout {
	align-items: flex-start;
	display: flex
}

@media(max-width:1100px) {
	.layout {
		display: block
	}
}

.layout__box_type_content {
	padding-left: 5px;
	width: 77.5%
}

@media(max-width:1100px) {
	.layout__box_type_content {
		width: 100%
	}
}

.layout__box_type_sidebar {
	flex-shrink: 0;
	width: 22.5%
}

@media(max-width:1100px) {
	.layout__box_type_sidebar {
		background: #f1f8ff;
		bottom: 0;
		box-shadow: 3px 0 14px 2px hsla(0, 0%, 49%, .25);
		left: 0;
		opacity: 0;
		overflow: auto;
		position: fixed;
		top: 0;
		transform: translateX(-100%);
		transition: transform .4s ease, opacity .4s ease .2s;
		width: 300px;
		z-index: 5000
	}

	.layout__box_type_sidebar._active {
		opacity: 1;
		transform: translateX(0);
		transition: transform .4s ease, opacity .4s ease;
		visibility: visible
	}
}

.layout__trigger {
	align-items: center;
	background-color: #4f73a6;
	color: #fff;
	display: none;
	font-weight: 600;
	gap: 10px;
	padding: 14px;
	text-transform: uppercase
}

.layout__trigger-icon {
	flex-shrink: 0;
	height: 23px;
	width: 7px
}

@media(max-width:1100px) {
	.layout__trigger {
		display: flex
	}
}

.layout__group {
	align-items: center;
	border-bottom: 1px solid #4f73a6;
	display: none;
	justify-content: space-between;
	padding: 10px 15px
}

@media(max-width:992px) {
	.layout__group {
		display: flex
	}
}

.layout__heading {
	font-size: 17px;
	font-weight: 600
}

.layout__close {
	flex-shrink: 0;
	height: 16px;
	width: 16px
}

.content {
	background-color: #fbfbfb;
	line-height: 140%;
	padding: 29px 34px
}

@media(max-width:575px) {
	.content {
		padding: 15px
	}
}

.content p {
	margin-bottom: .9em
}

.content :last-child {
	margin-bottom: 0
}

.content ul {
	margin-bottom: 1.1em;
	padding-left: 18px
}

.content ul li {
	list-style-type: disc
}

.content ol {
	padding-left: 18px
}

.content ol li {
	list-style: decimal
}

.content h1 {
	font-size: 24px;
	font-weight: 600;
	line-height: 100%;
	margin-bottom: 1em
}

.content h2 {
	font-size: 21px;
	font-weight: 600
}

.content img {
	display: block;
	margin-bottom: .6em
}

.pt-18 {
	padding-top: 18px
}

.pt-10 {
	padding-top: 10px
}

.scroll-top {
	background-color: #7aa3dd;
	border-radius: 50%;
	bottom: 65px;
	color: #fff;
	height: 48px;
	opacity: 0;
	padding: 15px;
	position: fixed;
	right: 30px;
	transition: .4s ease;
	visibility: hidden;
	width: 48px;
	z-index: 3000
}

.scroll-top.visible {
	opacity: 1;
	visibility: visible
}

@media(hover:hover)and (pointer:fine) {
	.scroll-top:hover {
		background-color: #ffdb5c
	}
}

@media(max-width:992px) {
	.scroll-top {
		bottom: 40px;
		height: 40px;
		padding: 13px;
		right: 15px;
		width: 40px
	}
}

.mt-5 {
	margin-top: 5px
}

.mt-10 {
	margin-top: 10px
}

.pt-20 {
	padding-top: 20px
}

.pt-25 {
	padding-top: 25px
}

.pt-30 {
	padding-top: 30px
}

.tb-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 8px
}

.tb-controls__btn {
	border: 1px solid #4f73a6;
	color: #4f73a6;
	display: block;
	font-weight: 700;
	padding: 5px 16px;
	transition: border-color .4s ease
}

.tb-controls__btn.active {
	background-color: #4f73a6;
	color: #fff
}

@media(hover:hover)and (pointer:fine) {
	.tb-controls__btn:hover {
		border-color: #ffdb5c
	}
}

@media(max-width:575px) {
	.tb-controls__btn {
		width: 100%
	}
}

.tb-view {
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: .4s ease;
	visibility: hidden;
	width: 100%
}

.tb-view.active {
	opacity: 1;
	position: static;
	visibility: visible
}

.sl-nav {
	display: flex;
	gap: 10px;
	justify-content: center;
	padding-top: 10px
}

.sl-arrow {
	display: block;
	height: 36px;
	padding: 10px;
	transition: .4s ease;
	width: 36px
}

.sl-arrow_primary {
	background-color: #4f73a6;
	color: #fff
}

@media(hover:hover)and (pointer:fine) {
	.sl-arrow_primary:hover {
		background-color: #125087
	}
}

.sl-arrow.swiper-button-disabled {
	opacity: .5;
	pointer-events: none
}

.sl-arrow.swiper-button-lock {
	opacity: .5
}

.field__label {
	display: block;
	padding-bottom: 3px
}

.field__label_req:after {
	color: red;
	content: " *"
}

.field__input {
	border: 1px solid #4f73a6;
	font-family: inherit;
	font-size: inherit;
	width: 100%
}

.field__input_sm {
	height: 29px;
	padding: 0 10px
}

.field__area {
	border: 1px solid #4f73a6;
	font-family: inherit;
	font-size: inherit;
	min-height: 147px;
	padding: 12px 18px;
	resize: none;
	width: 100%
}

.field__note {
	color: #a5a5a5
}

.dropzone {
	position: relative;
	z-index: 1000
}

.dropzone__label {
	padding-bottom: 6px
}

.dropzone__wrap {
	border: 1px solid #4f73a6;
	color: #a7a7a7;
	cursor: pointer;
	display: block;
	height: 168px;
	overflow: hidden;
	padding: 18px 17px;
	position: relative
}

.dropzone__wrap.dragover {
	background-color: #d2e3f4;
	color: #000
}

.dropzone__border {
	align-items: center;
	border: 1px dashed #4f73a6;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	text-align: center
}

.dropzone__input {
	height: .1px;
	opacity: 0;
	position: absolute;
	width: .1px;
	z-index: -10
}

.error-label {
	color: red;
	font-size: .8em;
	line-height: 1;
	padding-top: 1px
}

.drawer {
	background-color: #fff;
	bottom: 0;
	box-shadow: -6px 0 14px 2px hsla(0, 0%, 49%, .25);
	opacity: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: transform .4s ease, opacity .4s ease .2s;
	visibility: hidden;
	width: 320px;
	z-index: 6000
}

.drawer._active {
	opacity: 1;
	transform: translateX(0);
	transition: transform .4s ease, opacity .4s ease;
	visibility: visible
}

.drawer__wrapper {
	padding: 15px
}

.drawer__head {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px
}

.drawer__logo {
	width: 180px
}

.drawer__close {
	align-items: center;
	background-color: #4f73a6;
	border-radius: 5px;
	display: flex;
	height: 29px;
	justify-content: center;
	width: 29px
}

.drawer__icon {
	height: 15px;
	width: 15px;
	fill: #fff
}

.drawer__body {
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative
}

.drawer__body .simplebar-track.simplebar-vertical {
	background-color: #e5e5e5;
	width: 7px
}

.drawer__list {
	height: 100%;
	overflow: hidden;
	position: relative
}

.drawer__item {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.drawer__link {
	display: block;
	font-weight: 700;
	padding: 8px 0;
	text-transform: uppercase
}

.drawer__btn {
	align-items: center;
	background-color: #4f73a6;
	border-radius: 5px;
	display: flex;
	flex-shrink: 0;
	height: 29px;
	justify-content: center;
	margin-left: 10px;
	width: 29px
}

.drawer__arrow {
	height: 15px;
	width: 15px;
	fill: #fff;
	transform: rotate(180deg)
}

.drawer__subnav {
	background-color: #fff;
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	padding-right: 15px;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateX(120%);
	transition: transform .4s ease-in-out;
	z-index: 200
}

.drawer__subnav.active {
	transform: translateX(0)
}

.drawer__prev {
	align-items: center;
	cursor: pointer;
	display: flex;
	padding: 15px 0 10px
}

.drawer__icon-prev {
	height: 15px;
	width: 15px;
	fill: #4f73a6
}

.drawer__info {
	font-weight: 700;
	line-height: 1;
	padding-left: 10px
}

.drawer__callback {
	justify-content: center;
	padding: 10px;
	width: 100%
}

.drawer__footer {
	display: grid;
	padding-top: 10px;
	grid-gap: 10px 5px;
	gap: 10px 5px;
	grid-template-columns: repeat(2, 1fr)
}

.drawer__box {
	font-size: 15px;
	line-height: 120%
}

.drawer__phone {
	font-weight: 600
}

.drawer__note {
	color: #b8b8b8;
	font-size: 14px
}

.modal {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden auto;
	padding: 0 10px;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity .3s ease;
	visibility: hidden;
	width: 100%;
	z-index: 9999
}

.modal.active {
	opacity: 1;
	visibility: visible
}

.modal__container {
	margin: 20px 0;
	min-height: calc(100% - 40px);
	position: relative;
	z-index: 2200
}

.modal__container_vertical_center {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.modal__container_align_bot {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}

.modal__plate {
	background: #fbfbfb;
	padding: 20px 15px;
	position: relative;
	width: 100%;
	z-index: 2000
}

.modal__plate_width_945 {
	max-width: 945px
}

.modal__layer {
	background: rgba(27, 34, 51, .7);
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%
}

.modal__close {
	height: 17px;
	position: absolute;
	right: 25px;
	top: 30px;
	width: 17px
}

@media screen and (max-width:600px) {
	.modal__close {
		right: 20px;
		top: 20px
	}
}

.modal__close_success {
	right: 22px;
	top: 22px
}

.modal__box {
	position: relative;
	z-index: 1000
}

.modal__head {
	padding-bottom: 40px
}

@media screen and (max-width:575px) {
	.modal__head {
		padding-bottom: 15px
	}
}

.modal__group {
	display: flex
}

.modal__icon {
	height: 100%;
	width: 100%
}

.modal__icon_fill_blue {
	fill: rgba(1, 52, 85, .9)
}

.modal__envelope {
	flex-shrink: 0;
	margin-bottom: 40px;
	width: 130px;
	fill: #7aa3dd
}

@media screen and (max-width:575px) {
	.modal__envelope {
		margin-bottom: 10px;
		width: 60px
	}
}

.modal__title {
	color: #4f73a6;
	font-family: Open Sans;
	font-size: 36px;
	font-weight: 700;
	line-height: 125%;
	padding-bottom: 30px;
	position: relative
}

@media screen and (max-width:768px) {
	.modal__title {
		font-size: 28px
	}
}

@media screen and (max-width:575px) {
	.modal__title {
		font-size: 22px;
		padding-bottom: 14px
	}
}

.modal__title:before {
	background-color: #7aa3dd;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 72px
}

.modal__subtitle {
	font-size: 20px;
	font-weight: 500
}

.modal__footer {
	padding-top: 30px
}

@media screen and (min-width:768px) {
	.modal__footer {
		padding-top: 50px
	}
}

.modal__footer_align_right_desctop {
	text-align: center
}

@media screen and (min-width:700px) {
	.modal__footer_align_right_desctop {
		text-align: right
	}
}

.modal__btn {
	margin-top: 24px;
	min-width: 165px
}

@media screen and (max-width:400px) {
	.modal__btn {
		width: 100%
	}
}

.tf-modal-form {
	font-size: 16px
}

@media screen and (max-width:600px) {
	.tf-modal-form {
		font-size: 14px
	}
}

.tf-modal-form__row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px
}

.tf-modal-form__col {
	padding: 0 12px
}

.tf-modal-form__col_w50 {
	width: 50%
}

@media screen and (max-width:600px) {
	.tf-modal-form__col_w50 {
		padding: 5px 12px;
		width: 100%
	}
}

.tf-modal-form__col_w100 {
	width: 100%
}

.tf-modal-form__input {
	background-color: transparent;
	border: 2px solid #fff;
	color: inherit;
	font-family: inherit;
	font-size: 16px;
	line-height: 1;
	outline: none;
	padding: 8px 16px;
	width: 100%
}

.tf-modal-form__input::-moz-placeholder {
	color: inherit
}

.tf-modal-form__input::placeholder {
	color: inherit
}

.tf-modal-form__input:focus {
	border: 2px solid #7aa3dd
}

.tf-modal-form__warning {
	fill: #4f73a6;
	flex-shrink: 0;
	height: 14px;
	width: 16px
}

.tf-modal-form__note {
	padding-left: 10px
}

.tf-modal-form__note a {
	text-decoration: underline
}

.tf-modal-form__policy {
	padding-top: 24px
}

@media screen and (max-width:600px) {
	.tf-modal-form__policy {
		padding-top: 12px
	}
}

.tf-modal-form__submit {
	font-size: 16px;
	margin-top: 30px;
	min-width: 164px
}

@media screen and (max-width:600px) {
	.tf-modal-form__submit {
		margin-top: 20px
	}
}

.tf-modal-form__error {
	font-size: .8em;
	line-height: 130%
}

.tf-modal-form__footer {
	display: flex;
	flex-wrap: wrap
}

.header_fixed {
	background-color: #fff;
	box-shadow: 0 4px 4px 0 hsla(0, 0%, 73%, .25);
	left: 0;
	position: fixed;
	top: 0;
	transform: translateY(-130%);
	transition: .4s ease;
	width: 100%;
	z-index: 4500
}

.header_fixed.active {
	transform: translate(0)
}

.header__wrapper {
	display: flex
}

.header__inner {
	align-items: center;
	display: flex;
	gap: 20px;
	padding: 12px 0;
	width: 62%
}

.header__logo {
	flex-shrink: 0;
	width: 30%
}

.header__contacts {
	flex-grow: 1
}

.header__box,
.header__contacts {
	align-items: center;
	display: flex;
	gap: 13px
}

.header__box {
	position: relative
}

.header__box_border {
	padding-right: 13px
}

.header__box_border:before {
	background: #d0d0d0;
	content: "";
	display: block;
	height: 36px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px
}

.header__box_type_end {
	margin-left: auto;
	padding-right: 18px
}

.header__phone {
	display: block;
	font-weight: 600;
	line-height: 140%;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.header__phone:hover {
		text-decoration: underline
	}
}

.header__phone-icon {
	color: #125087;
	flex-shrink: 0;
	height: 15px;
	width: 15px
}

.header__note {
	color: #b8b8b8;
	font-size: 14px;
	line-height: 140%
}

.header__offer {
	align-items: center;
	background-color: #e4f3ff;
	display: flex;
	font-size: 14px;
	gap: 18px;
	line-height: 110%;
	padding: 14px 24px;
	width: 29.5%
}

.header__offer-icon {
	flex-shrink: 0;
	height: 20px;
	width: 20px
}

.header__offer-link {
	background-color: #fff;
	border-radius: 50%;
	color: #125087;
	display: block;
	flex-shrink: 0;
	height: 38px;
	padding: 14px;
	transition: .4s ease;
	width: 38px
}

@media(hover:hover)and (pointer:fine) {
	.header__offer-link:hover {
		background: #125087;
		color: #fff
	}
}

.header__busket {
	align-items: center;
	background-color: #ffdb5c;
	color: #125087;
	display: flex;
	gap: 12px;
	justify-content: center;
	width: 113px
}

.header__busket-icon {
	display: block;
	flex-shrink: 0;
	height: 22px;
	position: relative;
	width: 25px
}

.header__busket-shape {
	background-color: #125087;
	border-radius: 100%;
	color: #fff;
	display: block;
	font-size: 8px;
	height: 14px;
	line-height: 1;
	max-width: 22px;
	min-width: 14px;
	padding: 3px 4px;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(50%);
	z-index: 100
}

.header__busket-counter {
	display: block;
	max-width: 100%;
	overflow: hidden
}

.header__busket-txt {
	font-size: 12px;
	font-weight: 700
}

.header__menu {
	align-items: center;
	background-color: #4f73a6;
	color: #fff;
	display: none;
	flex-direction: column;
	font-size: 14px;
	justify-content: center;
	padding: 4px;
	text-align: center
}

.header__menu-icon {
	height: 30px;
	margin: 0 auto;
	width: 30px
}

.header__mobile {
	display: none
}

.header__info {
	align-items: center;
	color: #4f73a6;
	display: flex;
	font-size: 14px;
	font-weight: 600;
	gap: 10px;
	line-height: 1;
	margin-right: 10px
}

.header__info-icon {
	height: 14px;
	width: 14px
}

.header__slider .swiper-slide {
	display: flex;
	flex-direction: column;
	height: auto;
	justify-content: center;
	width: auto
}

.header__arrow {
	background-color: #fff;
	border-radius: 50%;
	color: #4f73a6;
	flex-shrink: 0;
	height: 22px;
	padding: 6px;
	width: 22px
}

.header__arrow_prev {
	margin-right: 5px
}

.header__arrow_next {
	margin-left: 5px
}

.header__arrow.swiper-button-disabled {
	display: none
}

.header__col {
	margin-left: auto;
	padding-right: 18px
}

.header__callback {
	font-size: 12px;
	margin-top: 3px;
	width: 100%
}

.header__callback .icon-btn__icon {
	height: 14px;
	width: 14px
}

.header__callback-mobile,
.header__callback-tablet {
	display: none
}

@media(max-width:1320px) {
	.header__logo {
		width: 23%
	}

	.header__offer {
		padding: 10px 15px
	}
}

@media(max-width:768px) {
	.header__offer {
		display: none;
	}
}

@media(max-width:1280px) {
	.header_fixed .header__offer {
		display: none
	}

	.header__menu {
		display: flex
	}

	.header__wrapper {
		flex-wrap: wrap
	}

	.header__offer {
		justify-content: center;
		order: 3;
		width: 100%;
	}

	.header__inner {
		flex-grow: 1
	}

	.header__contacts {
		justify-content: center
	}

	.header__box_type_end {
		margin-left: 0
	}

	.header__busket {
		width: 200px
	}
}

@media(max-width:992px) {
	.header__callback-tablet {
		display: block;
		margin-left: auto;
		padding-right: 10px
	}

	.header__busket {
		width: 115px
	}

	.header__offer-link {
		height: 26px;
		padding: 9px;
		width: 26px
	}

	.header__inner {
		gap: 10px
	}

	.header_fixed .header__mobile {
		display: none
	}

	.header__contacts {
		display: none;
		font-size: 14px
	}

	.header__slider {
		/* width: calc(100% - 54px) */
	}

	.header__mobile {
		align-items: center;
		display: flex;
		flex-grow: 1;
		justify-content: center
	}

	.header__mobile_type_contact {
		background-color: #4f73a6;
		color: #fff;
		font-size: 14px;
		padding: 3px 5px
	}

	.header__menu {
		flex-direction: row;
		gap: 10px
	}

	.header__menu-icon {
		height: 24px;
		width: 24px
	}

	.header__inner {
		padding: 5px 0
	}

	.header__note {
		font-size: 12px;
		line-height: 1
	}

	.header__logo {
		width: 40%
	}

	.header__list {
		align-items: center;
		background-color: #4f73a6;
		color: #fff;
		display: flex;
		flex-wrap: wrap;
		font-size: 14px;
		gap: 5px 15px;
		justify-content: center;
		padding: 3px 0;
		width: 100%
	}
}

@media(max-width:575px) {
	.header_fixed .header__mobile {
		display: none
	}

	.header__callback-mobile {
		display: block;
		order: 2;
		width: 100%
	}

	.header__callback {
		margin-top: 0
	}

	.header__callback-tablet {
		display: none
	}

	.header__menu {
		order: 2;
		width: 83px
	}

	.header__mobile_type_contact {
		flex-grow: 0;
		width: calc(100% - 83px)
	}

	.header__list {
		gap: 3px 14px;
		justify-content: flex-start;
		padding: 3px 10px
	}

	.header__inner {
		gap: 0 10px;
		width: calc(100% - 167px)
	}

	.header__info,
	.header__info-icon {
		display: none
	}

	.header__mobile {
		justify-content: flex-start
	}

	.header__mobile_type_contact {
		order: 2;
		width: 100%
	}

	.header__busket {
		padding: 9px 10px;
		width: 100px
	}

	.header__logo {
		max-width: 190px;
		width: 90%
	}

	.header__list {
		flex-wrap: nowrap;
		overflow: auto;
		padding: 8px 10px
	}

	.header__item {
		flex-shrink: 0
	}

	.header__menu {
		flex-direction: column;
		gap: 5px;
		line-height: 1;
		order: 1;
		width: 67px
	}
}

.fscreen {
	padding: 8px 70px 8px 47px;
	position: relative
}

.fscreen__bg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.fscreen__content {
	align-items: center;
	color: #fff;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1000
}

.fscreen__txt {
	max-width: 362px
}

.fscreen__img {
	width: 62%
}

.fscreen__picture {
	padding-top: 26.7379679144%
}

@media(max-width:992px) {
	.fscreen {
		padding: 15px
	}

	.fscreen__content {
		flex-wrap: wrap
	}

	.fscreen__title,
	.fscreen__txt {
		max-width: 100%;
		width: 100%
	}

	.fscreen__title {
		padding-bottom: 20px;
		text-align: center
	}

	.fscreen__img {
		margin: 0 auto;
		max-width: 450px;
		width: 100%
	}
}

@media(max-width:575px) {
	.fscreen_hide_mobile {
		display: none
	}
}

.navbar {
	margin-top: 2px;
	position: relative;
	z-index: 4000
}

.navbar__wrapper {
	display: flex;
	gap: 2px
}

.navbar__item {
	display: flex;
	flex: 1;
	position: relative
}

.navbar__item[aria-expanded=true] .navbar__arrow-icon {
	transform: rotate(-180deg)
}

.navbar__link {
	cursor: pointer;
	flex-grow: 1;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.navbar__link:hover {
		background-color: #125087
	}
}

.navbar__wrap {
	display: none
}

.navbar__link {
	background-color: #4f73a6;
	color: #fff;
	display: block;
	font-weight: 700;
	padding: 19px;
	text-align: center
}

.navbar__arrow {
	background-color: #7aa3dd;
	color: #fff;
	flex-shrink: 0;
	padding: 9px;
	width: 30px
}

.navbar__arrow-icon {
	height: 100%;
	transition: .4s ease;
	width: 100%
}

.navbar__subnav {
	background-color: #7aa3dd;
	color: #fff
}

.navbar__sub-item {
	border-top: 1px solid #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 130%;
	padding: 3px 22px;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.navbar__sub-item:hover {
		background: #4f73a6
	}
}

.navbar__sub-link {
	display: block
}

@media(max-width:1320px) {
	.navbar__link {
		padding: 12px
	}

	.navbar__sub-item {
		font-size: 12px;
		padding: 5px
	}
}

@media(max-width:1280px) {
	.navbar {
		display: none
	}
}

.sidebar__box {
	background: #f1f8ff;
	margin-bottom: 5px;
	padding: 19px 24px
}

.sidebar__box:last-child {
	margin-bottom: 0
}

.sidebar__heading {
	align-items: center;
	color: #4f73a6;
	display: flex;
	font-size: 15px;
	font-weight: 700;
	gap: 10px;
	line-height: 100%
}

.sidebar__heading:before {
	background: #4f73a6;
	content: "";
	flex-shrink: 0;
	height: 8px;
	width: 8px
}

.sidebar__list {
	padding-top: 10px
}

.sidebar__item {
	font-size: 14px;
	font-weight: 600;
	line-height: 100%
}

.sidebar__item.active .sidebar__arrow {
	transform: rotate(-180deg)
}

.sidebar__group {
	align-items: center;
	border-bottom: 1px solid #d2e3f4;
	display: flex;
	justify-content: space-between;
	padding: 7px 0
}

.sidebar__arrow {
	flex-shrink: 0;
	height: 15px;
	padding: 3px;
	transition: .4s ease;
	width: 15px
}

@media(hover:hover)and (pointer:fine) {
	.sidebar__arrow:hover {
		background-color: #4f73a6;
		color: #fff
	}
}

.sidebar__link {
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.sidebar__link:hover {
		color: #4f73a6
	}
}

.sidebar__link.active {
	color: #125087;
	font-weight: 700
}

.sidebar__panel {
	overflow: hidden
}

.sidebar__sub-item {
	align-items: center;
	border-bottom: 1px solid #d2e3f4;
	display: flex;
	font-weight: 400;
	gap: 8px;
	padding: 7px 4px 7px 19px
}

.sidebar__sub-item:before {
	background-color: #4f73a6;
	border-radius: 50%;
	content: "";
	display: block;
	height: 8px;
	width: 8px
}

.sidebar__sub-item.active {
	background-color: #4f73a6;
	color: #fff
}

.sidebar__sub-item.active:before {
	background-color: #fff
}

.categories {
	padding-top: 18px
}

.categories__title {
	padding-bottom: 20px;
	text-align: center
}

.categories__gallery {
	display: grid;
	grid-gap: 8px;
	gap: 8px;
	grid-template-columns: repeat(6, 1fr)
}

.categories__card {
	background: #fbfbfb;
	display: flex;
	flex-direction: column;
	padding: 12px 14px;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.categories__card:hover {
		background-color: #4f73a6;
		color: #fff
	}

	.categories__card:hover .categories__img {
		mix-blend-mode: multiply
	}
}

.categories__view {
	display: block;
	margin: 0 auto;
	max-width: 120px;
	width: 100%
}

.categories__img {
	mix-blend-mode: darken;
	padding-top: 100%
}

.categories__group {
	align-items: flex-end;
	display: flex;
	gap: 10px;
	justify-content: space-between
}

.categories__link {
	background-color: #fff;
	border-radius: 50%;
	color: #4f73a6;
	display: block;
	flex-shrink: 0;
	height: 24px;
	padding: 8px;
	width: 24px
}

.categories__name {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 100%;
	padding-bottom: 3px
}

.categories__note {
	display: block;
	font-size: 13px;
	font-weight: 300;
	line-height: 100%
}

.categories__txt {
	background: #fbfbfb;
	margin-top: 8px;
	padding: 18px 22px
}

@media(max-width:992px) {
	.categories__gallery {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media(max-width:575px) {
	.categories__txt {
		padding: 15px
	}
}

@media(max-width:500px) {
	.categories__gallery {
		grid-template-columns: repeat(2, 1fr)
	}
}

.informer {
	background: #fbfbfb;
	display: grid;
	grid-template-columns: 186px 1fr
}

.informer__title {
	padding-bottom: 16px
}

.informer__txt {
	padding-bottom: 15px
}

.informer__content {
	padding: 30px 50px
}

.informer__link {
	align-items: center;
	color: #4f73a6;
	display: inline-flex;
	gap: 28px;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.informer__link:hover {
		color: #ffdb5c
	}
}

.informer__link-txt {
	line-height: 1
}

.informer__link-arrow {
	flex-shrink: 0;
	height: 7px;
	width: 17px
}

.informer__img {
	height: 100%;
	padding-top: 104.8387096774%
}

@media(max-width:768px) {
	.informer__content {
		padding: 20px
	}
}

@media(max-width:450px) {
	.informer {
		grid-template-columns: 1fr
	}

	.informer__img {
		padding-top: 50%
	}
}

.benefits__title {
	padding-bottom: 30px
}

.benefits__wrap {
	background: #fbfbfb;
	padding: 29px 34px
}

@media(max-width:992px) {
	.benefits__wrap {
		padding: 15px
	}
}

.benefits__grid {
	display: grid;
	grid-gap: 40px;
	gap: 40px;
	grid-template-columns: 1.42fr 1.38fr 1.23fr 1fr
}

@media(max-width:1280px) {
	.benefits__grid {
		gap: 25px
	}
}

@media(max-width:992px) {
	.benefits__grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(max-width:420px) {
	.benefits__grid {
		gap: 20px;
		grid-template-columns: 1fr
	}
}

.benefits-card {
	display: flex;
	flex-direction: column;
	height: 100%
}

.benefits-card__title {
	font-weight: 600;
	line-height: 120%;
	padding-left: 13px;
	position: relative
}

.benefits-card__title:before {
	background-color: #4f73a6;
	content: "";
	display: block;
	height: 26px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2px
}

.benefits-card__txt {
	margin-top: auto;
	padding-top: 14px
}

.footer {
	background-color: #4f73a6;
	color: #fff;
	font-size: 16px;
	padding: 30px 0
}

.footer__wrapper {
	display: grid;
	grid-gap: 30px;
	gap: 30px;
	grid-template-columns: 200px 1fr 1fr 1.28fr 1fr 2.14fr
}

.footer__logo {
	max-width: 179px
}

.footer__inner {
	display: flex;
	flex-direction: column;
	padding-right: 20px
}

.footer__social-list {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: auto;
	padding-top: 20px
}

.footer__social-item {
	background-color: #7aa3dd;
	display: block;
	flex-shrink: 0;
	height: 36px;
	padding: 8px;
	transition: .4s ease;
	width: 36px
}

@media(hover:hover)and (pointer:fine) {
	.footer__social-item:hover {
		background-color: #ffdb5c
	}
}

.footer__group {
	align-items: center;
	display: flex;
	gap: 7px
}

.footer__icon {
	flex-shrink: 0;
	height: 15px;
	width: 15px
}

.footer__label {
	font-weight: 700;
	line-height: 1
}

.footer__nav {
	padding-top: 3px
}

.footer__link {
	border-bottom: 1px solid #6c8dbc;
	display: block;
	line-height: 100%;
	padding: 7px 0;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.footer__link:hover {
		color: #ffdb5c
	}
}

.footer__address {
	padding-top: 2px;
}

.footer__box_pt_20 {
	padding-top: 20px
}

@media(max-width:1200px) {
	.footer__wrapper {
		grid-template-columns: repeat(4, 1fr)
	}

	.footer__aside {
		grid-column: span 3
	}
}

@media(max-width:830px) {
	.footer__wrapper {
		grid-template-columns: repeat(2, 1fr)
	}

	.footer__aside {
		grid-column: initial
	}
}

@media(max-width:460px) {
	.footer__wrapper {
		grid-template-columns: 1fr
	}

	.footer__logo {
		margin: 0 auto
	}
}

.copyright {
	background-color: #fff;
	color: #4f73a6;
	font-size: 12px;
	line-height: 140%;
	padding: 10px 0
}

.copyright__row {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 5px 35px;
	justify-content: center
}

.copyright__link {
	font-weight: 700
}

@media(hover:hover)and (pointer:fine) {
	.copyright__link:hover {
		text-decoration: underline
	}
}

.steper__box {
	
	/* background-color: #fcfcfc; */
	display: flex
}

.steper__content {
	flex-grow: 1;
	padding: 14px 40px 14px 34px
}

.steper__preview {
	background-color: #fff;
	border: 1px solid #d8e4f0;
	flex-shrink: 0;
	width: 27%
}

.steper__preview_type_inner {
	padding: 15px 40px
}

.steper__picture {
	height: 100%;
	min-height: 106px
}

.steper__label {
	color: #2e5893;
	font-weight: 600;
	line-height: 100%;
	padding-bottom: 10px
}

@media(max-width:720px) {
	.steper__content {
		padding: 14px
	}

	.steper__box {
		flex-wrap: wrap
	}

	.steper__preview {
		width: 100%
	}
}

.chars__head {
	background: #f1f8ff;
	padding: 9px 34px
}

.chars__txt {
	padding-top: 4px
}

.chars__controls {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding-top: 4px
}

.chars__label {
	align-items: center;
	background: #f8f8f8;
	color: #4f73a6;
	display: flex;
	font-weight: 600;
	gap: 8px;
	padding: 5px 11px
}

.chars__label-icon {
	height: 10px;
	width: 10px
}

.chars__row {
	display: flex;
	flex-wrap: wrap;
	gap: 5px
}

.chars__table {
	padding-top: 5px
}

@media(max-width:720px) {
	.chars__head {
		padding: 9px 10px
	}
}

.fl-select {
	color: #4f73a6;
	display: flex;
	position: relative
}

.fl-select.active .fl-select__arrow {
	transform: rotate(180deg)
}

.fl-select__inner {
	background: #fef1af;
	cursor: pointer;
	display: flex
}

.fl-select__title {
	font-weight: 600;
	padding: 5px 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.fl-select__aside {
	background-color: #ffdb5c;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	justify-content: center;
	padding: 5px;
	width: 22px
}

.fl-select__dropdown {
	background-color: #eee;
	bottom: 0;
	left: 0;
	opacity: 0;
	padding: 4px;
	position: absolute;
	right: 0;
	transform: translateY(100%);
	transition: .4s ease;
	visibility: hidden;
	z-index: 3000
}

.fl-select__dropdown.active {
	opacity: 1;
	visibility: visible
}

.fl-select__grid {
	display: grid;
	grid-gap: 2px;
	gap: 2px
}

.fl-select__grid_3cols {
	grid-template-columns: repeat(3, 1fr)
}

.fl-select__grid_5cols {
	grid-template-columns: repeat(5, 1fr)
}

.fl-select__point {
	background: #fff;
	border: 1px solid #4f73a6;
	cursor: pointer;
	font-weight: 600;
	line-height: 120%;
	padding: 4px;
	text-align: center;
	transition: .4s ease
}

.fl-select__point.active {
	background-color: #4f73a6;
	color: #fff
}

@media(hover:hover)and (pointer:fine) {
	.fl-select__point:hover {
		border-color: #ffdb5c
	}
}

.fl-select__arrow {
	transition: .4s ease
}

.fl-tag {
	align-items: stretch;
	display: flex
}

.fl-tag_primary {
	background-color: #4f73a6;
	color: #fff
}

.fl-tag_primary .fl-tag__aside {
	background-color: #7aa3dd
}

@media(hover:hover)and (pointer:fine) {
	.fl-tag_primary:hover {
		outline: 2px solid #ffdb5c
	}
}

.fl-tag__title {
	display: block;
	font-weight: 600;
	padding: 5px 10px
}

.fl-tag__aside {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 6px;
	width: 22px
}

.fl-table__title {
	padding-bottom: 10px
}

.fl-table__action {
	display: flex;
	justify-content: left;
	padding: 6px 0
}

.fl-table tr.hide {
	display: none
}

.fl-table table {
	width: 100%
}

.fl-table table td {
	border: 1px solid #4f73a6;
	padding: 5px;
	text-align: center
}

.fl-table table thead td {
	background: #f1f8ff;
	color: #4f73a6;
	font-weight: 700
}

.fl-table table tbody td {
	padding: 0 5px
}

.fl-table table tbody td a {
	color: #4f73a6;
	/* font-weight: 700; */
	text-align: left
}

@media(max-width:720px) {
	.fl-table {
		overflow: auto;
		position: relative
	}

	.fl-table_sticky_cols td:first-child {
		background-color: #fff;
		left: 0;
		position: sticky
	}

	.fl-table table {
		display: inline-block;
		max-width: 100%;
		white-space: nowrap;
		width: auto
	}
}

.tabs__title {
	padding-bottom: 16px
}

.tabs__controls {
	margin-bottom: 12px
}

.tabs__body {
	overflow: hidden;
	position: relative
}

.tabs__view {
	border: 1px solid #d8e4f0
}

.tabs__img {
	transition: .4s ease
}

.tabs__img_type_1 {
	padding-top: 50%;
}

.right-side-pic {
	border: 1px solid #4f73a6;
    float: right;
    height: auto;
    margin-bottom: 10px;
    margin-left: 10px;
    width: auto;
	padding: 10px;
    position: relative;
    z-index: 2;
}

.tabs__img_type_2 {
	padding-top: 129.8333333333%
}

/* Исправление для изображений в табах чертежей на мобильных устройствах */
@media(max-width: 768px) {
	.tabs__img_type_1 {
		padding-top: 21vh; /* Увеличиваем высоту на мобильных */
	}
	
	.tabs__img_type_1 .picture__img_contain {
		/* object-fit: cover; */
		object-position: center; /* Центрируем изображение */
	}
}

@media(max-width: 768px) {
	.tabs__img_type_qh {
		padding-top: 60% !important; /* Увеличиваем высоту на мобильных */
	}
	

}

.tabs__img_type_qh {
	padding-top: 100% !important; /* Увеличиваем высоту на мобильных */
}

.tabs__footer {
	background: #fbfbfb;
	padding: 22px 34px
}

.tabs__wrap {
	display: block;
	overflow: hidden
}

@media(hover:hover)and (pointer:fine) {
	.tabs__wrap:hover .tabs__img {
		transform: scale(1.1)
	}
}

.tabs__bottom {
	margin-top: 10px
}

.tabs__info {
	padding: 25px 15px 30px;
	text-align: center
}

.tabs__graph {
	margin: 0 auto;
	max-width: 600px
}

.tabs__txt {
	padding: 16px 34px
}

@media(max-width:992px) {
	.tabs__footer {
		padding: 12px
	}
}

@media(max-width:575px) {
	.tabs__info {
		padding: 15px
	}

	.tabs__txt {
		padding: 16px
	}
}

.kinds__inner {
	background: #fbfbfb;
	margin-bottom: 4px;
	padding: 19px 34px
}

.kinds__txt {
	padding-top: 14px
}

.kinds__item {
	background: #fbfbfb;
	border-top: 1px solid #4f73a6
}

.kinds__item:last-child {
	border-bottom: 1px solid #4f73a6
}

.kinds__item_type_grid {
	display: grid;
	grid-template-columns: 235px 1fr
}

.kinds__subtitle {
	color: #2e5893;
	font-weight: 600;
	padding-bottom: 14px
}

.kinds__link {
	align-items: center;
	background-color: #4f73a6;
	color: #fff;
	display: flex;
	font-weight: 700;
	justify-content: space-between;
	line-height: 1;
	padding: 9px 14px 10px 17px;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.kinds__link:hover {
		background-color: #ffdb5c
	}
}

.kinds__link-arrow {
	display: block;
	flex-shrink: 0;
	height: 8px;
	width: 8px
}

.kinds__img {
	mix-blend-mode: darken;
	padding-top: 83.3333333333%
}

.kinds__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 14px 20px
}

.kinds__wrap {
	margin: 0 auto;
	max-width: 120px;
	padding: 8px;
	width: 100%
}

@media(max-width:575px) {
	.kinds__item_type_grid {
		display: block
	}

	.kinds__wrap {
		max-width: 180px
	}
}

.notation {
	align-items: center;
	background: #f1f8ff;
	display: flex;
	gap: 22px
}

.notation_lg {
	padding: 22px 15px 25px 29px
}

.notation_sm {
	padding: 12px 27px
}

.notation__icon {
	color: #4f73a6;
	flex-shrink: 0;
	height: 30px;
	width: 30px
}

@media(max-width:575px) {
	.notation_lg {
		padding: 15px
	}

	.notation__icon {
		height: 20px;
		width: 20px
	}
}

.news__item {
	margin-top: 5px
}

.news__pager {
	padding-top: 36px
}

.news-card {
	background: #fbfbfb;
	border-bottom: 1px solid #4f73a6;
	padding: 14px 19px 19px 25px
}

.news-card__group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between
}

.news-card__name {
	color: #2e5893;
	font-size: 18px;
	font-weight: 600;
	line-height: 100%
}

.news-card__date {
	color: #2e5893
}

.news-card__content {
	padding-top: 11px
}

.news-card__gallery {
	display: flex;
	flex-wrap: wrap;
	padding-top: 15px
}

.news-card__col {
	width: 205px
}

.news-card__img {
	padding-top: 52.1951219512%
}

@media(max-width:470px) {
	.news-card {
		padding: 14px
	}
}

.pagination {
	gap: 6px
}

.pagination,
.pagination__link {
	display: flex;
	justify-content: center
}

.pagination__link {
	align-items: center;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s ease;
	white-space: nowrap
}

.pagination__link_type_page {
	border: 1px solid #dcdcdc;
	height: 30px;
	padding: 3px 6px;
	width: 30px
}

.pagination__link_type_arrow {
	border: 1px solid transparent;
	height: 30px;
	padding: 7px;
	width: 30px
}

.pagination__link.active {
	background-color: #7aa3dd;
	border-color: #7aa3dd;
	color: #fff;
	fill: #fff
}

@media(hover:hover)and (pointer:fine) {
	.pagination__link:hover {
		border-color: #7aa3dd
	}
}

.vacancy__item {
	margin-bottom: 6px
}

.vacancy-card {
	background: #fbfbfb;
	padding: 40px 35px
}

.vacancy-card__name {
	color: #2e5893;
	font-size: 20px;
	font-weight: 700;
	line-height: 100%
}

.vacancy-card__box {
	padding-top: 28px
}

.vacancy-card__subtitle {
	font-size: 16px;
	font-weight: 600;
	line-height: 140%;
	padding-bottom: 11px
}

.vacancy-card__group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 30px;
	padding-top: 30px
}

.vacancy-card__label {
	font-weight: 600
}

.vacancy-card__phone {
	font-size: 28px;
	font-weight: 300;
	line-height: 140%;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.vacancy-card__phone:hover {
		color: #7aa3dd
	}
}

@media(max-width:720px) {
	.vacancy-card {
		padding: 15px
	}

	.vacancy-card__box {
		padding-top: 12px
	}

	.vacancy-card__name {
		font-size: 17px
	}
}

@media(max-width:575px) {
	.vacancy-card__phone {
		font-size: 22px
	}
}

.delivery__box {
	background: #fbfbfb;
	margin-bottom: 7px;
	padding: 13px 12px 13px 30px
}

.delivery__box:last-child {
	margin-bottom: 0
}

.delivery__subtitle {
	color: #2e5893;
	font-size: 20px;
	font-weight: 700;
	line-height: 100%;
	padding-bottom: 13px
}

.delivery__group {
	align-items: flex-end;
	display: flex;
	gap: 11px;
	justify-content: space-between;
	padding-top: 11px
}

@media(max-width:575px) {
	.delivery__group {
		flex-wrap: wrap
	}

	.delivery__box {
		padding: 14px
	}
}

.contacts__title {
	text-align: center
}

.contacts__box {
	border-bottom: 1px solid #4f73a6;
	margin-bottom: 5px
}

.in-group {
	background: #fbfbfb
}

.in-group__grid {
	display: grid;
	grid-template-columns: 1fr 226px;
	grid-gap: 40px;
	gap: 40px
}

.in-group__grid_center {
	align-items: center
}

.in-group_lg {
	padding: 22px 0 22px 27px
}

.in-group_sm {
	padding: 5px 0 5px 27px
}

.in-group__plate {
	background-color: #fff;
	padding: 9px 25px 7px
}

.in-group__phone {
	font-size: 21px;
	line-height: 110%;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.in-group__phone:hover {
		color: #4f73a6
	}
}

.in-group__btn {
	width: 100%
}

.in-group__note {
	color: #c8c8c8
}

@media(max-width:720px) {
	.in-group_lg {
		padding: 14px
	}

	.in-group_sm {
		padding: 5px 14px
	}

	.in-group__grid {
		gap: 15px;
		grid-template-columns: 1fr
	}

	.in-group__plate {
		text-align: center
	}
}

.in-mail {
	background: #fbfbfb;
	padding: 20px 30px 23px
}

.in-mail__group {
	align-items: center;
	display: flex;
	gap: 20px
}

.in-mail__icon {
	color: #4f73a6;
	flex-shrink: 0;
	height: 30px;
	width: 30px
}

.in-mail__list {
	-moz-column-count: 3;
	column-count: 3;
	font-size: 16px;
	padding-top: 11px
}

.in-mail__wrap {
	padding: 6px 0;
	page-break-inside: avoid
}

.in-mail__item {
	display: flex;
	gap: 6px;
	padding-left: 19px;
	position: relative
}

.in-mail__item:before {
	background-color: #ffdb5c;
	border-radius: 50%;
	content: "";
	display: block;
	height: 7px;
	left: 0;
	position: absolute;
	top: 7px;
	width: 7px
}

.in-mail__link {
	color: #4f73a6;
	font-weight: 600;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.in-mail__link:hover {
		color: #ffdb5c
	}
}

@media(max-width:1100px) {
	.in-mail__list {
		font-size: 14px
	}
}

@media(max-width:992px) {
	.in-mail__list {
		-moz-column-count: 2;
		column-count: 2
	}
}

@media(max-width:720px) {
	.in-mail {
		padding: 14px
	}
}

@media(max-width:575px) {
	.in-mail__list {
		-moz-column-count: 1;
		column-count: 1
	}
}

.in-address {
	background: #fbfbfb;
	display: grid;
	grid-template-columns: 1fr 260px
}

.in-address__content {
	padding: 40px 28px 30px 40px
}

.in-address__map {
	height: 100%;
	min-height: 249px;
	overflow: hidden;
	position: relative
}

.in-address__map iframe {
	height: 250px;
	width: 100%
}

.in-address__list {
	padding-top: 15px
}

.in-address__item {
	display: grid;
	font-size: 16px;
	grid-template-columns: 1fr 1.8fr;
	line-height: 140%;
	padding: 5px 0
}

.in-address__key {
	align-items: baseline;
	display: flex;
	font-weight: 600
}

.in-address__key:after {
	border-bottom: 1px dashed #6d85a8;
	content: "";
	flex-grow: 1;
	margin-inline: .3em
}

.in-address__value {
	flex-shrink: 0
}

.in-address__value ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3px 15px
}

.in-address__value ul li {
	list-style: none;
	padding-left: 13px;
	position: relative
}

.in-address__value ul li:before {
	background-color: #ffdb5c;
	border-radius: 50%;
	content: "";
	height: 7px;
	left: 0;
	position: absolute;
	top: 7px;
	width: 7px
}

.in-address__link {
	font-size: 14px;
	padding: 8px 10px;
	width: 100%
}

@media(max-width:1100px) {
	.in-address__item {
		font-size: 14px
	}
}

@media(max-width:720px) {
	.in-address {
		grid-template-columns: 1fr
	}

	.in-address__content {
		padding: 20px 14px
	}
}

@media(max-width:575px) {
	.in-address__key:after {
		display: none
	}

	.in-address__item {
		display: block
	}
}

.rq-info__head {
	display: grid;
	grid-gap: 15px;
	gap: 15px;
	grid-template-columns: 1fr 226px;
	padding: 13px 18px 7px 40px
}

.rq-info__table table {
	width: 100%
}

.rq-info__table tr:nth-child(odd) td {
	background-color: #f1f8ff
}

.rq-info__table tr:nth-child(2n) td {
	background-color: #fff
}

.rq-info__table td {
	padding-bottom: 3px;
	padding-top: 3px;
	width: 50%
}

.rq-info__table td:first-child {
	padding-left: 40px;
	padding-right: 5px
}

.rq-info__table td:last-child {
	padding-left: 0;
	padding-right: 18px
}

@media(max-width:720px) {
	.rq-info__head {
		padding: 14px
	}

	.rq-info__table td:first-child {
		padding-left: 14px
	}

	.rq-info__table td:last-child {
		padding-right: 14px
	}
}

@media(max-width:575px) {
	.rq-info__head {
		grid-template-columns: 1fr
	}
}

.inner {
	background: #fbfbfb;
	padding: 14px 30px 14px 30px
}

.inner__content img {
	border: 1px solid #4f73a6;
	float: right;
	height: auto;
	margin-bottom: 10px;
	margin-left: 10px;
	width: auto;
}

.inner__footer {
	padding-top: 13px
}

.inner__btn {
	display: inline-flex
}

@media(max-width:720px) {
	.inner {
		padding: 14px
	}
}

.prod-slider__title {
	padding-bottom: 16px;
	text-align: center
}

.prod-slider .swiper-slide {
	width: 165px
}

.prod-card {
	background-color: #fbfbfb;
	border-bottom: 1px solid #4f73a6;
	display: block;
	height: 100%;
	transition: .4s ease
}

@media(hover:hover)and (pointer:fine) {
	.prod-card:hover {
		color: #4f73a6
	}
}

.prod-card__wrap {
	border: 1px solid #4f73a6;
	padding: 10px
}

.prod-card__img {
	mix-blend-mode: darken;
	padding-top: 79.1411042945%
}

.prod-card__body {
	display: block;
	padding: 10px 12px 10px 17px
}

.prod-card__title {
	font-weight: 700
}

.prod-card__group {
	align-items: center;
	display: flex;
	gap: 3px;
	justify-content: space-between;
	padding-top: 18px
}

.prod-card__arrow {
	background-color: #fff;
	border-radius: 50%;
	flex-shrink: 0;
	height: 24px;
	padding: 8px;
	width: 24px
}

.prod-card__note {
	font-size: 13px;
	font-weight: 300;
	line-height: 100%
}

.prod-variants__group {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	justify-content: space-between
}

.prod-variants__table {
	margin-top: 4px
}

.prod-variants__btn {
	padding: 3px 8px
}

.prod-variants__btn .icon-btn__icon {
	height: 25px;
	width: 25px
}

.chars-table__title {
	padding-bottom: 12px
}

.chars-table__table {
	width: 100%
}

.chars-table__table td {
	border: 1px solid #4f73a6;
	padding: 3px 20px 3px 40px;
	width: 50%
}

.chars-table__table tr:nth-child(odd) td {
	background-color: #f1f8ff
}

.chars-table__table tr:nth-child(2n) td {
	background-color: #fff
}

.chars-table__txt {
	padding-top: 20px
}

@media(max-width:575px) {
	.chars-table__table td {
		padding: 3px 10px
	}
}

.docs__wrapper {
	background-color: #fbfbfb;
	padding: 20px 35px
}

.docs__title {
	padding-bottom: 9px
}

.docs__group {
	padding-top: 20px
}

.mt-20 {
    margin-top: 20px;
}

.mt-5 {
    margin-top: 5px;
}

.docs__subtitle {
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	padding-bottom: 6px
}

.docs__row {
	display: flex;
}

.docs__td {
	border: 1px solid #4f73a6;

	padding: 4px 12px;
	width: calc(100% - 116px)
}

.docs__action {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	flex-shrink: 0;
	width: 116px
}

.docs__link {
	height: 100%;
	padding: 5px 12px
}

@media(max-width:500px) {
	.docs__wrapper {
		padding: 15px
	}

	.docs__row {
		flex-wrap: wrap
	}

	.docs__td {
		width: 100%
	}

	.docs__action {
		margin-left: auto
	}
}

.busket__title {
	padding-bottom: 13px
}

.busket__wrapper {
	background-color: #fbfbfb;
	border-bottom: 1px solid #4f73a6;
	padding: 14px 24px 12px 34px
}

.busket__total {
	font-size: 18px;
	line-height: 140%;
	padding-top: 10px;
	text-align: right
}


.busket__total span {
	padding-left: 13px;
	white-space: nowrap
}

.busket__table {
	width: 100%
}

.busket__table td {
	border: 1px solid #4f73a6;
	padding: 5px;
	text-align: center
}

.busket__table thead td {
	background: #f1f8ff;
	color: #4f73a6;
	font-weight: 700
}

.cart-empty .btn {
	line-height: 3;
}

.busket__table thead td:first-child {
	/* padding-left: 30px; */
	text-align: left
}

.busket__table thead td:last-child {
	background-color: transparent;
	border: none;
	width: 20px
}

.docs__row {
	margin-bottom: 10px;
}

.busket__table tbody td {
	padding: 0 5px
}

.busket__table tbody td:last-child {
	padding: 0;
	width: 20px
}

.busket__table tbody td:first-child {
	text-align: left
}

.busket__table tbody td a {
	color: #4f73a6;
	font-weight: 700;
	text-align: left
}

.busket__remove {
	background-color: #7aa3dd;
	color: #fff;
	height: 100%;
	padding: 8px 5px;
	transition: .4s ease;
	width: 100%
}

@media(hover:hover)and (pointer:fine) {
	.busket__remove:hover {
		background-color: #ffdb5c
	}
}

@media(max-width:575px) {
	.busket__wrapper {
		padding: 14px
	}

	.busket__table thead {
		display: none
	}

	.busket__table tr {
		display: block;
		flex-wrap: wrap
	}

	.busket__table td {
		border-left: none;
		border-right: none;
		border-top: none;
		display: flex
	}

	.busket__table td:before {
		content: attr(data-before);
		padding-right: 15px;
		text-align: left;
		width: 120px
	}

	.busket__table tbody td:last-child {
		display: flex;
		justify-content: center;
		padding: 0;
		width: 100%
	}

	.busket__table tbody td:last-child:before {
		display: none
	}

	.busket__remove {
		height: 25px
	}
}

.pd-counter {
	align-items: center;
	display: flex;
	gap: 3px;
	justify-content: center
}

.pd-counter__btn {
	color: #000;
	cursor: pointer;
	height: 20px;
	padding: 7px;
	transition: .4s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 20px
}

@media(hover:hover)and (pointer:fine) {
	.pd-counter__btn:hover {
		background-color: #4f73a6;
		color: #fff
	}
}

.pd-counter__input {
	height: 100%;
	text-align: center;
	width: 16px
}

.busket-order__wrapper {
	background-color: #fbfbfb;
	border-bottom: 1px solid #4f73a6;
	padding: 20px 30px
}

.busket-order__txt {
	padding-top: 15px
}

.busket-order__group {
	display: grid;
	padding-top: 12px;
	grid-gap: 7px 28px;
	gap: 7px 28px;
	grid-template-columns: repeat(2, 1fr)
}

.busket-order__group_mw_560 {
	max-width: 560px
}

.busket-order__message {
	padding-top: 7px
}

.busket-order__delivery {
	padding-top: 22px
}

.busket-order__subtitle {
	font-size: 18px;
	font-weight: 600;
	line-height: 100%;
	padding-bottom: 16px
}

.busket-order__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	padding-top: 7px
}

.busket-order__notation {
	align-items: center;
	background: #f1f8ff;
	display: flex;
	gap: 17px;
	margin-top: 11px;
	padding: 13px 16px
}

.busket-order__notation-icon {
	flex-shrink: 0;
	height: 18px;
	width: 18px
}

.busket-order__terminal {
	display: flex;
	gap: 9px;
	padding-top: 6px
}

.busket-order__address {
	padding-top: 11px
}

.busket-order__files {
	padding-top: 25px
}

.busket-order__policy {
	margin-top: 20px
}

.busket-order__policy a {
	color: #4f73a6
}

.busket-order__bottom {
	padding-top: 20px
}

@media(max-width:575px) {
	.busket-order__wrapper {
		padding: 15px
	}

	.busket-order__group {
		grid-template-columns: 1fr
	}

	.busket-order__notation {
		flex-wrap: wrap;
		gap: 10px;
		padding: 12px
	}

	.busket-order__terminal {
		flex-wrap: wrap
	}

	.busket-order__variant {
		padding-top: 6px
	}

	.busket-order__adds,
	.busket-order__item {
		width: 100%
	}

.busket-order__checkbox {
	flex-direction: row-reverse;
	gap: 15px;
	justify-content: flex-end;
	width: 100%
}
}

/* Хлебные крошки */
.breadcrumbs {
	padding: 15px 0;
}

.breadcrumbs__list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs__item {
	align-items: center;
	display: flex;
	gap: 8px;
}

.breadcrumbs__link {
	color: #4f73a6;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
	transition: color 0.3s ease;
}

.breadcrumbs__link:hover {
	color: #125087;
	text-decoration: underline;
}

.breadcrumbs__current {
	color: #666;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
}

.breadcrumbs__separator {
	align-items: center;
	color: #999;
	display: flex;
	flex-shrink: 0;
}

.breadcrumbs__arrow {
	height: 12px;
	width: 8px;
}

@media (max-width: 768px) {
	.breadcrumbs {
		padding: 10px 0;
	}
	
	.breadcrumbs__list {
		gap: 6px;
	}
	
	.breadcrumbs__item {
		gap: 6px;
	}
	
	.breadcrumbs__link,
	.breadcrumbs__current {
		font-size: 13px;
	}
	
	.breadcrumbs__arrow {
		height: 10px;
		width: 6px;
	}
}

@media (max-width: 480px) {
	.breadcrumbs {
		padding: 8px 0;
	}
	
	.breadcrumbs__link,
	.breadcrumbs__current {
		font-size: 12px;
	}
	
	/* На очень маленьких экранах скрываем промежуточные элементы, оставляем только первый и последний */
	.breadcrumbs__item:not(:first-child):not(:last-child) {
		display: none;
	}
	
	/* Добавляем многоточие между первым и последним элементом */
.breadcrumbs__item:first-child:after {
		content: "...";
		color: #999;
		margin: 0 4px;
	}
}

/* 
@media (max-width: 768px) {
	table .checkbox__input:checked + .checkbox__mark:after,
	.fl-table .checkbox__input:checked + .checkbox__mark:after,
	.fl-table tbody .checkbox__input:checked + .checkbox__mark:after {
		opacity: 1 !important;
		background-color: #ffdb5c !important;
		content: "" !important;
		display: block !important;
		height: 100% !important;
		width: 100% !important;
		visibility: visible !important;
		position: relative !important;
	}
	
	table .checkbox__mark,
	.fl-table .checkbox__mark,
	.fl-table tbody .checkbox__mark {
		display: block !important;
		flex-shrink: 0 !important;
		position: relative !important;
	}
	
	table .checkbox__mark_sm,
	.fl-table .checkbox__mark_sm,
	.fl-table tbody .checkbox__mark_sm {
		height: 18px !important;
		width: 18px !important;
		padding: 3px !important;
		border: 2px solid #4f73a6 !important;
	}
	
	
	table .checkbox,
	.fl-table .checkbox,
	.fl-table tbody .checkbox {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
	}
} */