@charset "UTF-8";
.empty-page {
	background: #F7FAFC;
}

@media only screen and (max-width: 767px) {
.empty-page .breadcrumbs {
	display: none;
}
}
.empty-page > .container {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}
.err-page {
	text-align: center;
	font: normal 15px/30px var(--fontg);
	letter-spacing: -0.01em;
	color: var(--darker);
	position: relative;
	margin: 134px 0 42px 0;
}
.err-page .image {
	pointer-events: none;
	height: 204px;
	margin: 0 0 56px 0;
	background: url(../img/404.png) no-repeat 50% 50%;
	background-size: contain;
}
.err-page .big {
	font-weight: 900;
	font-size: 28px;
	line-height: 40px;
	letter-spacing: -0.01em;
	color: #344B74;
	margin: 0 0 25px 0;
}
.err-page .back, .search-empty .back {
	width: 48px;
	height: 48px;
	position: absolute;
	left: 0;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.err-page .back {
	top: -78px;
}
.err-page .back svg, .search-empty .back svg {
	flex: 0 0 auto;
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	fill: var(--sec-dark);
}

@media (pointer:fine) {
.err-page a.back:hover svg, .search-empty a.back:hover svg {
	fill: var(--hover-dark);
}
}
.err-page .for-link {
	margin: 48px 0 0 0;
}
.err-page .for-link .btn {
	min-width: 270px;
}

@media only screen and (max-width: 767px) {
.err-page .for-link .btn {
	color: #253859;
	background: var(--grad-yellow);
	background-color: #FFB800;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 120% 100%;
	box-shadow: 0px 8px 26px rgba(255, 196, 0, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.15), inset 0px -0.5px 0px rgba(186, 143, 0, 0.5);
}
.err-page .for-link .btn svg {
	fill: #253859;
}
 @media (pointer:fine) {
.err-page .for-link .btn:hover {
 background-position: 100% 100%;
 color: #253859;
}
}
}
.search-empty {
	position: relative;
	margin-top: 98px;
	margin-bottom: 17px;
	text-align: center;
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}
.search-empty .back {
	top: -64px;
}

@media only screen and (max-width: 767px) {
.search-empty .back span {
	display: none;
}
.search-empty .back svg + svg {
	display: none;
}
}
.search-empty .text {
	display: flex;
	text-align: left;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px 5px;
	font: 900 18px/20px var(--fontg);
	letter-spacing: -0.01em;
	color: var(--grey700);
}
.search-empty .text > * {
	order: 2;
	flex: 0 0 auto;
}
.search-empty .text .big {
	order: 1;
	flex: 0 0 auto;
	width: 100%;
	text-align: center;
	font-size: 32px;
	line-height: 40px;
	color: var(--grey500);
}
.search-empty .image {
	flex: 1 0 auto;
	background: url(../img/search-empty.png) no-repeat 50% 50%;
	background-size: contain;
	min-height: 280px;
	pointer-events: none;
	margin: 10px -17px 0 -17px;
}
.search-empty .tel {
	font: 500 15px/20px var(--fontg);
	letter-spacing: -0.01em;
	color: var(--grey600);
}
.search-empty .tel:before {
	content: '';
	display: block;
	margin: 0 auto 22px auto;
	width: 48px;
	height: 3px;
	border-radius: 1.5px;
	background: var(--yellow);
}
.search-empty .tel strong {
	display: block;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.02em;
	color: var(--grey800);
	margin: 26px 0 0 0;
}
.search-empty .tel strong a {
	text-decoration: none;
	color: inherit!important;
}

/*mobile end*/

/*tablet start*/

@media only screen and (min-width: 768px) {
.empty-page .breadcrumbs {
	padding-top: 40px;
}
.empty-page .container {
	padding-left: 64px;
	padding-right: 64px;
}
.err-page {
	margin: 118px -48px 50px 18px;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #7F93B4;
	letter-spacing: normal;
}
.err-page .text {
	position: relative;
}
.err-page .text .max {
	max-width: 390px;
}
.err-page .image {
	width: calc(100% - 420px);
	height: 270px;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -145px 0;
}
.err-page .big {
	font-size: 36px;
	margin: 0 0 16px 0;
}
.err-page .back {
	top: -6px;
	left: -62px;
}
.err-page .back svg {
	fill: var(--blue);
}
 @media (pointer:fine) {
.err-page a.back:hover svg {
 fill: var(--hover);
}
}
.err-page .for-link {
	margin-top: 38px;
}
.err-page .for-link .btn {
	color: var(--white);
	background: #263349;
	box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 24px rgba(29, 54, 96, 0.26);
	font-family: var(--fonti);
	letter-spacing: normal;
	font-weight: normal;
	font-size: 15px;
	text-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.45);
	min-width: 173px;
}
.err-page .for-link .btn svg {
	fill: var(--white);
	filter: drop-shadow(0px 0.5px 0px rgba(0, 0, 0, 0.45));
}
 @media (pointer:fine) {
 .err-page .for-link .btn:hover {
 box-shadow: none;
}
}
.search-empty {
	margin: 0 0 38px 0;
	gap: 40px 0;
}
.search-empty .back {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
	user-select: none;
	top: auto;
	position: relative;
	left: auto;
	font-weight: normal;
	font-size: 15px;
	line-height: 16px;
	padding: 0 30px;
	background: #263349;
	border-radius: 4px;
	height: 50px;
	width: auto;
	align-self: flex-start;
	flex-direction: row;
	gap: 0 10px;
	color: var(--white);
	transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 24px rgba(29, 54, 96, 0.26);
}
.search-empty .back svg {
	fill: var(--white);
	margin-left: -7px;
}
 @media (pointer:fine) {
 .search-empty a.back:hover {
 box-shadow: none;
}
.search-empty a.back:hover svg {
 fill: var(--white);
}
}
.search-empty .back svg:first-child {
	display: none;
}
.search-empty .text {
	display: block;
	text-align: left;
	font-weight: 900;
	font-size: 36px;
	line-height: 40px;
}
.search-empty .text > * {
	display: inline;
}
.search-empty .text .big {
	font: inherit;
	letter-spacing: inherit;
	color: var(--grey500);
}
.search-empty .image {
	margin: 0 -64px;
	min-height: 400px;
}
.search-empty .tel {
	font-size: 16px;
	letter-spacing: 0.01em;
}
.search-empty .tel:before {
	width: 75px;
	height: 3px;
	border-radius: 1.5px;
	margin-bottom: 30px;
}
.search-empty .tel strong {
	font-size: 24px;
	letter-spacing: -0.01em;
	margin-top: 28px;
}
}

