@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;600;700&display=swap');
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

ul {
	-webkit-padding-start: 0;
	padding-inline-start: 0;
}

body.fm {
	padding-top: 0 !important;
}

body {
	color: #3e3e3e;
	font-family: 'Open Sans', 'arial', sans-serif;
	font-size: 17px;
	/* background: url(../img/bg.png) 50% repeat #0578ce; */
	margin: 0;
	padding: 0;
	counter-reset: section;
}

p,
ul,
li,
ol,
h2 {
	margin: 0;
	padding: 0;
}

.header,
.banner {
	font-size: 17px;
	margin: 0;
	padding: 0;
	line-height: 1.15;
}

.header {
	margin: 0 auto;

	min-width: 320px;
	padding: 0;
	position: relative;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

header .wrap {
	width: 100%;
	max-width: inherit;
	top: 0;
	background-color: white;
	position: fixed;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 999;
}

.header_top {
	max-width: 1220px;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background: url(../images/vJu2kdbpelUX.png) no-repeat 37% 0%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 20% 30%;
	grid-template-columns: 50% 20% 30%;
	-ms-grid-rows: 50px 107px;
	grid-template-rows: 50px 107px;
}

.header_top > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.header_top > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}

.header_top > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.header_top > *:nth-child(4) {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
}

.header_top > *:nth-child(5) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
}

.logo {
	display: block;
	padding-top: 13px;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1/3;
}

.logo img {
	height: 141px;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.working-hours {
	justify-self: center;
	align-self: center;
	-ms-grid-column-align: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1/3;
	height: 100%;
	max-width: 180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.working-hours_1 {
	color: #ff0000;
	font-size: 1.23em;
	font-weight: 700;
	text-align: justify;
}

.working-hours_2 {
	padding-top: 6px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.working-hours_2 li {
	line-height: 1;
	font-size: 0.7em;
	display: inline;
	background-color: #0578ce;
	padding: 4px;
	color: white;
	border-radius: 4px;
}

.working-hours_3 {
	color: #0578ce;
	font-size: 1.44em;
	font-weight: 700;
	text-align: justify;
}

.working-hours_4 {
	color: #ff0000;
	font-size: 1.47em;
	font-weight: 700;
	text-align: justify;
	line-height: 1;
}

.call {
	-ms-grid-column-align: center;
	justify-self: center;
	background-color: #ff0000;
	width: 300px;
	border-radius: 0 0 20px 20px;
	text-align: center;
	color: white;
	font-size: 1.7em;
	font-weight: 700;
	line-height: 1.9;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.phone-numbers {
	padding-top: 5px;
	max-width: 300px;
	-ms-grid-column-align: center;
	justify-self: center;
	text-align: right;
	font-size: 1.35em;
	line-height: 1.4;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.phone-numbers a {
	color: black;
	text-decoration: none;
}
.phone-numbers a:hover {
	text-decoration: underline;
}

.phone-numbers span {
	font-size: 0.53em;
	text-decoration: underline;
}

.phone-numbers img {
	margin-bottom: -3px;
}

.header-fixed .header_top > *:nth-child(5) {
	-ms-grid-row: 2;
}

.header-fixed .call {
	width: 380px;
	height: 55px;
	line-height: 1.6;
	border-radius: 20px;
	font-size: 2em;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	-ms-grid-column-align: start;
	justify-self: start;
}

.header-fixed .wrap {
	padding: 0;
	height: 120px;
	border-bottom: 4px solid #0578ce;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: linear-gradient(to right, white 50%, #0578ce 50%);
	max-width: auto;
	margin: 0 auto;
}

.header-fixed .header_top {
	background: url(../images/vJu2kdbpelUX.png) no-repeat,
		#0578ce linear-gradient(130deg, white 35%, transparent 80%);
}

.header-fixed .logo {
	display: none;
}

.header-fixed .header_top {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33% 34% 1fr;
	grid-template-columns: 33% 34% 1fr;
	-ms-grid-rows: 119px;
	grid-template-rows: 119px;
}

.header-fixed .header_top > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}

.header-fixed .header_top > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.header-fixed .header_top > *:nth-child(4) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.header-fixed .call {
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: 1;
	grid-column-end: 2;
	-ms-grid-row: 1;
	grid-row-start: 1;
	-ms-grid-row-span: 1;
	grid-row-end: 2;
}

.header-fixed .working-hours {
	-ms-grid-row-align: center;
	align-self: center;
	max-width: 380px;
	-ms-grid-column: 2;
	grid-column-start: 2;
	-ms-grid-column-span: 1;
	grid-column-end: 3;
	-ms-grid-row: 1;
	grid-row-start: 1;
	-ms-grid-row-span: 1;
	grid-row-end: 2;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.header-fixed .working-hours_1,
.header-fixed .working-hours_2,
.header-fixed .working-hours_3,
.header-fixed .working-hours_4 {
	width: 50%;
	padding-top: 0;
}

.header-fixed .working-hours_3,
.header-fixed .working-hours_4 {
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.header-fixed .working-hours_1 {
	line-height: 1.5;
}

.header-fixed .working-hours_2 {
	margin-bottom: 6px;
	width: 178px;
}

.header-fixed .working-hours_3 {
	line-height: 1.2;
}

.header-fixed .working-hours_4 {
	line-height: 1.2;
}

.header-fixed .phone-numbers {
	-ms-grid-row-align: center;
	align-self: center;
	color: white;
	-ms-grid-column: 3;
	grid-column-start: 3;
	-ms-grid-column-span: 1;
	grid-column-end: 4;
	-ms-grid-row: 1;
	grid-row-start: 1;
	-ms-grid-row-span: 1;
	grid-row-end: 2;
	padding-top: 0;
}
.header-fixed .phone-numbers a {
	color: white;
	font-weight: 700;
}

.center {
	margin: 0 auto;
	max-width: 1220px;
	min-width: 320px;
	padding: 0;
	position: relative;
}
.center .wrap {
	padding: 0 15px;
	width: 100%;
	height: 100%;
	background-color: white;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 330px 1fr;
	grid-template-rows: auto 1050px 1fr;
	display: -ms-grid;
	-ms-grid-columns: 330px 1fr;
}
@media (max-width: 1220px) {
	.header-fixed .call {
		border-radius: 0 20px 20px 0;
	}
}
@media (max-width: 800px) {
	.center .wrap {
		grid-template-rows: auto;
	}
}

.mobile_button,
.mobile_block_text {
	display: none;
}

.mobile_button_hidden {
	display: none;
}

.mobile_button_block {
	display: none;
}

@media (max-width: 530px) {
	.mobile_button,
	.mobile_block_text {
		display: block;
	}
	.mobile_block_text {
		margin: 10px;
		margin-top: 20px;
	}
	.mobile_block_text ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		list-style: none;
	}
	.mobile_block__item {
		width: 50%;
		padding: 2px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: red;
	}
	.mobile_block__item p {
		font-size: 14px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-color: #f2f2f2;
		text-align: center;
		width: 100%;
		height: 100%;
		padding: 8px 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 1.5;
		font-weight: 600;
	}
	.mobile_block__item:first-child,
	.mobile_block__item:last-child {
		color: #0578ce;
	}
	.mobile_button_block {
		margin: 10px auto;
		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;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.mobile_button_block a {
		text-decoration: none;
	}
	.mobile_button {
		margin-top: 10px;
		background-color: red;
		padding: 10px 20px;
		color: white;
		font-size: 21px;
		border-radius: 10px;
		min-width: 250px;
		text-align: center;
		font-weight: 600;
		position: relative;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 50px;
	}
	.mobile_button::before {
		height: 25px;
		width: 25px;
		display: block;
		content: '';
		background: url(../images/88yJSNBidnyE.png) no-repeat;
		position: absolute;
		left: 20px;
	}
	.mobile_button_hidden {
		padding: 10px 20px;
		font-size: 21px;
		min-width: 250px;
		text-align: center;
		font-weight: 600;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mobile_button_block a:first-child {
		background-color: red;
		color: white;
		border-radius: 10px 10px 0 0;
	}
	.mobile_button_block a:nth-child(2) {
		background-color: #ffd500;
		color: black;
		border-radius: 0 0 10px 10px;
		margin-top: 2px;
	}
}
.wrapp-nav-menu {
	width: 100%;
	height: 43px;
	background-color: #0578ce;
	position: absolute;
}
.nav-menu {
	width: 100%;
	max-width: 1220px;
	height: 43px;
	background-color: #0578ce;
	grid-column: 1/4;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;

	margin: 0 auto;
	z-index: 999;
}

.nav-menu li {
	position: relative;
}

.nav-menu ul li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	background: #2da1df;
	top: 43px;
	list-style: none;
	width: 377px;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.nav-menu ul li:hover ul {
	visibility: visible;
	opacity: 1;
}

.nav-menu ul li ul li {
	display: block;
	height: 100%;
	width: 100%;
}

.nav-menu ul li ul li:hover {
	background-color: #51a9ed;
}

.nav-menu ul li ul li a {
	text-transform: none;
	padding: 10px 16px;
	display: block;
	text-align: left;
	font-weight: 300;
}

.primary-menu {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.primary-menu li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.primary-menu a {
	color: white;
	text-decoration: none;
	font-size: 0.82em;
	text-transform: uppercase;
	line-height: 1.6;
	height: 100%;
	width: 100%;
	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;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.primary-menu li:hover {
	background-color: #51a9ed;
}

@media (max-width: 710px) {
	.nav-menu ul li:hover ul {
		visibility: hidden;
		opacity: 0;
	}
	body.body-fixed {
		position: fixed;
		overflow: hidden;
		height: 100vh;
		-webkit-overflow-scrolling: touch;
	}
	.nav-menu .primary-menu li {
		position: static;
	}
	.modal {
		visibility: hidden;
		opacity: 0;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(1, 82, 144, 0.65);
		z-index: 1000;
		margin: 0;
		padding: 0;
	}
	.modal .close {
		font-size: 40px;
		color: #0578ce;
		position: absolute;
		right: 70px;
		top: 35px;
		z-index: 1001;
		cursor: pointer;
	}
	.nav-menu ul li ul {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: calc(100vw - 100px);
		max-width: 800px;
		margin: 30px auto;
		position: relative;
		height: auto;
		background-color: rgba(255, 255, 255, 0.95);
		padding: 40px 10px 40px 10px;
		top: auto;
		border-radius: 20px;
	}
	.nav-menu ul li ul li {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: auto;
		width: auto;
		border-bottom: solid 1px #b2b2b2;
		margin: 0 15px;
	}
	.nav-menu ul li ul li a {
		color: #0578ce;
		font-size: 14px;
		font-weight: 400;
		text-align: center;
	}
	.nav-menu ul li ul li:last-child {
		border-bottom: none;
	}
	.nav-menu ul li ul li:hover {
		background-color: transparent;
	}
	.nav-menu ul li ul li:hover a {
		font-weight: 700;
	}
}

@media (max-width: 530px) {
	.nav-menu ul li ul {
		margin: 15px auto;
		width: calc(100vw - 30px);
	}
	.modal .close {
		right: 40px;
		top: 25px;
	}
	.nav-menu ul li ul li a {
		padding: 10px 5px;
		font-size: 12px;
	}
	.primary-menu li:first-child {
		display: none;
	}
	.primary-menu .modal li:first-child {
		display: block;
	}
}

@media (max-width: 370px) {
	.nav-menu ul li ul li {
		margin: 0 10px;
	}
}

.close,
.header_hidden {
	display: none;
}

.wrapp-nav-menu.out {
	height: 0px;
	opacity: 0;
}

.header.out {
	height: 0px;
	opacity: 0;
}

@media (max-height: 740px) {
	.nav-menu ul li:hover ul {
		visibility: hidden;
		opacity: 0;
	}
	body.body-fixed {
		position: fixed;
		overflow: hidden;
		height: 100vh;
		-webkit-overflow-scrolling: touch;
	}
	.nav-menu .primary-menu li {
		position: static;
	}
	.modal {
		visibility: hidden;
		opacity: 0;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(1, 82, 144, 0.65);
		z-index: 1000;
		margin: 0;
		padding: 0;
	}
	.modal .close {
		font-size: 40px;
		color: #0578ce;
		position: absolute;
		right: 70px;
		top: 35px;
		z-index: 1001;
		cursor: pointer;
	}
	.nav-menu ul li ul {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: calc(100vw - 100px);
		max-width: auto;
		margin: 30px auto;
		position: relative;
		height: auto;
		background-color: rgba(255, 255, 255, 0.95);
		padding: 40px 10px 40px 10px;
		top: auto;
		border-radius: 20px;
	}
	.nav-menu ul li ul li {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: auto;
		width: auto;
		border-bottom: solid 1px #b2b2b2;
		margin: 0 15px;
	}
	.nav-menu ul li ul li a {
		color: #0578ce;
		font-size: 14px;
		font-weight: 400;
		text-align: center;
	}
	.nav-menu ul li ul li:last-child {
		border-bottom: none;
	}
	.nav-menu ul li ul li:hover {
		background-color: transparent;
	}
	.nav-menu ul li ul li:hover a {
		font-weight: 700;
	}
}

@media (max-width: 460px) {
	.nav-menu ul li ul {
		width: calc(100vw - 20px);
	}
	.modal .close {
		right: 32px;
	}
}
.banner {
	/* height: 400px; */
	height: calc((100vw - 600px) / (1200 - 600) * (400 - 200) + 200px);
	max-height: 400px;
	min-height: 200px;
	width: 100%;
	background: url(../images/6epZ7p9HIox6.jpg) center;
	background-size: cover;
	margin-top: 160px;
	z-index: 0;
}
.banner__content {
	position: relative;
	max-width: 1200px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.banner__img {
	position: absolute;
	background: url(../images/EQKU5iHF3z7j.png) no-repeat right top;
	background-size: contain;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.banner__offer {
	position: relative;
	height: calc((100vw - 600px) / (1200 - 600) * (294 - 179) + 179px);
	width: calc((100vw - 600px) / (1200 - 600) * (741 - 450) + 450px);
	background: rgba(255, 255, 255, 0.9);
	z-index: 11;
	max-height: 294px;
	min-height: 150px;
	max-width: 741px;
	min-width: 378px;
	margin-left: calc((100vw - 500px) / (1200 - 500) * (35 - 10) + 10px);
	font-size: 26px;
}

.offer__header {
	font-weight: 600;
	font-size: calc((100vw - 530px) / (1200 - 530) * (26 - 16) + 16px);
	color: #0578ce;
	text-align: left;
	padding: 0.7rem;
	margin: 0;
	padding-left: calc((100vw - 500px) / (1200 - 500) * (31 - 10) + 10px);
}
.offer__title {
	margin: 0;
	padding: 0.4rem;
	padding-left: calc((100vw - 500px) / (1200 - 500) * (31 - 10) + 10px);
	background: #0578ce;
	color: white;
	font-size: calc((100vw - 530px) / (1200 - 530) * (24 - 14) + 14px);
}
.offer__text {
	color: #0578ce;
	font-size: calc((100vw - 530px) / (1200 - 530) * (16 - 12) + 12px);
	line-height: calc((100vw - 530px) / (1200 - 530) * (25 - 13) + 13px);
	padding-left: calc((100vw - 500px) / (1200 - 500) * (31 - 12) + 12px);
	margin: 0;
	padding-top: calc((100vw - 500px) / (1200 - 500) * (17 - 10) + 10px);
}
.offer_list {
	list-style: none;
	display: flex;
	max-width: calc((100vw - 500px) / (1200 - 500) * (455 - 300) + 300px);
	flex-wrap: wrap;
	margin: 0;
	padding-top: calc((100vw - 500px) / (1200 - 500) * (16 - 5) + 5px);
	padding-left: calc((100vw - 500px) / (1200 - 500) * (31 - 12) + 12px);
	font-size: calc((100vw - 530px) / (1200 - 530) * (24 - 14) + 14px);
}
.offer_list li {
	padding-top: calc((100vw - 500px) / (1200 - 500) * (7 - 0) + 0px);
	color: red;
	position: relative;
}
.offer_list li:nth-child(2n + 1) {
	padding-right: 2rem;
}

.offer_list li:nth-child(2n + 1)::after {
	position: absolute;
	content: '|';
	font-size: 0.9em;
	padding-left: 0.7rem;
}

@media (min-width: 1200px) {
	.banner__offer {
		margin-left: 35px;
	}
	.offer__header {
		font-size: 1em;
		padding-left: 31px;
	}
	.offer__title {
		padding-left: 31px;
		font-size: 24px;
	}
	.offer__text {
		font-size: 16px;
		padding-left: 31px;
		line-height: 25px;
		padding-top: 17px;
	}
	.offer_list {
		padding-top: 16px;
		padding-left: 31px;
		font-size: 24px;
		max-width: 455px;
	}
	.offer_list li {
		padding-top: 7px;
	}
}

/* .banner {
	width: 100%;
	margin: 200px auto 0 auto;
	padding: 0;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.banner .wrap {
	max-width: 1220px;
	min-width: 320px;
	margin: 0 auto;
	top: 0;
	background-color: white;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.banner__offer {
	border-top: 2px solid #0578ce;
	border-bottom: 2px solid #0578ce;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: url('../img/offer.jpg') no-repeat right top;
	background-size: contain;
	height: 297px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 17px;
} */

/* .offer__title {
	width: 100%;
	font-size: 2.7em;
	font-weight: 700;
	margin: 0;
	color: #0578ce;
	margin-left: 25px;
	line-height: 1.1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 8px;
}

.offer__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	font-size: 1.176em;
	color: #ff0000;
	margin-left: 25px;
	line-height: 1.8;
	font-weight: 400;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -5px;
}

.offer_list {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(70%, #0578ce),
		color-stop(90%, transparent)
	);
	background: linear-gradient(90deg, #0578ce 70%, transparent 90%);
}

.offer_list li {
	font-size: 1.53em;
	font-weight: 700;
	color: white;
}

.offer_list li:first-child {
	margin-left: 25px;
}

.offer_list li:first-child:before {
	content: '';
	padding: 0;
}

.offer_list li:before {
	content: '•';
	padding: 0 10px;
}

.offer__action {
	margin-left: 25px;
	font-size: 2em;
	color: #ff0000;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
} */

.why-us {
	grid-column: 1/3;
	grid-row: 1/2;
	margin-bottom: 38px;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
}

.why-us__title {
	display: block;
	color: #0578ce;
	font-size: 32px;
	text-align: center;
	padding-top: 50px;
	text-transform: uppercase;
}

.why-us__list {
	padding-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.why-us__item {
	width: 30%;
	margin-bottom: 25px;
}

.why-us__img {
	display: block;
	margin: 0 auto;
}

.why-us__p {
	text-align: center;
	padding-top: 10px;
}

.breadcrumb ul {
	list-style: none;
	margin-left: 310px;
	padding-left: 20px;
	font-size: 14px;
	color: #bababa;
	padding-top: 10px;
	padding-bottom: 10px;
}

.breadcrumb li {
	display: inline-block;
	padding-bottom: 5px;
}

.breadcrumb a {
	text-decoration: none;
	color: #0578ce;
	font-weight: bold;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

.breadcrumb li.active {
	color: #666;
}

.breadcrumb {
	margin: 0 auto;
	max-width: 1220px;
	min-width: 320px;
	padding: 0 15px;
	position: relative;
	background-color: white;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.breadcrumb li + li::before {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	color: #0578ce;
	content: '>';
	font-size: 12px;
}

@media (max-width: 800px) {
	.breadcrumb ul {
		margin-left: 0;
		padding-top: 20px;
		padding-left: 0;
	}
}

.content {
	grid-column: 2/3;
	grid-row: 2/4;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 2;
	-ms-grid-row-span: 2;
}

.content {
	background-color: #f2f2f2;
	border-radius: 21px;
	font-size: 16px;
	padding: 5px 20px;
}

.content h1 {
	font-size: 1.5em;
	color: #0578ce;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
}

.content h2 {
	margin: 25px 0 10px 0;
	font-size: 1.37em;
}

.content p {
	margin: 10px 0 15px 0;
	line-height: 26px;
}
.content .STList p {
	margin: 5px 0 5px 0;
}

.content ul {
	margin-left: 40px;
	line-height: 24px;
}

.content li {
	position: relative;
	margin: 5px 0;
	list-style-type: none;
}

.content ul li:before {
	color: #0578ce;
	content: '• ';
	/* Сам маркер */
	font-size: 30px;
	line-height: 0.8;
	margin: 0;
	position: absolute;
	left: -20px;
}

.content a {
	color: #0578ce;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

.content ol {
	margin-left: 40px;
	line-height: 24px;
}

.content ol li:before {
	counter-increment: section;
	color: #0578ce;
	content: counter(section) '. ';
	margin: 0;
	position: absolute;
	left: -20px;
	font-weight: 600;
}

.content table {
	margin: 10px 0;
	padding: 0;
	width: 100%;
}

.content table.sticky-header {
	z-index: 10;
}

.content table,
.content thead,
.content tbody,
.content tr,
.content th,
.content td {
	border-color: #ccc;
}

.content table,
.content td,
.content th {
	vertical-align: middle;
}

.content caption,
.content th,
.content td {
	text-align: left;
}

.content thead tr {
	font-weight: 700;
	background-color: #e5e5e5;
}

.content td,
.content th {
	border-bottom: 0;
	margin: 0;
	padding: 5px 7px;
}

.content tbody tr {
	border: 1px solid #ccc;
}

.content tr.odd {
	background: #fff;
}

.content tr.info,
.content tr.even,
.content tr:nth-child(2n + 2) {
	border-bottom: 0;
	background-color: #f5f5f5;
}

.content tr.odd td.active {
	background-color: #eee;
}

.content tr.even td.active {
	background-color: #ebebeb;
}

.content table {
	border: 1px solid;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: inherit;
}
.content table img {
	max-width: 100%;
	height: auto;
}

.table th,
.table td {
	padding: 0.4rem 0.65rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
	font-size: 14px;
}

.table th {
	text-align: center;
	font-size: 16px;
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
	border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
	padding: 0.3rem;
}

.table {
	border: 1px solid #dee2e6;
}

.table thead tr {
	font-weight: 600;
	font-size: 17px;
}

.table th,
.table td {
	border: 4px solid #f2f2f2;
}

.table thead th,
.table thead td {
	border-bottom-width: 2px;
}

.table tbody tr:nth-of-type(odd) {
	background-color: #fff;
}

.table tbody tr {
	background: #ddd;
}

.table tbody + tbody {
	border-color: #95999c;
}

.table thead th {
	background: #0578ce;
	color: #fff;
}

.table tbody tr:hover {
	color: #212529;
	background-color: #dee2e6;
}

.PhoneNumber {
	display: block;
	font-size: 1.37em;
	text-align: center;
	margin: 15px 0 10px 0;
	font-weight: 600;
}

.form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	-webkit-transition: border-color 0.15s ease-in-out 0s,
		-webkit-box-shadow 0.15s ease-in-out 0s;
	transition: border-color 0.15s ease-in-out 0s,
		-webkit-box-shadow 0.15s ease-in-out 0s;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s,
		-webkit-box-shadow 0.15s ease-in-out 0s;
}

.ec-form .form-group {
	margin-bottom: 15px;
	width: 570px;
}

.ec-message {
	overflow: hidden;
}

.brands {
	grid-column: 1/2;
	grid-row: 2/3;
	margin-right: 20px;
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
}

.brands__h2 {
	color: #0578ce;
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	padding: 20px 0;
}

.brands__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #0578ce;
}

.nav__item {
	padding: 8px 5px;
	width: 50%;
}

.nav__item.active,
.nav__item:hover {
	background-color: #0578ce;
}

.nav__a {
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	color: #0578ce;
	font-size: 15px;
	display: block;
	text-align: center;
}

.nav__item.active .nav__a,
.nav__item:hover .nav__a {
	color: white;
}

.brands__items {
	list-style: none;
	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;
	padding: 20px;
}

.brands__item {
	width: 45%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #bababa;
}

.brands__item:nth-child(2n) {
	border-left: 1px solid #bababa;
}

.brands__item:nth-child(1),
.brands__item:nth-child(2) {
	border-top: none;
}

.brands__item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.brands__item:nth-child(2n) a {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.brands__item img {
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 115%;
	padding: 0 5px;
}

.brands__item:hover img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.6;
}

.brands__items.hidden {
	display: none;
}

.brands__wrap {
	border: 1px solid #0578ce;
	border-radius: 21px;
}

.reviews {
	grid-column: 1/2;
	grid-row: 3/4;
	margin-right: 20px;
	font-size: 15px;
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
}

.reviews__wrapper {
	border: 1px solid #bababa;
	border-radius: 21px;
}

.reviews__h2 {
	margin: 15px 0 10px 0;
	text-align: center;
}

.reviews__h2 a {
	color: #0578ce;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 26px 0 15px 0;
	text-decoration: none;
}

.reviews__h2 a:hover {
	text-decoration: underline;
}

.reviews .head {
	border-bottom: 2px solid #0578ce;
	padding-bottom: 5px;
}

.reviews .bx-prev {
	left: 0;
	background: url(../images/TDfVZFTHh5W4.png) no-repeat 0 -35px;
}
.reviews .bx-prev:hover {
	background-position: 0 0;
}

.reviews .bx-next {
	right: -3px;
	background: url(../images/TDfVZFTHh5W4.png) no-repeat -43px -35px;
}
.reviews .bx-next:hover {
	background-position: -43px 0;
}

.reviews .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 29px;
	height: 28px;
	text-indent: -9999px;
	z-index: 9;
}

.reviews .bx-wrapper {
	position: relative;
}

.ec-message {
	min-height: 20px;
	padding: 19px 35px 19px 35px;
	margin-bottom: 20px;
	/*background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
}

.ec-message p:last-child {
	margin-bottom: 0;
}

.ec-message__date {
	font-size: 12px;
	color: #999;
	padding-left: 20px;
}

.ec-message__reply {
	background: #fff;
	padding: 10px;
	margin-left: 20px;
}

.ec-message__reply p:last-child {
	margin-bottom: 0;
}

.ec-error {
	display: none;
}

.ec-antispam {
	display: none;
}

/* Ratings
 ***************************/
.ec-rating-stars {
	float: left;
	margin-right: 20px;
}

.ec-rating-stars span {
	background: url(../images/iUBkyEiElv5t.png) 0 -16px no-repeat;
	width: 20px;
	height: 16px;
	float: left;
	display: block;
	margin: 0;
	cursor: pointer;
}

.ec-rating-stars span.active {
	background-position: 0 0;
}

.ec-rating-stars span.active2 {
	background-position: 0 0;
}

.ec-rating-stars span.active-disabled {
	background-position: 0 -16px;
}

.ec-rating-description {
	float: left;
	padding-top: 1px;
	color: #999;
}

.ec-stars {
	background: url(../images/iUBkyEiElv5t.png) 0 -16px repeat-x;
	width: 96px;
	height: 16px;
	margin: 10px 0;
}

.ec-stars span {
	background: url(../images/iUBkyEiElv5t.png) 0 0
		repeat-x;
	display: block;
	height: 16px;
	width: 0px;
}

.ec-stars span.rating-0 {
	width: 0;
}

.ec-stars span.rating-1 {
	width: 16px;
}

.ec-stars span.rating-2 {
	width: 36px;
}

.ec-stars span.rating-3 {
	width: 56px;
}

.ec-stars span.rating-4 {
	width: 76px;
}

.ec-stars span.rating-5 {
	width: 96px;
}

/* Clearfix
 ***************************/
.ec-clearfix:before,
.ec-clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.ec-clearfix:after {
	clear: both;
}

.ec-clearfix {
	zoom: 1;
}

.useful {
	grid-column: 1/3;
	grid-row: 4/5;
	margin-top: 20px;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	-ms-grid-row: 4;
	-ms-grid-row-span: 1;
}

.useful__h4 {
	font-size: 32px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	color: #0578ce;
	margin-bottom: 10px;
}

.useful__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.useful__item {
	width: 33%;
	padding: 10px;
	padding-bottom: 5px;
	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;
}

.useful-item__a {
	display: block;
	position: relative;
	margin-bottom: 10px;
	height: 245px;
	overflow: hidden;
}

.useful-item__a:hover .useful-item__img {
	-webkit-filter: brightness(70%);
	filter: brightness(70%);
}

.useful-item__a:hover .useful-item__title {
	text-decoration: underline;
}

.useful-item__img {
	width: 100%;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.useful-item__title {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	padding: 5px 10px;
	background-color: rgba(5, 120, 206, 0.7);
	color: white;
	font-size: 25px;
	text-transform: uppercase;
	text-align: left;
	font-weight: 600;
	width: 100%;
}

.useful-item p {
	font-size: 14px;
	line-height: 1.5;
}

.useful-item__more {
	display: block;
	float: right;
	font-size: 14px;
	font-weight: 600;
	color: #0578ce;
	border-top: 2px solid #0578ce;
	margin-top: 10px;
	text-decoration: none;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.useful-item__more:hover {
	color: #bababa;
	border-top: 2px solid #bababa;
}

.useful__more {
	border-top: 1px solid #bababa;
}

.useful__more a {
	display: block;
	float: right;
	text-decoration: none;
	font-size: 14px;
	background-color: red;
	border-radius: 50px;
	padding: 2px 10px;
	color: white;
	margin-top: 10px;
	margin-bottom: 30px;
	cursor: pointer;
}

.useful__more a:hover {
	text-decoration: underline;
}

.content .useful__items {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.content .useful__item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.content .useful-item__title {
	font-size: 17px;
}

.content .useful-item__more {
	margin-top: 0;
}

.content .useful__items {
	margin-bottom: 40px;
}

@media (max-width: 1050px) {
	.content .useful__item {
		width: 50%;
	}
}

@media (max-width: 600px) {
	.content .useful__item {
		width: 97%;
	}
}

.footer {
	margin: 0 auto;
	max-width: 1220px;
	min-width: 320px;
}

.footer__content {
	background-color: #0578ce;
}

.footer__copy {
	padding: 15px;
	background-color: white;
	font-size: 14px;
	color: red;
	font-weight: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer__img {
	background: #0578ce url(../images/RUyQZYzLhaJe.png) no-repeat 4% 50%;
	height: 120px;
	width: 85px;
	margin-left: 40px;
}

.footer__menu {
	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;
	min-width: 250px;
	font-size: 14px;
	text-transform: uppercase;
}

.footer-menu__list {
	width: 50%;
	list-style: none;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.footer-menu__item {
	padding-bottom: 5px;
	padding-top: 5px;
}

.footer-menu__list a {
	color: white;
	text-decoration: none;
}

.footer-menu__list a:hover {
	text-decoration: underline;
}

.footer .working-hours_1,
.footer .working-hours_3,
.footer .working-hours_4 {
	color: white;
}

.footer .working-hours_2 li {
	color: #0578ce;
	background-color: white;
}

.footer .working-hours {
	padding: 15px 0;
	margin-right: 100px;
}

.phone-numbers-wrap {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.footer .phone-numbers a,
.footer .phone-numbers span {
	color: white;
}

.footer .phone-numbers img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.footer .phone-numbers {
	-ms-flex-line-pack: start;
	align-content: flex-start;
	margin-left: 20px;
}

@media (max-width: 1200px) {
	body {
		background: white;
	}
	.phone-numbers {
		font-size: calc((100vw - 600px) / (1200 - 600) * (22 - 12) + 12px);
		line-height: calc((100vw - 600px) / (1200 - 600) * (26 - 35) + 35px);
	}
	.phone-numbers span {
		font-size: 0.65em;
	}
	.call {
		font-size: calc((100vw - 600px) / (1200 - 600) * (28 - 16) + 16px);
		width: calc((100vw - 600px) / (1200 - 600) * (300 - 200) + 200px);
	}
	.working-hours {
		font-size: calc((100vw - 600px) / (1200 - 600) * (17 - 14) + 14px);
	}
	.header-fixed .call {
		width: calc((100vw - 700px) / (1200 - 700) * (380 - 250) + 200px);
		height: calc((100vw - 700px) / (1200 - 700) * (55 - 38) + 38px);
		font-size: calc((100vw - 600px) / (1200 - 600) * (34 - 18) + 18px);
	}
	/* .banner {
		margin-left: 15px;
		margin-right: 15px;
	}
	.banner__offer {
		border: 2px solid #0578ce;
		height: calc((100vw - 710px) / (1200 - 710) * (297 - 200) + 200px);
		font-size: calc((100vw - 710px) / (1200 - 710) * (17 - 10) + 10px);
	}
	.banner__img {
		height: calc((100vw - 710px) / (1200 - 710) * (90 - 60) + 60px);
	} */
}

@media (max-width: 1100px) {
	.header_top {
		-ms-grid-columns: 40% 30% 30%;
		grid-template-columns: 40% 30% 30%;
		background-size: auto 60%;
	}
	.header-fixed .header_top {
		-ms-grid-columns: 30% 40% 30%;
		grid-template-columns: 30% 40% 30%;
	}
	.header-fixed .working-hours_2 {
		max-width: 46%;
	}
}

@media (max-width: 900px) {
	/* .banner__img img {
		width: 95%;
	} */
	.call {
		font-size: 21px;
		width: 240px;
		height: 42px;
	}
	.banner {
		margin-top: 188px;
	}
	.phone-numbers {
		font-size: 16px;
		line-height: 1.6;
		padding-top: 0px;
	}
	.working-hours {
		font-size: 15.5px;
	}
	.header_top {
		-ms-grid-columns: 33% 34% 33%;
		grid-template-columns: 33% 34% 33%;
		grid-template-rows: 45px 100px;
		-ms-grid-rows: 45px 100px;
		background: url(../images/vJu2kdbpelUX.png) no-repeat 30% 0%;
		background-size: auto 50%;
		height: 145px;
	}
	.logo img {
		height: 115px;
		width: 274px;
	}
	/*.center {
    margin-top: 175px;
  }*/
	.header-fixed .working-hours {
		font-size: 0.85em;
	}
	.header-fixed .header_top {
		height: 120px;
	}
	/* .offer__action,
	.offer_list li:first-child,
	.offer__text,
	.offer__title {
		margin-left: 15px;
	} */
}

@media (max-width: 800px) {
	.logo img {
		height: 101px;
		width: 239px;
	}
	/* .banner {
		margin-top: 185px;
	} */
	header .wrap {
		height: 140px;
	}
	.header_top {
		height: 140px;
		grid-template-rows: 45px 95px;
		-ms-grid-rows: 45px 95px;
	}
	/*.center {
    margin-top: 183px;
  }*/
	.center .wrap {
		padding-top: 10px;
	}
	.phone-numbers {
		font-size: 15px;
		line-height: 1.5;
	}
	.header-fixed + .center .wrapz {
		margin-top: 150px;
	}
	.header-fixed .header_top {
		-ms-grid-columns: 25% 44% 31%;
		grid-template-columns: 25% 44% 31%;
		background: url(../images/vJu2kdbpelUX.png) no-repeat 0 80%,
			#0578ce linear-gradient(130deg, white 35%, transparent 80%);
	}
	.header-fixed .call {
		width: calc((100vw - 700px) / (800 - 700) * (200 - 160) + 160px);
		height: calc((100vw - 700px) / (800 - 700) * (33 - 25) + 25px);
		font-size: calc((100vw - 700px) / (800 - 700) * (18 - 15) + 15px);
	}
}

@media (max-width: 710px) {
	body {
		font-family: 'Roboto', sans-serif;
	}
	header .wrap {
		/* padding: 0 15px; */
	}
	.primary-menu a {
		font-size: 0.7em;
	}
	.logo {
		grid-row: 1/2;
		padding-top: 0;
		width: 190px;
	}
	.logo img {
		height: 60px;
		width: 144px;
		margin-left: 20px;
	}
	.header_top {
		padding: 0 15px;
		background: url(../images/vJu2kdbpelUX.png) no-repeat 50% 0%;
		background-size: auto 90%;
		grid-template-columns: 47% 47%;
		grid-template-rows: 40px 100px;
		-ms-grid-columns: 50% 50%;
		-ms-grid-rows: 40px 100px;
	}
	.header-fixed .header_top {
		padding: 0;
	}
	.header_top > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header_top > *:nth-child(2) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-column-align: start;
	}
	.header_top > *:nth-child(3) {
		-ms-grid-column-align: end;
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.header_top > *:nth-child(4) {
		-ms-grid-column-align: end;
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.working-hours {
		grid-row: 2/3;
		justify-self: start;
		font-size: 0.78em;
		width: 190px;
		max-width: 190px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.working-hours_1 {
		padding-top: 30px;
		width: 100%;
		text-align: center;
	}
	.working-hours_2 {
		margin: 0 auto;
		width: auto;
		padding-top: 0;
		height: 20px;
	}
	.working-hours_2 li {
		padding: 2px 3px 0 3px;
		margin: 0 2px;
		line-height: 1.2;
		font-size: 0.9em;
	}
	.working-hours_3 {
		width: 48%;
		font-size: 0.95em;
		font-weight: 400;
	}
	.working-hours_4 {
		width: 52%;
		font-size: 0.94em;
	}
	.call {
		justify-self: end;
		width: 200px;
		height: 33px;
		line-height: 1.5;
		font-size: 1.2em;
		border-radius: 0 0 10px 10px;
	}
	.header .phone-numbers {
		justify-self: end;
		font-size: 1.2em;
	}
	.header .phone-numbers span {
		display: none;
	}
	.header-fixed .wrap {
		height: 90px;
	}
	.header-fixed .center {
		margin-top: 90px;
	}
	.header-fixed .nav-menu {
		grid-column: 1/4;
	}
	.header-fixed .header_top {
		grid-template-columns: 25% 40% 35%;
		-ms-grid-columns: 25% 40% 35%;
		-ms-grid-rows: 90px;
		grid-template-rows: 90px;
		height: 90px;
	}
	.header-fixed .call {
		width: 152px;
		height: 24px;
		font-size: 15px;
		-ms-grid-column-align: start;
	}
	.header-fixed .phone-numbers {
		font-size: 1em;
		justify-self: center;
		-ms-grid-column-align: center;
	}
	.header-fixed .working-hours {
		justify-self: center;
		font-size: 0.8em;
		width: 190px;
		max-width: 190px;
		-ms-grid-column-align: center;
	}
	.header-fixed .working-hours_1 {
		padding-top: 10px;
		width: 100%;
		text-align: center;
		line-height: 0.2;
	}
	.header-fixed .working-hours_2 {
		margin: 0 auto;
		width: auto;
		max-width: 100%;
		padding-top: 0;
		height: 20px;
	}
	.header-fixed .working-hours_2 li {
		padding: 2px 3px 0 3px;
		margin: 0 2px;
		line-height: 1.2;
		font-size: 0.9em;
	}
	.header-fixed .working-hours_3 {
		padding-top: 5px;
		width: 48%;
		font-size: 0.95em;
		font-weight: 400;
	}
	.header-fixed .working-hours_4 {
		padding-top: 5px;
		width: 52%;
		font-size: 0.9em;
	}
	.nav-menu {
		grid-row: 3/4;
		grid-column: 1/3;
	}
}

@media (max-width: 600px) {
	.header-fixed .header_top {
		grid-template-columns: 25% 40% 35%;
		-ms-grid-columns: 25% 40% 35%;
	}
}

@media (max-width: 530px) {
	.banner {
		display: none;
	}
	.content__header {
		flex-direction: column;
	}
	.content__header .header__logo {
		padding-left: 0 !important;
	}

	h2.header_hidden {
		display: block;
		position: relative;
		width: 100%;
		color: white;
		background-color: #0578ce;
		font-size: 15px;
		text-align: center;
		padding: 6px;
		line-height: 1.3;
		z-index: 999;
		font-weight: 700;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	h2.header_hidden span {
		display: block;
		font-size: 20px;
		width: 100%;
	}
	.close {
		display: block;
	}
	.header .wrap {
		position: relative;
		top: auto;
		height: auto;
		padding: 0;
	}
	.header_top {
		height: auto;
		grid-template-columns: 220px;
		padding: 0;
		/* grid-template-rows: 65px 75px 80px; */
		grid-template-rows: auto 75px 80px;
		-ms-grid-columns: 230px 1fr;
		-ms-grid-rows: auto 75px 80px;
		/*  -ms-grid-rows: 65px 75px 80px; */
	}
	.header .wrap {
		display: flex;
		justify-content: space-between;
	}
	.header_top {
		justify-content: center;
	}
	.wrapp-nav-menu {
		position: relative;
		background-color: #fff;
		margin-left: 5px;
	}
	.header_top > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header_top > *:nth-child(2) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.header_top > *:nth-child(4) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-column-align: start;
	}
	.header_top > *:nth-child(5) {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		-ms-grid-row-span: 3;
	}
	.center {
		margin-top: 0;
	}
	.call {
		display: none;
	}
	.header .phone-numbers {
		grid-row: 2/3;
		grid-column: 1/2;
		justify-self: center;
		width: 210px;
		line-height: 1.3;
		font-size: 18px;
		text-align: center;
		border-bottom: 1px solid #8a8a8a;
		background-color: #fff;
	}
	.working-hours {
		grid-row: 3/4;
		grid-column: 1/2;
		-ms-grid-column-align: start;
		justify-self: center;
		width: 210px;
		max-width: 210px;
	}
	.working-hours_1 {
		width: 100%;
		padding-top: 10px;
		font-size: 16px;
	}
	.working-hours_2 {
		width: 100%;
		padding-top: 9px;
	}
	.working-hours_3 {
		width: 45%;
		font-size: 14px;
		padding-top: 9px;
	}
	.working-hours_4 {
		width: 55%;
		text-align: right;
		font-size: 14px;
		padding-top: 9px;
	}
	.nav-menu {
		grid-row: 1/4;
		grid-column: 2/3;
		height: auto;
		margin-top: 7px;
	}
	.header_top {
		background: none;
	}
	.header .logo {
		width: 210px;
		grid-column: 1/2;
	}
	.header .logo_img {
		display: block;
		height: 77px;
		width: 184px;
	}
	ul.primary-menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	ul.primary-menu li.first {
		display: none;
	}
	ul.primary-menu li {
		width: 100%;
		height: auto;
		border-bottom: 1px solid white;
		text-align: right;
	}
	ul.primary-menu li a {
		font-size: 15px;
		font-weight: 700;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding-right: 20px;
		display: block;
		line-height: 1.9;
	}
	.working-hours_2 li {
		padding: 4px 5px 0 5px;
		margin: 0 2px;
		line-height: 1;
		font-weight: 600;
	}
}

@media (max-width: 370px) {
	.header_top {
		height: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto 75px 80px;
	}
	.header .logo img {
		margin-left: 10px;
	}
	ul.primary-menu li a {
		padding-right: 15px;
	}
	.working-hours_3 {
		font-size: 13px;
	}
	.working-hours_4 {
		font-size: 13px;
	}
	.working-hours_2 li {
		padding: 4px 5px 0 5px;
		margin: 0 2px;
		line-height: 1;
		font-weight: 400;
	}
}

@media (max-width: 350px) {
	.header .logo {
		width: 190px;
	}
	.header .phone-numbers {
		width: 190px;
	}
	.working-hours {
		width: 190px;
	}
}

@media (max-width: 1000px) {
	.footer__img {
		display: none;
	}
	.footer .phone-numbers {
		-ms-flex-line-pack: center;
		align-content: center;
	}
	.phone-numbers-wrap {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}
	.footer .working-hours {
		margin-right: 20px;
	}
}

@media (max-width: 750px) {
	.footer .working-hours {
		display: none;
	}
	.footer__menu {
		padding: 10px 0;
	}
}

@media (max-width: 530px) {
	.footer .phone-numbers {
		font-size: 1.1em;
		padding: 10px;
		margin-left: 0;
	}
	.footer__content {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer .phone-numbers-wrap {
		width: 80%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-bottom: 1px solid white;
	}
	.footer-menu__list:last-child {
		padding-right: 0;
	}
	.footer-menu__list {
		width: auto;
	}
	.why-us {
		display: none;
	}
}

@media (max-width: 900px) {
	.why-us__p {
		font-size: 0.85em;
	}
}

@media (max-width: 800px) {
	.banner {
		margin-top: 183px;
	}
	.ec-form .form-group {
		width: 95%;
	}
	.content {
		grid-column: 1/3;
		grid-row: 3/4;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
	}
	.wr-mob .content {
		grid-row: 2/3;
	}
	.reviews {
		grid-column: 1/3;
		grid-row: 4/5;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 4;
		-ms-grid-row-span: 1;
		width: 80%;
		max-width: 800px;
		margin: 0 auto;
	}
	.wr-mob .reviews {
		grid-row: 3/4;
	}
	.brands {
		grid-column: 1/3;
		grid-row: 2/3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		margin-bottom: 40px;
		margin-right: 0;
	}
	.wr-mob .brands {
		grid-row: 4/5;
		margin-bottom: 10px;
		margin-top: 40px;
	}
	.useful {
		grid-row: 5/6;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
	}
	.brands__item {
		width: 33%;
		border: none;
		border-right: 1px solid #bababa;
		border-bottom: 1px solid #bababa;
	}
	.brands__item:nth-child(2n) {
		border-left: none;
	}
	.brands__item:nth-child(3n + 3) {
		border-right: none;
	}
	.brands__item:nth-last-child(-n + 3) {
		border-bottom: none;
	}
	.brands__item img {
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
	}
	.brands__item:nth-child(2n) a {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.useful__items {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.useful__item {
		width: 95%;
		max-width: 400px;
	}
	.footer__copy {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer__copy p {
		padding-bottom: 10px;
		font-size: 0.8em;
	}
}
@media (max-width: 340px) {
	.center .wrap {
		grid-template-columns: 1fr;
	}
}
.content .new-style p {
	font-size: 19px;
	/* text-align: justify; */
	/* indent: 1.5em; */
}
@media (max-width: 530px) {
	.content .new-style p {
		font-size: 17px;
	}
}
@media (max-width: 350px) {
	.content .new-style p {
		font-size: 16px;
	}
}
.contact {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.contact__img {
	display: flex;
	justify-content: space-between;
}
.contact__img img {
	height: 190px;
	margin-left: 10px;
}
.contact__text p {
	font-size: 14px;
	margin: 5px 0 5px 0;
}
.contact__text a {
	font-size: 23px;
	color: black;
}
p.contact__unp {
	font-size: 17px;
	line-height: 1.3em;
}
@media (max-width: 1140px) {
	.contact {
		flex-wrap: wrap;
	}
	.contact__img {
		flex-wrap: wrap;
		margin-top: 20px;
		width: 100%;
		justify-content: flex-start;
	}
	.contact__text {
		width: 100%;
	}
}
@media (max-width: 350px) {
	.contact__text a {
		font-size: 20px;
	}
}
.content .pagination {
	display: flex;
	margin-left: 0;
	margin-bottom: 15px;
	justify-content: center;
}
.content ul .page-item::before {
	content: '';
}
.content ul .page-item {
	font-weight: 600;
}

.content ul .page-item + .page-item {
	margin-left: 10px;
}
.content ul .page-item.disabled {
	pointer-events: none;
	cursor: default;
	opacity: 0.5;
}
.content .brend-logo {
	margin: 0 auto;
	display: block;
}
.content .vertical-line {
	border: none;
	border-collapse: inherit;
	border-top: 2px solid #0578ce;
	border-bottom: 2px solid #0578ce;
}
.go-to-price {
	margin: 0 auto;
	border-radius: 10px;
	display: table-cell;
	vertical-align: middle;

	background: -o-radial-gradient(top, 110% 100%, #3698e3 54%, #0578ce 55%);

	background: radial-gradient(110% 100% at top, #3698e3 54%, #0578ce 55%);
	cursor: pointer;
}

.go-to-price:hover {
	background: -o-radial-gradient(top, 110% 100%, #88c3f1 54%, #3595dc 55%);
	background: radial-gradient(110% 100% at top, #88c3f1 54%, #3595dc 55%);
}
.go-to-price a {
	display: block;
	padding: 16px 74px;
	color: #fff;
	font-size: 21px;
	font-weight: 600;
}
.go-to-price a:hover {
	text-decoration: none;
}

/* стили для статей */
.content.content-new {
	padding: 0;
}
.content__header {
	display: flex;
	background: #3698e3; /* #0578CE */
	padding: 5px 20px;
	border-radius: 21px 21px 0 0;
	justify-content: space-between;
	align-items: center;
}
.content__header .header__title {
	color: white;
	line-height: 1.4;
	margin: 0 auto;
}
.content__wrap {
	padding: 0 20px;
}
.header__logo {
	padding: 5px;
	padding-left: 40px;
}
.content__footer {
	margin-top: 20px;
	display: flex;
	background: #9c9c9c;
	border-radius: 0 0 21px 21px;
	padding: 0;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
}
h2.footer__title {
	width: 100%;
	text-align: center;
	color: white;
	margin: 0;
	padding: 15px 20px;
	box-sizing: border-box;
	border-bottom: 3px solid #f2f2f2;
	font-size: 18px;
}
.footer__tel {
	width: 50%;
	text-align: center;
	margin: 0;
	padding: 15px 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer__tel img {
	margin-right: 5px;
	width: 45px;
	height: 45px;
}
.footer__tel a {
	font-size: 24px;
	color: white;
}

h2.footer__title + .footer__tel {
	border-right: 3px solid #f2f2f2;
}
.footer__tel a span {
	font-weight: 600;
}
h2.content__h2 {
	padding: 15px;
	margin-top: 30px;
	margin-bottom: 15px;
	text-align: center;
	border-top: 3px solid #3e3e3e;
	border-bottom: 3px solid #3e3e3e;
	width: 100%;
	box-sizing: border-box;
}
h3.content__h3 {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	border-top: 2px solid #3e3e3e;
	border-bottom: 2px solid #3e3e3e;
	width: 100%;
	box-sizing: border-box;
}
img.content__img {
	width: 95%;
	margin: 0 auto;
	display: block;
}
.content__table-img {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.content__table-img img {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	max-width: 95%;
	max-height: 95%;
}
.table__div-left {
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	width: 30%;
	position: relative;
}
.table__div-right {
	box-sizing: border-box;
	width: 70%;
	margin-right: auto;
}
.content__table {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 20px;
}
.content__table div {
	padding: 0 10px;
	margin-bottom: 5px;
}
.content__table div:nth-child(odd) {
	box-sizing: border-box;
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.content__table div:nth-child(even) {
	box-sizing: border-box;
	width: 68%;
	margin-left: 7px;
}
.content__table div:nth-child(4n + 1),
.content__table div:nth-child(4n + 2) {
	background-color: #fff;
}
.content__table div:nth-child(4n + 3),
.content__table div:nth-child(4n + 4) {
	background-color: #f5f5f5;
}
.text-blue {
	color: #0578ce;
	font-weight: 700;
	font-size: 1em;
	line-height: 26px;
}
a.content__button {
	padding: 16px 74px;
	background: radial-gradient(120% 100% at 50% top, #3698e3 55%, #0578ce 56%);
	border-radius: 7px;
	border: none;
	color: white;
	font-weight: 700;
	font-size: 1.2em;
	transition: ease 0.3s opacity;
	cursor: pointer;
	line-height: 1.2;
	margin: 10px auto 20px auto;
	display: block;
	text-align: center;
}

a.content__button:hover {
	opacity: 0.8;
	text-decoration: none;
}
a.content__button:active {
	transform: translateY(2px) scale(0.99);
}
.content p.quote {
	position: relative;
	font-style: italic;
	padding: 5px 30px 5px 30px;
	font-weight: 400;
	margin-top: 20px;
	margin-bottom: 20px;
}
.content p.quote::before,
.content p.quote::after {
	position: absolute;
	content: '';
	width: 20px;
	height: 100%;
	background-color: #3698e3;
	top: 0;
}
.content p.quote::before {
	left: 0px;
	border-radius: 10px 0 0 10px;
}

.content p.quote::after {
	right: 0;
	border-radius: 0 10px 10px 0;
}

@media (max-width: 600px) {
	.content__table div:nth-child(odd) {
		width: 100%;
		margin-bottom: 0;
	}
	.content__table div:nth-child(odd) p {
		margin-bottom: 0;
	}
	.content__table div:nth-child(even) {
		width: 100%;
		margin-left: 0;
	}
	.table__div-left {
		width: 100%;
	}
	.table__div-right {
		width: 100%;
	}
	.content__table-img img {
		display: block;
		position: relative;
		left: 0;
		transform: translateX(0);
		height: 10em;
	}
	a.content__button {
		padding: 10px 30px;
		font-weight: 700;
		font-size: 1.1em;
		line-height: 1.4;
	}
	.content h1 {
		font-size: 1.2em;
	}
	.header__title {
		padding-right: 20px;
	}
	.footer__tel a {
		font-size: 20px;
	}
	.footer__tel img {
		width: 35px;
		height: 35px;
	}
}
/* end */
    .offer__list {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .offer__list-item {
        margin: 0 10px;
        font-weight: bold;
        white-space: nowrap;
    }
	
	
	
	
	
.open-button {
background-color: #2196F3;
color: white;
font-size: 15px;
font-weight: bold;
padding: 16px 20px;
border: none;
cursor: pointer;
opacity: 0.8;
position: fixed;
bottom: 23px;
right: 28px;
width: 280px;
}

.form-popup {
display: none;
position: fixed;
bottom: 0;
right: 15px;
border: 3px solid #f1f1f1;
z-index: 9;

}

.form-container {
max-width: 300px;
padding: 10px;
background-color: white;

}

.form-container input[type=text], .form-container input[type=password] {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
border: none;
background: #f1f1f1;
}

.form-container input[type=text]:focus, .form-container input[type=password]:focus {
background-color: #ddd;
outline: none;
}

.form-container .btn {
background-color: #1976D2;
color: white;
padding: 16px 20px;
border: none;
cursor: pointer;
width: 100%;
margin-bottom:10px;
opacity: 0.8;
font-size: 15px;
font-weight: bold;
}

.form-container .cancel {
background-color: #448AFF;
}

.form-container .btn:hover, .open-button:hover {
opacity: 1;
}

.language-button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #4CAF50;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	border-radius: 30px;
	font-size: 16px;
	transition: background-color 0.3s ease;
  }
  
  .language-button:hover {
	background-color: #45a049;
  }