/*tablet end*/

/*tablet-big start*/

@media only screen and (min-width: 1024px) {
.err-page {
	margin-right: -34px;
	margin-left: 23px;
}
}

/*tablet-big end*/

/*desktop start*/

@media only screen and (min-width: 1280px) {
.empty-page .breadcrumbs {
	padding-top: 45px;
}
.empty-page .container {
	padding-left: 40px;
	padding-right: 40px;
}
.err-page {
	margin: 228px 0 108px 0;
	font-size: 22px;
	line-height: 40px;
}
.err-page .text {
	margin-left: 48.1%;
}
.err-page .text .max {
	max-width: none;
}
.err-page .image {
	width: 45%;
	height: 386px;
	margin: -190px 0;
	right: auto;
	left: 0.75%;
}
.err-page .big {
	font-size: 50px;
	line-height: 55px;
	letter-spacing: -0.01em;
	margin: 0 0 15px 0;
}
.err-page .back {
	top: 8px;
	left: -66px;
}
.err-page .for-link {
	margin-top: 32px;
}
.search-empty {
	margin: 0;
}
.search-empty .image {
	margin: -40px -40px;
	height: calc(100vh - 500px);
	max-height: 568px;
}
.search-empty .tel {
	font-size: 17px;
}
.search-empty .tel strong {
	font-size: 28px;
}
}