/*!
Theme Name: tdspro
Theme URI: tochno.pro
Author: tochno.pro
Author URI: https://tochno.pro
Description: TD Slavsant theme
Version: 1.0.0
Tested up to: 5.5.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tdspro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */



 /* !!!temporary!!! */
.grecaptcha-badge {visibility: hidden;}

/*~~~~~~~~~*/

#page {
	overflow: hidden;
}

:root {
	/*--gb: #EEF0F5;*/
	--acc: #00a54f;
	--accd: #009640;

	--gr: #efefef;
	--dgr: #d9d9d9;
	--trans: all .2s ease;
}



body {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

a {
	background-color: transparent;
	color: var(--acc);
}

ul, ol {
	margin: 0;
	padding: 0;
}

/**
 * 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;
	text-decoration: underline;
}

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

small {
	font-size: 80%;
}

img {
	border-style: none;
	max-width: 100%;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	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 {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * 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"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * 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;
	outline-offset: -2px;
}

/**
 * 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;
	font: inherit;
}

/* 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;
}

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

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

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
img {
	height: auto;
	max-width: 100%;
}
figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	background-color: #fff;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}
@media screen and (max-width: 800px) {
	.logged-in #wpadminbar {
		display: none;
	}
	body.logged-in.admin-bar .cd-header {
		top: 0;
	}
}

body.admin-bar .cd-header{
	 top: 32px;
 }

/*----------LAYOUT----------*/

section {
	max-width: 100%;
}

.full-width {
	width: 100vw;
	max-width: unset;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.content-area {
	margin-top: 50px;
}

.page-template-default .wrapper {
	margin: 70px auto 0;
}

.wrapper-wide {
	margin: 0 auto;
	padding: 0;
}

.wrapper, .wp-block-cover__inner-container, .narrow {
	position: relative;
	max-width: 1300px;
	margin: 15px auto;
	padding: 0 10px;
	width: 100% !important;
}

@media screen and (max-width: 800px) {
	.wrapper, .wp-block-cover__inner-container, .narrow {
		padding: 15px;
	}
	.content-area {
		margin-top: -25px;
	}
}

/*----------LAYOUT END----------*/




/*----------COMPONENTS----------*/

.btn {
	border: none;
	border-radius: 5px;
	transition: var(--trans);
	cursor: pointer;
	text-decoration: none;
}

.btn-short {
	display: flex;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: relative;
	z-index: 10;
}

@media screen and (max-width: 1280px) {
	.btn-short {
		width: 36px;
		height: 36px;
	}
}

@media screen and (max-width: 1000px) {
	.btn-short {
		width: 34px;
		height: 34px;
	}
}

.btn-short img {
	align-self: center;
}

.btn-green {
	background-color: var(--acc);
	color: #fff;
}

.btn-green:hover {
	background-color: var(--accd);
}

.btn-gray {
	background-color: #9e9e9e;
	color: #fff;
}

.btn-white {
	background-color: #fff;
	color: #111;
}

.btn-white:hover {
	background-color: var(--gr);
}

.btn-black {
	background-color: #000;
	color: #fff;
}

.btn-black:hover {
	background-color: #2d2d2d;
	color: #fff;
}

.txt-field {
	border: none;
	border-radius: 5px;
	transition: var(--trans);
	padding: 12px 20px;
}

.txt-field-white {
	box-shadow: 0 0 16px rgba(192, 214, 236, 0.25);
}


.section-header {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 23px;
}

.subheader {
	font-size: 16px;
	margin: 0;
}

@media screen and (max-width: 1280px) {
	.section-header {
		font-size: 35px;
	}
	.subheader {
		font-size: 16px;
	}
}

@media screen and (max-width: 1000px) {
	.section-header {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.subheader {
		font-size: 15px;
	}
}

@media screen and (max-width: 800px) {
	.section-header {
		font-size: 23px;
		margin-bottom: 10px;
	}
	.subheader {
		font-size: 14px;
	}
}




/*----------COMPONENTS END----------*/



/*----------NAVIGATION----------*/



.cd-header {
	padding-top: 30px;
}

.pg-wrapper {
	overflow: hidden;
}

.header-wrapper {
	display: flex;
	flex-direction: row;
	width: 1300px;
	max-width: 100%;
	margin: auto;
	justify-content: space-between;
	padding: 0;
}

@media screen and (max-width: 1350px) {
	.header-wrapper, .mh-wrapper, .inner-wrapper, .footer-wrap {
		padding: 0 10px;
	}
}



@media screen and (min-width: 801px) {
	.header-wrapper .nav-but-wrap {
		display: none;
	}
}



.left-nav {
	width: 75%;
}

.right-nav {
	width: 25%;
}

@media screen and (max-width: 1000px) {
	.header-wrapper {
		flex-direction: column;
	}

	.left-nav {
		width: 100%;
	}

	.right-nav {
		display: none;
	}
}

.left-nav-top {
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-direction: row;
	/* z-index: 80; */
}

.logo-wrap {
	position: relative;

}

.logo-wrap .pll {
	list-style-type: none;
	position: absolute;
	left: 84px;
	top: -9px;
}

.logo-wrap .pll .lang-item {
	display: inline;
	opacity: .7;
}

.logo-wrap .pll .lang-item.current-lang {
	opacity: .3;
}

.logo-wrap .pll img {
	cursor: pointer;
	width: 18px;
	height: 18px!important;
	margin-right: 9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.logo-wrap .custom-logo {
	width: 100%;
	min-width: 100px;
	max-width: 300px;
	height: auto;
}

.phones-wrap {
	display: flex;
	flex-direction: column;
}

.phone-name {
	font-size: 13px;
	color: #616161;
	margin-bottom: -2px;
}

.phone {
	position: relative;
	text-decoration: none;
	cursor: pointer;
	color: #000;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 22px;
	margin: 0;
	display: inline-block;
	z-index: 10;
	margin-bottom: 10px;
}

.phone:last-child {
	margin-bottom: 0;
}

.phone:before {
	content: '';
	position: absolute;
	height: 4px;
	width: 0;
	bottom: -6px;
	background-color: var(--acc);
	transition: width .15s ease-in-out;
	z-index: 5;
}

.phone:hover:before {
	width: 100%;
}

.phone .code {
	opacity: .6;
}

.phone span {
	position: relative;
	z-index: 100;
}

.addr-wrap {
	margin: 12px 5px 0;
}

.address-place {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 0;
}

.address {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 0;
}

.call_back {
	display: block;
	width: max-content;
	height: 36px;
	padding: 8px 25px;
	font-size: 14px;
	margin: 5px 0;
}

.sch-wrap {
	margin: 13px 25px 0;
}

.sch-item {
	display: flex;
	justify-content: space-between;
	text-align: right;
}

.sch-item:first-child {
	margin-bottom: 13px;
}

.place {
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	margin-right: 8px;
}

.sch-time {
	display: inline-block;
	margin: 0;
	font-size: 12px;
	text-align: right;
}

.sch-time p {
	font-size: 12px;
	margin: 0;
}

.sch-time p:nth-child(2) {
	font-size: 12px;
	margin: 0;
	letter-spacing: 0.035em;
}




.top_menu, .bottom_mnu {
	list-style-type: none;
}

.top_menu, .bottom_mnu li {
	display: inline-block;
}

.right-nav {
	position: relative;
	padding: 0 40px;
	z-index: 10;
}

.right-nav:before {
	position: absolute;
	content: '';
	background-color: var(--accd);
	width: 100%;
	height: 1000px;
	bottom: 0;
	left: 0;
	z-index: 5;
}

@media screen and (max-width: 1380px) {
	.right-nav:before {
		width: 113%;
	}
}

.top_menu {
	position: relative;
	font-size: 14px;
	margin: 0;
	z-index: 10;
	padding-bottom: 28px;
	border-bottom: 1px solid #ffffff7a;
}

.top_menu li {
	float: left;
	width: 50%;
	margin-bottom: 14px;
	position: relative;
	z-index: 10;
}

.top_menu li a {
	font-size: 13px;
	font-weight: 300;
	padding: 5px 8px;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	transition: var(--trans);
}

.top_menu li:hover a {
	background-color: #d9d9d9;
	color: #000;
}

.left-nav-bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.bottom_mnu {
	position: relative;
	margin: 56px 0 32px;
}

.bottom_mnu:before {
	position: absolute;
	content: '';
	background-color: #efefef;
	width: 1600px;
	height: 82px;
	bottom: -32px;
	z-index: 1;
	margin-left: -500px;
}

@media screen and (max-width: 1380px) {
	.bottom_mnu:before {
		width: 2000px;
	}
}



.bottom_mnu li {
	position: relative;
	z-index: 100;
}


.bottom_mnu li a {
	color: #262626;
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 16px;
	margin-right: 20px;
	transition: background-color .2s ease;
}



.bottom_mnu li:hover a {
	background-color: #d9d9d9;
}

.menu-item-has-children {
	position: relative;
}

.bottom_mnu li.menu-item-has-children:hover a {
	background-color: initial;
}



.menu-item-has-children .sub-menu {
	position: absolute;
	width: 700px;
	height: 400px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    background-color: #fff;
    padding: 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.18);
	margin-top: 20px;
    display: none;
	opacity: 0;
	transition: var(--trans);
}



@media screen and (min-width: 801px) {
	.bottom_mnu li:first-child a {
		padding: 8px 16px 20px 0;
	}
	.menu-item-has-children:after {
		content: '';
		position: absolute;
		height: 5px;
		width: 5px;
		border-right: solid 2px #808080;
		border-top: solid 2px #808080;
		transform: rotate(45deg);
		top: 8px;
		right: 19px;
		transition: var(--trans);
	}

	.menu-item-has-children:hover:after {
		transform: rotate(135deg);
	}
	.menu-item-has-children:hover .sub-menu {
		display: grid;
		opacity: 1;
		z-index: 150;
	}
}


.menu-item-has-children .sub-menu .menu-item a {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 400;
	margin-right: 0;
	padding: 20px 10px 30px;
	height: 100%;
	align-items: center;
	justify-content: flex-end;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	border-radius: 0;

}

.menu-item-has-children .sub-menu .menu-item:nth-child(4n) a {
	border-right: none;
}

.menu-item-has-children .sub-menu .menu-item:nth-child(n+9) a {
	border-bottom: none;
}


.menu-item-has-children .sub-menu .menu-item:hover {
	background-color: var(--acc);
}

.menu-item-has-children .sub-menu .menu-item a img {
	height: auto;
	max-height: 50px;
	max-width: 45px;
}

.menu-item-has-children .sub-menu .menu-item:hover a img {
	filter: brightness(0) invert(1);
}

.menu-item-has-children .sub-menu .menu-item a span {
	text-align: center;
	margin-top: 12px;
	font-size: 15px;
	font-weight: 500;
}

.menu-item-has-children .sub-menu .menu-item:hover a span {

	color: #fff;
}

@media screen and (max-width: 800px) {
	body.nav-active:before {
		content: '';
		position: absolute;
		z-index: 90;
		background-color: rgba(0, 0, 0, 0.35);
		width: 100%;
		height: 100%;
	}
	.left-nav-bottom {
		left: 10px;
		right: 10px;
		padding: 15px;
		background-color: #fff;
		position: absolute;
		opacity: 0;
		visibility: hidden;
		transition: all .2s ease;
		z-index: 99;
	}
	.nav-active .left-nav-bottom {
		visibility: visible;
		opacity: 1;
		max-height: 200px;
		transition: all .2s ease;
	}

	.bottom_mnu {
		margin: 0!important;
	}

	.nav-active .bottom_mnu {
		margin: 0;
	}

	.bottom_mnu:before {
		display: none;
	}
	.left-nav-bottom .bottom_mnu li {
		display: block;
		margin: 10px 0;
	}
}


/*search*/

.searchbtn {
	cursor: pointer;
	margin: 20px 25px 0 0;
	width: 20px;
	height: 20px;
	z-index: 10;
}

.modal, .fmodal {
	display: none;
	position: fixed;
	z-index: 1000;
	padding-top: 9%;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

.modal-body {
	text-align: center;
	padding: 0;
}

/* Modal Content */
.modal-content {
	position: relative;
	margin: auto;
	padding: 0;
	width: 500px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.2s;
	animation-name: animatetop;
	animation-duration: 0.2s;
	background: linear-gradient(45deg, #f8fcfe, #f4f7fc);
}

.modal-header {
	padding: 20px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid var(--acc);
}

.modal-header .cbhead {
	font-size: 24px;
	font-weight: 600;
	color: #000;
}

.calc .modal-header .cbhead {
	font-size: 18px;
	line-height: 30px;
}

.cbClose, .omClose, .site-footer .fomClose, .site-footer .fcbClose {
	padding: 10px;
	font-size: 45px;
	cursor: pointer;
	line-height: 25px;
	color: #848484;
	font-weight: 300;
}

.modal-form {
	padding: 20px 40px;
	text-align: left;
}

.modal-form input[type="text"], .modal-form input[type="tel"]{
	margin: 5px 0;
	width: 100%;
}
.modal-body .modal-form p {
	color: #111;
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}


.search-modal .modal-body {
	padding: 20px 40px;
}



.searchform {
	z-index: 10;
}

.search-field {
	width: 70%;
	background-color: #f6f6f6;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 14px;
	padding: 8px 12px;
}

.searchform input[type=submit] {
	cursor: pointer;
	border: none;
	padding: 8px 12px;
	margin-left: 10px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 25%;
	background-color: var(--acc);
}



@media screen and (max-width: 1280px) {
	.cd-header {
		padding-top: 30px;
	}

	.logo-wrap .custom-logo {
		max-width: 220px;
	}
	.logo-wrap {
		margin-right: 5px;
	}

	.left-nav-top .phones-wrap {

	}

	.address {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.left-nav-top .call_back {
		height: 32px;
		padding: 6px 18px;
		font-size: 14px;
	}

	.left-nav-top .phone {
		font-size: 20px;
	}


	.sch-wrap {
		margin: 15px 10px;
	}
	.modal, .fmodal {
		padding-top: 15%; /* Location of the box */
	}

	/* .right-nav {
		padding-left: 30px;
	} */

	.top_menu {
		padding-bottom: 28px;
	}

	.top_menu li a {
		font-size: 12px;
		padding: 5px 8px;
	}

	.bottom_mnu {
		margin: 56px 0 32px;
	}
	.bottom_mnu:before {
		height: 67px;
		bottom: -25px;
	}
	.bottom_mnu li a {
		padding: 6px 10px;
		font-size: 14px;
		margin-right: 10px;
	}
	#searchbtn {
		margin: 20px 15px 0 0;
	}
}

@media screen and (max-width: 1000px) {
	.cd-header {
		padding-top: 20px;
	}

	.logo-wrap {
		margin-top: 10px;
	}

	.logo-wrap .custom-logo {
		max-width: 200px;
	}

	.left-nav-top .phone {
		font-size: 20px;
		display: inline-block;
	}

	.address {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.bottom_mnu {
		margin: 38px 0 32px;
	}
	.bottom_mnu:before {
		height: 67px;
		bottom: -25px;
	}
	.bottom_mnu li a {
		padding: 6px 10px;
		font-size: 15px;
		margin-right: 10px;
	}

}

@media screen and (max-width: 800px) {

	.cd-header {
		padding-top: 10px;
	}

	.left-nav-top {
		flex-wrap: wrap;
		justify-content: left;
		margin-bottom: 10px;
	}
	.left-nav-top .logo-wrap, .left-nav-top .phones-wrap, .left-nav-top .addr-wrap, .left-nav-top .sch-wrap {
		flex-basis: 50%;
		margin-right: 0!important;
		margin-left: 0!important;
	}

	.left-nav-top .logo-wrap, .left-nav-top .phones-wrap, .left-nav-top .addr-wrap {
		flex-basis: 50%;
		margin-right: 0!important;
		margin-left: 0!important;
		align-items: flex-end;
	}

	.left-nav-top .phone {
		display: inline-block;
		float: right;
	}

	.sch-wrap {
		display: flex;
		flex-direction: column;
		margin: 10px;
	}

	.sch-item {
		display: flex;
		justify-content: flex-end;
	}

	.sch-time {
		float: right;
		margin-left: 10px;
	}
	.modal, .fmodal {
		padding-top: 30%; /* Location of the box */
	}
	.modal-content {
		width: 450px;
	}
	.modal-header {
		padding: 15px 30px;
	}
	.modal-form {
		padding: 15px 30px 20px;
	}
	.modal-form input[type="text"], .modal-form input[type="tel"] {
		padding: 10px 20px;
	}
	.modal-form p {
		margin: 5px 0;
	}
	.modal-form .cta-submit {
		padding: 10px 20px;
		margin-top: 15px;
	}

}

@media screen and (max-width: 600px) {
	.modal-header .cbhead {
		font-size: 22px;
		line-height: 30px;
	}
	.modal-content {
		width: 400px;
	}
	.search-modal .modal-body {
		padding: 20px 25px;
	}
	.search-field {
		font-size: 13px;
		padding: 8px 10px;
	}
	.searchform input[type=submit] {
		font-size: 13px;
		padding: 9px 7px;
		margin-left: 8px;
		width: 24%;
	}
}

@media screen and (max-width: 500px) {
	.modal-content {
		width: 350px;
	}
}

@media screen and (max-width: 400px) {
	.header-wrapper, .mh-wrapper, .inner-wrapper, .footer-wrap {
		padding: 0 5px;
	}

	.logo-wrap {
		margin-top: 15px;
	}

	.logo-wrap .pll {
		position: absolute;
		left: 54px;
		top: -11px;
	}

	.left-nav-top .logo-wrap, .left-nav-top .phones-wrap, .left-nav-top .addr-wrap, .left-nav-top .sch-wrap {
		flex-basis: 50%;
	}

	.left-nav-top .phone {
		font-size: 18px;
		margin: 3px 0;
	}

	.address-place {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.address {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.sch-wrap {
		display: flex;
		flex-direction: column;
		margin: 10px;
	}

	.sch-item .place {
		font-size: 11px;
	}
	.place {
		margin-right: 0;
	}
	.sch-time {
		margin-left: 0;
	}

	.sch-time p {
		font-size: 11px;
		margin: 0;
	}
	.left-nav-top .call_back {
		height: auto;
		padding: 6px 10px 8px;
		font-size: 13px;
	}
	.modal-header {
		padding: 10px 20px;
	}
	.modal-header .cbhead {
		font-size: 20px;
	}
	.modal-form {
		padding: 10px 20px 15px;
	}
	.modal-content {
		width: 300px;
	}
	.cbClose, .omClose, .site-footer .fomClose, .site-footer .fcbClose {
		padding: 2px;
		font-size: 35px;
		line-height: 25px;
	}
	.modal-form p {
		font-size: 14px;
	}

}

/* Menu Button */

body.nav-active .menu-icon__line {
	background-color: var(--acc);
	transform: translate(0px, 0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
	width: 10px;
	-webkit-transform: translate(2px, 4px) rotate(45deg);
	transform: translate(2px, 4px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
	width: 10px;
	float: right;
	-webkit-transform: translate(-3px, -3.5px) rotate(45deg);
	transform: translate(-2px, -3.5px) rotate(45deg);
}

.nav-but-wrap {
	margin: 5px;
	height: 40px;
	width: 40px;
	position: relative;
	display: flex;
	float: right;
	right: 0;
	transition : all 0.3s ease-out;
	z-index: 100;
	align-items: center;
	justify-content: center;
}

.menu-icon {
	height: 30px;
	width: 30px;
	margin-top: 5px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: block;
}
.menu-icon__line {
	height: 3px;
	width: 30px;
	display: block;
	background-color: var(--acc);
	margin-bottom: 8px;
	cursor: pointer;
	transition: all .2s linear;
	border-radius: 5px;
}
.menu-icon__line-left {
	width: 30px;
	transition: all 200ms linear;
}
.menu-icon__line-right {
	width: 30px;
	float: right;
	transition: all 200ms linear;
}

/*Menu Button end*/

/*----------NAVIGATION END----------*/




/*----------MAIN HEADER----------*/

.mh-wrapper, .inner-wrapper {
	position: relative;
	max-width: 1300px;
	margin: 0 auto;
	width: 100% !important;
}

.main-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
}

.main-header .mh-left {
	width: 75%;
	padding-top: 75px;
}

.mht-wrap {
	margin-bottom: 40px;
}

.mht-wrap h1 {
	font-size: 58px;
	margin: 0;
}

.mht-wrap p {
	font-size: 32px;
	margin: 0;
}

.mhn-wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-right: 270px;
}

.mhn-item {
	text-align: center;
}

.mhn-item-number {
	position: relative;
	font-size: 60px;
	font-weight: bold;
}

.mhn-item-q {
	position: absolute;
	top: 26px;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	padding: 2px 10px 4px;
	background-color: var(--accd);
	color: #fff;
	border-radius: 15px;
}

.mhn-item:first-child .mhn-item-q {
	right: -30px;
}

.mhn-item:nth-child(2) .mhn-item-q {
	right: -40px;
}

.mhn-item:nth-child(3) .mhn-item-q {
	right: -35px;
}

.mhn-item-txt {
	display: block;
	font-size: 15px;
	font-weight: 300;
}


.main-header .mh-right {
	height: 365px;
	width: 25%;
	position: relative;
	padding: 20px 40px;
	z-index: 100;
}

.mh-right:before {
	position: absolute;
	content: '';
	background-color: var(--accd);
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 5;
}



.mh-btn {
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	z-index: 1000;
	padding: 16px 30px;
	transition: var(--trans);
}

.btn-icon {
	position: absolute;
    width: 28px;
    height: auto;
    top: 12px;
    left: 22px;
}

.mh-btn span {
	margin-left: 37px;
}

.mh-hero {
	position: absolute;
	z-index: 100;
	max-width: unset;
	top: 100px;
	left: -140px;
	transition: var(--trans);
}

.page-id-11 .mh-hero {
	left: -185px;
}

.mh-hero-shift {
	left: -20px;
}


.home .pg-wrapper .mh-hand {
    top: 15px;
    width: 510px;
	right: 0;
	left: unset;
}

@media screen and (max-width: 1380px) {
	.mh-right:before {
		width: 113%;
	}
	.home .pg-wrapper .mh-hand {
		right: -13%;
	}
}

@media screen and (max-width: 1350px) {

	.main-header .mh-right {
		padding: 18px 0 0 50px;
	}
	.mh-btn {
		font-size: 15px;
		padding: 16px 40px;
	}
	.btn-icon {
		width: 28px;
		left: 35px;
	}
	.mh-btn span {
		margin-left: 44px;
	}
}

@media screen and (max-width: 1280px) {

	.main-header .mh-left {
		padding-top: 40px;
	}

	.mht-wrap h1 {
		font-size: 50px;
	}

	.mht-wrap p {
		font-size: 28px;
	}

	.mhn-wrap {
		padding-right: 130px;
	}

	.mhn-item-number {
		font-size: 54px;
	}

	.mhn-item-q {
		top: 24px;
		font-size: 11px;
		line-height: 16px;
		padding: 1px 8px 3px;
	}

	.mhn-item:first-child .mhn-item-q {
		right: -25px;
	}

	.mhn-item:nth-child(2) .mhn-item-q {
		right: -35px;
	}

	.mhn-item:nth-child(3) .mhn-item-q {
		right: -30px;
	}

	.main-header .mh-right {
		height: 260px;
		padding: 14px 0 0 30px;
	}

	.mh-btn {
		font-size: 14px;
		margin-left: 37px;
		padding: 10px 24px;
	}
	.btn-icon {
		width: 24px;
    	top: 7px;
    	left: 22px;
	}
	.mh-btn span {
		margin-left: 38px;
	}

	.mh-armatura {
		top: 88px;
		height: 120px;
		left: -80px;
	}

	.mh-right:before {
		width: 104%;
	}

	.right-nav:before {
		width: 104%;
	}
	.home .pg-wrapper .mh-hand {
		right: -4%;
		width: 390px;
	}


}

@media screen and (max-width: 1200px) {
	.mh-btn {
		font-size: 13px;
		margin-left: 20px;
		padding: 10px 20px;
	}
	.btn-icon {
		width: 24px;
    	top: 7px;
    	left: 20px;
	}
	.mh-btn span {
		margin-left: 36px;
	}
	.home .pg-wrapper .mh-hand {
		width: 370px;
	}
}

@media screen and (max-width: 1000px) {

	.main-header {
		margin-top: 10px;
	}

	.mh-right:before, .mh-btn {
		display: none;
	}

	.main-header .mh-left {
		padding-top: 22px;
	}

	.mht-wrap {
		margin-bottom: 22px;
	}

	.mht-wrap h1 {
		font-size: 43px;
	}

	.mht-wrap p {
		font-size: 26px;
	}

	.mhn-wrap {
		padding-right: 36px;
	}

	.mhn-item-number {
		font-size: 44px;
	}

	.mhn-item-txt {
		font-size: 13px;
	}

	.mhn-item-q {
		top: 20px;
		font-size: 10px;
		padding: 0 8px;
	}

	.mhn-item:first-child .mhn-item-q {
		right: -25px;
	}

	.mhn-item:nth-child(2) .mhn-item-q {
		right: -32px;
	}

	.mhn-item:nth-child(3) .mhn-item-q {
		right: -28px;
	}

	.mh-armatura {
		top: 40px;
		height: 146px;
		left: -10px;
	}

	.home .pg-wrapper .mh-hand {
		top: 10px;
		width: 235px;
	}

}

@media screen and (max-width: 800px) {

	.pg-wrapper {
		overflow: visible;
	}

	.mh-wrapper {
		margin: -53px auto;
	}

	.main-header .mh-left {
		padding-top: 0;
	}

	.mht-wrap {
		margin-bottom: 18px;
	}

	.mht-wrap h1 {
		font-size: 40px;
		padding-right: 50px;
	}

	.mht-wrap p {
		font-size: 22px;
	}

	.mhn-wrap {
		padding-right: 10px;
		padding-left: 10px;
	}

	.mhn-item {
		padding: 0 10px;
	}

	.mhn-item-number {
		font-size: 40px;
	}

	.mhn-item-q {
		top: 17px;
	}

	.mh-hero {
		display: none;
	}
	.main-header .mh-left {
		width: 100%;
	}
	.main-header .mh-right {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	.mht-wrap h1 {
		font-size: 34px;
	}

	.mht-wrap p {
		font-size: 18px;
	}

	.mhn-wrap {
		padding: 0 5px;
	}

	.mhn-item {
		padding: 0;
	}

	.mhn-item-number {
		font-size: 30px;
	}

	.mhn-item-q {
		top: 12px;
		font-weight: 400;
		font-size: 9px;
		line-height: 14px;
		padding: 0 8px;
	}

	.mhn-item-txt {
		font-size: 11px;
		line-height: 14px;
	}
}

@media screen and (max-width: 420px) {
	.mhn-item-number {
		font-size: 27px;
	}
	.mhn-item-q {
		top: 10px;
		font-weight: 400;
		font-size: 8px;
		line-height: 13px;
		padding: 0 7px;
	}
}

@media screen and (max-width: 400px) {
	.mht-wrap h1 {
		font-size: 28px;
		margin-bottom: 10px;
	}
	.mht-wrap p {
		font-size: 16px;
	}
	.mhn-item-number {
		font-size: 26px;
	}
	.mhn-item-q {
		top: 9px;
		font-weight: 300;
		font-size: 9px;
		line-height: 14px;
		padding: 0px 6px;
	}
}

@media screen and (max-width: 360px) {
	.mhn-item-number {
		font-size: 22px;
	}
	.mhn-item-q {
		top: 8px;
		font-weight: 200;
		font-size: 8px;
		line-height: 11px;
		padding: 0px 7px;
	}
}

/*----------MAIN HEADER END----------*/

/*----------MAIN CTA ----------*/

.main-cta {
	display: flex;
	flex-direction: row;
	margin-top: 75px;
	align-items: center;
}

.cta {
	width: 66%;
	display: flex;
	justify-content: flex-end;
	position: relative;
	background-image: url("https://td-slavsant.com/wp-content/uploads/2021/01/img_6825-1.jpg");
	background-size: cover;
	background-position: center center;
}

.cta-slider {
	overflow: hidden;
}

.cta-slider .owl-nav {
	position: absolute;
	left: 0;
	line-height: 0;
	bottom: 0;
}

.cta-slider .owl-nav button {
	height: 40px;
	width: 40px;
	outline: none;
	background-color: rgba(0, 0, 0, 0.7)!important;
	border-radius: 0!important;
	margin: 0!important;
}

.cta-slider .owl-nav button.owl-next {
	margin-left: 1px!important;
}

.cta-slider .owl-nav button span {
	color: #fff;
	font-size: 30px;
}

.cta-slider .owl-theme .owl-nav [class*=owl-]:hover {
	background: unset;
	color: #FFF;
	text-decoration: none;
}



.features {
	width: 34%;
}

.cta-human {
	margin-left: 75px;
	align-self: flex-end;
}

.cta-form-wrap {
	position: absolute;
	height: 100%;
	width: 50%;
	z-index: 10;
	overflow: hidden;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background-color: rgba(0, 0, 0, 0.7);
}

.cta-form {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 30px 45px;
	align-self: center;
	z-index: 10;
}

.cta-form p {
	color: #fff;
	margin: 0;
}

.cta-form label {
	font-size: 13px;
	opacity: .7;
}

.leave-email {
	font-size: 12px;
	font-weight: 200;
	opacity: .7;
	line-height: 16px;
}

.cta-icon {
	width: 64px;
	height: auto;
	display: none; /*temp!!!*/
}

.cta-header {
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	margin: 10px 0 10px;
}

.cta-form .cta-txt {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	margin-bottom: 15px;
	color: #fff;
}

.cta-form input {
	display: block;
	width: 100%;
}

.cta-form .txt-field {
	margin: 5px 0 8px;
	text-align: center;
}

.cta-form .txt-field.ff-email {
	margin-bottom: 0;

}

.cta-form .txt-field::placeholder  {
	color: rgba(0, 0, 0, 0.3);
}


.cta-submit {
	background-color: var(--accd);
	padding: 12px 20px;
	margin-top: 15px;
}


.cta .cta-form .wpcf7-response-output, .cta-form .wpcf7-not-valid-tip {
	border: none;
	position: absolute;
	font-size: 14px;
	padding: 0;
	top: -70px;
}

.cta-form .wpcf7-not-valid-tip {
	display: none;
}

.cta .cta-form .wpcf7-form.invalid .wpcf7-response-output {
	color: #ff6868;
	top: unset;
	bottom: -25px;
}

.cta .cta-form .wpcf7-form.sent .wpcf7-response-output {
	color: #fff;
}

.cta .cta-form .wpcf7-response-output {
	margin: 0;

}


.cta .cta-form .wpcf7-form {
	position: relative;
}

.cta .cta-form .wpcf7-not-valid-tip {

}

.cta .cta-form .wpcf7-form-control-wrap {
	position: unset;
}

div.wpcf7 .ajax-loader {
	display: none;
	background-image: none;
}

@media screen and (max-width: 400px) {
	.cta .cta-form .wpcf7-form.sent .wpcf7-response-output {
		bottom: -15px;
	}
	.cta .cta-form .wpcf7-response-output, .cta-form .wpcf7-not-valid-tip {
		font-size: 12px;
	}
}


.features-item {
	display: flex;
	padding: 0 0 0 29px;
	margin-left: 29px;
	margin-bottom: 35px;
}

.features-item:last-child {
	margin-bottom: 0;
}

.features-item .features-icon {
	align-self: flex-start;
	width: 32px;
	height: auto;
	top: 8px;
}

.features-item .features-txt {
	font-size: 15px;
	font-weight: 300;
	line-height: 28px;
	margin: -8px 0 0 30px;
}

@media screen and (max-width: 1280px) {

	.cta-form {
		padding: 35px 40px;
	}

	.cta-icon {
		width: 40px;
		height: auto;
	}

	.cta-header {
		font-size: 26px;
		font-weight: bold;
		margin: 0 0 10px;
	}

	.cta-form .cta-txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 5px;
	}

	.cta-form .txt-field, .cta-form .cta-submit {
		padding: 12px 20px;
		font-size: 14px;
	}

	.features-item {
		padding: 0 0 0 24px;
		margin-left: 24px;
		margin-bottom: 25px;
	}

	.features-item .features-txt {
		font-size: 13px;
		line-height: 20px;

	}
}

@media screen and (max-width: 1280px) and (min-width: 1000px) {
	.cta-form {
		padding: 15px 30px;
	}

	.cta-form .cta-txt {
		font-size: 12px;
		line-height: 15px;
		margin-top: 0;
	}
	.cta-form .txt-field, .cta-form .cta-submit {
		padding: 10px 20px;
		font-size: 12px;
	}
	.leave-email {
		display: none;
	}
	.cta-form label {
		font-size: 12px;
		font-weight: 200;
	}
	.cta-form .txt-field {
		margin: 0 0 6px;
	}

}

@media screen and (max-width: 1000px) {
	.main-cta {
		margin-top: 0;
	}
	.cta {
		width: 100%;
	}
	.features {
		width: 40%;
	}

	.cta-form {
		padding: 30px;
	}

	.cta-icon {
		width: 35px;
	}

	.cta-header {
		font-size: 21px;
		margin: 10px 0 10px;
	}
	.cta-txt {
		font-size: 13px;
		line-height: 19px;
	}
	.cta-form .txt-field, .cta-form .cta-submit {
		padding: 9px 14px;
		font-size: 14px;
	}
	.cta-form .txt-field::placeholder  {
		font-size: 12px;
	}

	.features-item {
		padding: 0 0 0 24px;
		margin-left: 14px;
		margin-bottom: 23px;
	}

	.features-item .features-icon {
		width: 25px;
	}
	.features-item .features-txt {
		font-size: 12px;
		line-height: 18px;
		margin: -5px 0 0 20px;
	}
}

@media screen and (max-width: 800px) {
	.main-cta {
		flex-direction: column;
		margin-top: 50px;
	}
	.cta {
		width: 100%;
	}
	.cta-slider {
		display: none;
	}
	.cta-form-wrap {
		width: 100%;
		position: relative;
	}
	.features {
		width: 100%;
		margin-top: 35px;
	}

	.features-item .features-txt {
		margin: 0 0 0 20px;
		align-self: center;
	}
	.features-item .features-icon {
		align-self: center;
	}

}

@media screen and (max-width: 600px) {
	.slider-wrap {
		display: none!important;
	}

	.features-item {
		padding: 0;
	}
	.cta-txt {
		font-size: 12px;
		line-height: 17px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 400px) {

	.cta-human {
		display: none;
	}
}

/*----------MAIN CTA END----------*/


/*----------MAIN BEST----------*/


.main-best {
	margin-top: 80px;
}

.main-best-top {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.mbt-header {
	font-size: 42px;
	font-weight: 700;
	margin: 0 40px 0 0;
}

.mbt-txt {
	font-size: 16px;
	font-weight: 600;
	padding: 11px 20px;
	background-color: #ffe139;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.main-best-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	flex-direction: row;
	background: linear-gradient(45deg, #f3f3f3, #eff6ef);
	padding: 50px 90px;
	overflow: hidden;
}

.mb-header {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 0;
}

.mb-txt {
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 25px;
}

.mb-item {
	position: relative;
	overflow: visible;
}


.mb-img {
	position: absolute;
	max-width: unset;
}

.mb-arm .mb-header {
	margin-top: 115px;
}

.mb-arm .mb-img {
	height: 140px;
	top: -40px;
	left: -185px;
}

.mb-pipe .mb-header {
	margin-top: 3px;
}


.mb-pipe .mb-img {
	margin-left: -27px;
	margin-top: -13px;
}

.mb-prov .mb-header {
	margin-top: 115px;
}

.mb-prov .mb-img {
	width: 315px;
	top: -180px;
	left: -40px;
}

@media screen and (max-width: 1280px) {
	.main-best {
		margin-top: 60px;
	}
	.mbt-header {
		font-size: 40px;
		margin: 0 36px 0 0;
	}
	.main-best-wrap {
		margin-top: 30px;
		padding: 40px 30px;
	}
	.mb-item {
		margin: 0 20px 0 0;
	}
	.mb-txt {
		font-size: 15px;
		margin-top: 7px;
		margin-bottom: 17px;
	}

	.mb-item.mb-prov {
		margin: 0;
	}

	.mb-header {
		font-size: 27px;
	}

	.mb-arm .mb-header, .mb-prov .mb-header {
		margin-top: 100px;
	}


	.mb-arm .mb-img {
		height: 110px;
		top: -20px;
		left: -80px;
	}
	.mb-pipe .mb-img {
		width: 320px;
		margin-left: -27px;
		margin-top: -13px;
	}

	.mb-prov .mb-img {
		width: 270px;
		top: -155px;
		left: -30px;
	}
}

@media screen and (max-width: 1000px) {
	.main-best {
		margin-top: 40px;
	}
	.mbt-header {
		font-size: 32px;
		margin: 0 30px 0 0;
	}
	.main-best-wrap {
		margin-top: 30px;
		padding: 40px 10px 40px 30px;
	}
	.mbt-txt {
		font-size: 14px;
		padding: 9px 20px;
	}
	.mb-header {
		font-size: 24px;
	}

	.mb-arm .mb-header, .mb-prov .mb-header {
		margin-top: 80px;
	}

	.mb-arm .mb-img {
		height: 90px;
		top: -25px;
		left: -95px;
	}

	.mb-pipe .mb-img {
		width: 250px;
		margin-left: -5px;
		margin-top: -13px;
	}

	.mb-prov .mb-img {
		width: 220px;
		top: -130px;
		left: -20px;
	}
	.mb-txt {
		font-size: 14px;
		margin-bottom: 14px;
	}

}

@media screen and (max-width: 800px) {
	.main-best-wrap {
		flex-direction: column;
		padding: 50px 90px;
	}
	.main-best {
		margin-top: 30px;
	}
	.mbt-header {
		font-size: 25px;
		margin: 0 11px 0 0;
	}
	.main-best-wrap {
		margin-top: 20px;
		padding: 30px 10px 30px 30px;
	}
	.mbt-txt {
		font-size: 12px;
		padding: 6px 16px;
	}

	.mb-pipe {
		align-self: flex-end;
		margin-top: -50px;
	}

	.mb-item.mb-prov {
		margin-top: 150px;
	}

}

@media screen and (max-width: 600px) {

	.mb-arm .mb-img {
		height: 85px;
		top: -10px;
		left: -66px;
	}

	.mb-pipe {
		align-self: flex-start;
		margin-top: 40px;
	}

	.mb-item.mb-prov {
		margin-top: 25px;
	}

	.mb-prov .mb-img {
		width: 220px;
		top: 80px;
		left: 230px;
	}
}


/*----------MAIN BEST END----------*/


/*----------MAIN CAT----------*/


.main-cat {
	margin-top: 60px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	grid-gap: 40px;
}

.main-cat-item {
	display: flex;
	flex-direction: column;
	padding: 27px 45px;
	border: 2px solid #ebebeb;
	transition: var(--trans);
}

.main-cat-item:hover {
	border: 2px solid var(--acc);
}

.main-cat-item:nth-child(even) .mc-img-wrap {
	order: 2;
	margin-bottom: 20px;
}

.main-cat-item:nth-child(even) .mc-header {
	order: 1;
	margin-top: 0;
}

.main-cat-item:nth-child(even) .mc-descr-wrap {
	order: 3;
}

.mc-img-wrap {
	position: relative;
	overflow: hidden;
}

.mc-img {
	position: relative;
	z-index: 15;
	margin-left: 44px;
	margin-top: 10px;
}


.mc-img-wrap:before {
	right: 0;
	height: 100%;
	width: 60px;
	position: absolute;
	content: '';
	background-color: var(--acc);
	z-index: 10;
}

.mc-img-wrap {
	/*border: 5px solid #d9d9d9;*/
	height: 130px;
}

.mc-descr-wrap {
	display: flex;
	flex-direction: column;
}

.mc-header {
	font-size: 19px;
	font-weight: 700;
}

.mc-descr-wrap .mc-descr {
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 20px;
}

.mc-btn {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	padding: 8px 10px;
}

.main-cat-item:hover .mc-btn {
	background-color: var(--acc);
	color: #fff;
}

@media screen and (max-width: 500px) {
	.mc-img {
		position: relative;
		z-index: 15;
		margin-left: 63px;
		margin-top: 25px;
		max-width: 200px;
	}
}

@media screen and (max-width: 400px) {
	.main-cat {
		padding: 0 20px;
	}
	.main-cat-item {
		padding: 27px 30px;
	}
}





/*----------MAIN CAT END----------*/

/*----------OTR----------*/

.otr {
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.otr-wrap {
	display: flex;
	margin-top: 50px;
	flex-wrap: wrap;
	padding: 0 16%;
}

.otr-item {
	display: flex;
	flex: 1 1 45%;
	margin-bottom: 37px;
}

.otr-icon {
	align-self: center;
	margin-right: 15px;
}

.otr-name {
	align-self: center;
	font-size: 20px;
	font-weight: 300;
}

@media screen and (max-width: 1280px) {
	.otr-wrap {
		margin-top: 40px;
		padding: 0 14%;
	}

	.otr-item {
		margin-bottom: 34px;
	}

	.otr-icon {
		margin-right: 15px;
	}

	.otr-name {
		font-size: 18px;
	}
}

@media screen and (max-width: 1000px) {
	.otr-wrap {
		margin-top: 40px;
		padding: 0 6%;
	}
	.otr-item {
		margin-bottom: 30px;
	}
	.otr-icon {
		margin-right: 15px;
	}
	.otr-name {
		font-size: 16px;
	}
}

@media screen and (max-width: 1000px) {
	.otr-wrap {
		margin-top: 30px;
		padding: 0 5%;
	}

	.otr-item {
		margin-bottom: 30px;
	}

	.otr-icon {
		margin-right: 15px;
	}

	.otr-name {
		font-size: 15px;
	}
}

@media screen and (max-width: 800px) {
	.otr-wrap {
		margin-top: 20px;
		padding: 0 3%;
	}

	.otr-item {
		margin-bottom: 20px;
	}

	.otr-icon {
		margin-right: 15px;
	}

	.otr-name {
		font-size: 14px;
	}
}

@media screen and (max-width: 500px) {
	.otr-wrap {
		flex-direction: column;
		flex-wrap: nowrap;
		padding: 0 2%;
	}

	.otr-item {
		flex: 1 1;
		margin-bottom: 20px;
	}

	.otr-icon {
		align-self: center;
		margin-right: 15px;
	}

	.otr-name {
		font-size: 14px;
	}
}



/*----------OTR END----------*/



/*----------SPR ----------*/

.single-spr .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background: linear-gradient(90deg, #eff6f0, #f3f3f3);
}

.single-spr .wp-block-table td {
	padding: 8px;
	font-size: 14px;
}

.single-spr .wp-block-table figcaption {
	text-align: center;
}

.single-spr .site-main a, .site-main .spr a {
	text-decoration: none;
	font-weight: 600;
	color: var(--acc);
	font-size: 16px;
}

.single-spr .site-main a:hover, .site-main .spr a:hover {
	text-decoration: underline;
	color: var(--accd);
}

.single-spr .inner-wrapper, .spr {
	margin-top: 20px;
}

.single-spr .inner-wrapper table {
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #dcdcdc;
}

.single-spr .inner-wrapper table td {
	font-size: 13px;
	padding: 5px 1px;
	text-align: center;
}

.spr-ves-grid.wp-block-columns, .spr-ves-grid .wp-block-columns {
    margin-bottom: 0;
}


@media (min-width: 782px){
	.spr-ves-grid .wp-block-column:not(:first-child) {
    margin-left: 0.7em;
}}

.spr-ves-grid {

}

.spr-list {
	list-style-type: none;
	background: linear-gradient(90deg, #f3f3f3, #eff6f0);
    padding: 25px 30px;
}

.spr-list li {
	margin-bottom: 20px;
}

.spr-list li:last-child {
	margin-bottom: 0;
}

.spr-list li a {
	font-size: 14px;
}

.site-main .spr .gosts a {
	font-weight: 500;
	color: var(--accd);
	font-size: 15px;
}

/*----------SPR END----------*/





/*----------ABOUT----------*/

.about-header {
	text-align: center;
	font-size: 58px;
	font-weight: 700;
}

.about-wrap {
	margin-top: 40px;
	display: flex;
	overflow: visible;
	position: relative;
}

.about-img {
	height: 270px;
	margin-left: -637px;
}

.about-txt {
	width: 60%;
	margin-left: 70px;
}

.about-txt p, .general-txt p, .general-txt li {
	font-size: 15px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 28px;
}

.general-list li {
	margin-bottom: 0;
}

@media screen and (max-width: 1280px) {
	.about-header {
		font-size: 50px;
	}
	.about-txt {
		margin-left: 50px;
	}
	.about-img {
		margin-left: -650px;
	}

}

@media screen and (max-width: 1000px) {

	.about-wrap {
		margin-top: 30px;
	}

	.about-header {
		font-size: 48px;
	}
	.about-txt {
		width: 100%;
		margin-left: 30px;
	}
	.about-img {
		margin-left: -650px;
	}

	.about-txt p, .general-txt p {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 22px;
	}

}

@media screen and (max-width: 1000px) {

	.about-wrap {
		margin-top: 20px;
	}

	.about-header {
		font-size: 40px;
	}
	.about-txt {
		margin-left: 20px;
		margin-right: 20px;
	}
	.about-img {
		display: none;
	}
}

@media screen and (max-width: 1000px) {

	.about-wrap {
		margin-top: 15px;
	}

	.about-header {
		font-size: 32px;
	}
	.about-txt {
		margin-left: 15px;
		margin-right: 15px;
	}
}

/*----------ABOUT END----------*/



/*----------CAT PAGE----------*/

.category .cat-main p, .category .obl p, .obl ul, .parsed-block p, .parsed-block ul, .parsed-block ol {
	font-size: 17px;
	line-height: 30px;
	font-weight: 300;
}

.parsed-block ul, .obl ul {
	list-style: none;
	margin: 20px 0 20px 30px;
}

.parsed-block ul li::before, .obl ul li::before {
	content: "\2022";
	color: #4a87b2;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.parsed-block ol {
	margin: 20px 0;
	list-style: none;
	counter-reset: my-awesome-counter;
}

.parsed-block ol li {
	display: flex;
	align-items: center;
	counter-increment: my-awesome-counter;
	padding-left: 30px;
}
.parsed-block ol li::before {
	position: absolute;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 600;
	content: counter(my-awesome-counter);
	color: #fff;
	width: 23px;
	height: 23px;
	background-color: var(--acc);
	border-radius: 50%;
}

.bc-wrap {
	margin: 35px 0 15px;
}

.bc-wrap .bc-link {
	text-decoration: none;
	font-size: 15px;
	font-weight: 300;
	color: var(--acc);
	margin-right: 30px;
}

.bc-wrap a {
	text-decoration: none;
	font-size: 15px;
	font-weight: 300;
	color: var(--acc);
	margin-right: 5px;
}

.bc-wrap span {
	margin-left: 5px;
	font-size: 15px;
	font-weight: 300;
	color: var(--acc);
}

.cat-descr {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.cat-txt {
	width: 70%;
}

.cat-txt h2 {
	font-size: 20px;
	line-height: 34px;
	font-weight: 500;
	padding: 0 0 10px 0;
	margin-right: 25px;
	border-bottom: 1px solid var(--acc);
}

.cat-img {
	width: 28%;
	height: 500px;
	padding-top: 30px;
}

.cat-img img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	max-width: 48%;
}

.cat-img img:first-child {
}

.cat-img img:nth-child(2) {
	transform: translateY(-45px);
	float: right;
}

.cat-img img:nth-child(3) {
	float: left;
	transform: translateY(10px);
}

.cat-img img:nth-child(4) {
	transform: translateY(-79px);
	float: right;
}

.cat-title {
	font-size: 58px;
	font-weight: 700;
	margin: 0 0 10px;
}

.cat-features {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	width: 100%;
}

.cat-features .features-item {
	flex: 1 1 45%;
	padding: 0;
	margin-left: 0;
	margin-bottom: 35px;
}

.cat-cta {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.cat-cta .cta {
	width: 70%;
}

.cat-menu-cont {
	width: 25%;
	height: max-content;
	align-self: center;
}

.single-otr .cat-menu-cont {
	align-self: start;
}

.search .cat-menu-cont {
	width: 100%;
	margin-top: 30px;
}

.cat-menu-wrap {
	background: linear-gradient(90deg, #f3f3f3, #eff6f0);
	padding: 25px 40px 10px;
}

.pm-head {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
}

.prokat-list {
	list-style-type: none;
}

.cat-item {
	margin: 20px 0 ;
	text-decoration: none;
	color: inherit;
}

.cat-item a {
	position: relative;
	font-size: 15px;
	font-weight: 600;
	padding: 8px 20px 10px;
	margin: 10px 0;
	text-decoration: none;
	color: inherit;
	transition: var(--trans);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.cat-item a:hover {
	background-color: var(--acc);
	color: #fff;
}

.cat-item a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 18px;
	width: 14px;
	height: 1px;
	display: inline-block;
	background-color: var(--acc);
}


.ass-header {
	font-size: 48px;
	font-weight: 700;
}

.prod-table {
	font-size: 15px;
}

.prod-table tr:nth-child(even) {
	background: linear-gradient(90deg, #f3f3f3, #eff6f0);
}

.prod-table th {
	text-align: left;
	padding: 10px 40px 11px;
}

.prod-table td {
	padding: 10px 40px 11px;
}

.prod-table .table-prod-title {
	font-weight: 500;
}

.prod-table .table-prod-info {
	font-weight: 300;
}


.fastorder {
	position: relative;
	cursor: pointer;
	transition: var(--trans);
	font-weight: 500;
}


.fo-icon {
	position: absolute;
	opacity: 0;
	transition: var(--trans);
	left: 18px;
	top: 11px;
}



@media screen and (max-width: 1000px) {
	.fo-icon {
		display: none;
	}
}

.single-a {
	text-decoration: none;
	color: var(--acc);
}

.fastorder:hover {
	color: var(--accd);
}

.fastorder:hover .fo-icon {
	opacity: 1;
}

.single-a:hover {
	text-decoration: underline;
	color: var(--accd);
}

.otr-items-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.single-otr-item {
	display: flex;
	flex-direction: column;
	flex: 0 1 400px;
}

.single-otr-item img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.single-otr-item a {
	text-decoration: none;
	color: inherit;
	font-size: 20px;
	font-weight: 700;
	margin-top: 20px;
}

/*----------CAT PAGE END----------*/



/*----------PROD PAGE----------*/

.product-card {
	display: flex;
	justify-content: space-between;
}

.page-title, .prod-title {
	font-size: 50px;
	font-weight: 700;
	margin: 10px 0 27px 0;
}

.prod-card-wrap {
	width: 75%;
	padding-right: 20px;
}

.prod-img {
	width: 280px;
	height: 280px;
	margin-right: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pitw, .prod-calc-wrap {
	width: 100%;
}

.prod-descr-wrap {
	display: flex;
	margin-top: 40px;
}

.prod-info-table {
	list-style-type: none;
	margin-right: 40px;
}

.prod-info-wrap {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: space-between;
}

.prod-info-har {
	display: flex;
	flex-direction: row;
	margin-bottom: 17px;
}

.prod-info {
	width: 100%;
}

.prod-info:nth-child(odd) {
	background: #f4f7fc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.prod-info-name {
	display: inline-block;
	padding: 10px;
	font-size: 15px;
	font-weight: 300;
	width: 120px;
}

.prod-info-field {
	font-size: 15px;
	font-weight: 500;
	padding: 10px 5px 10px 0;
}

.calc {
	width: 300px;
}

.prod-calc-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.calc-items-wrap {
	display: flex;

}

.calc-item {
	margin-bottom: 12px;
}

.calc-item input {
	width: 240px;
	padding: 8px 0 8px 15px;
	font-size: 16px;
	margin-top: 6px;
	border: none;
	border-radius: 5px;
	box-shadow: 0 0 10px rgb(210 221 232);
}

.calc-item label {
	font-size: 13px;
}

.calc-items-wrap .calc-item {
}

.calc-items-wrap .calc-item input {
	width: 110px;
	margin-right: 20px;
}


/* calc page */

.cat-calc-wrap {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(auto-fit, minmax(410px, 1fr));
}

.cat-calc-wrap .cat-wrap {
	background: #fff;
	padding: 20px 30px 30px 30px;
	border-radius: 5px;
}

.cat-calc-wrap .cat-wrap h3 {
	margin-top: 0;
	margin-bottom: 10px;
}



.cat-calc-wrap .cat-calc {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.calc-right {
	display: flex;
	width: 51%;
	flex-direction: column;
	justify-content: flex-start;

}

.calc-right .calc-items-wrap {
	display: flex;
	justify-content: space-between;

}

.calc-right .calc-items-wrap .calc-item input {
	width: 130px;
	margin-right: 25px;
}
.calc-left {
	display: flex;
}


.calc-left img {
	max-width: 245px;
	border-radius: 5px;
}

.cat-calc select {
	width: 100%;
	padding: 8px 10px;
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 15px;
	border: none;
	border-radius: 5px;
	box-shadow: 0 0 10px rgb(210 221 232);
}

@media screen and (max-width: 1300px) {
	.cat-calc-wrap {
		grid-gap: 20px;
	}
	.calc-right {
		width: 52%;
	}
	.calc-right .calc-items-wrap .calc-item input {
		width: 120px;
		margin-right: 30px;
	}
	.calc-left img {
		max-width: 235px;
	}
}

@media screen and (max-width: 1200px) {
	.calc-left {
		display: none;
	}
	.calc-right {
		width: 100%;
	}
	.calc-right .calc-items-wrap .calc-item input {
		width: 120px;
		margin-right: 30px;
	}
	.calc-left img {
		max-width: 200px;
	}
}

@media screen and (max-width: 600px) {
	.cat-calc-wrap {
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	}
}

@media screen and (max-width: 400px) {
	.cat-calc-wrap {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}
}

@media screen and (max-width: 350px) {
	.cat-calc-wrap {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}
	.cat-calc-wrap .cat-wrap {
		padding: 16px 20px 24px 20px;
	}
	.calc-right .calc-items-wrap {
		justify-content: flex-start;
	}
	.calc-right .calc-items-wrap .calc-item input {
		width: 110px;
	}
	.cat-calc select {
		font-size: 12px;
	}
}


/* calc page end */


.prod-info-head {
	margin: 0 0 15px;
	font-weight: 500;
}

.prod-button {
	display: inline-block;
	padding: 10px 30px;
	margin-top: 10px;
	text-align: center;
}

.prod-map {
	display: block;
	font-size: 13px;
	position: relative;
	text-decoration: none;
	color: var(--acc);
	font-weight: 400;
	margin: 8px 0 0 20px;
}

.prod-map:before {
	position: absolute;
	top: 6px;
	left: -18px;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 5px;
	background-color: var(--acc);
}

.prod-map span {
	color: #000;
	top: 1px;
	position: absolute;
	font-size: 13px;
	line-height: 19px;
	opacity: 0;
	transition: var(--trans);
	transform: translateX(5px);
}
.prod-map span img{
	transform: rotate(180deg);
	margin-left: 10px;
}

.prod-map:hover span {
	opacity: 1;
	transform: translateX(20px);
}

.side-addr-wrap {
	width: 25%;
}

.pc-cta {
	max-width: 500px;
}

.cta-fullw {
	max-width: 100%;
	display: flex;
	flex-direction: row;
}

.pc-cta-img {
	max-width: 100%;
}
.pc-cta-wrap {
	margin-top: -5px;
	background-color: #fff;
	padding: 20px;
}

.cta-fullw-wrap {
	border-right: 2px solid var(--gr);
	border-bottom: 2px solid var(--gr);
	border-top: 2px solid var(--gr);
	padding: 20px;
}

.cta-fullw-img {
	width: 20%;
	height: auto;
}

.pc-cta-head {
	font-size: 20px;
	font-weight: 700;
	margin: 10px 0 15px;
}

.pc-cta-phone {
	display: block;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	color: var(--accd);
	margin-top: -5px;
	margin-bottom: 5px;
}

.pc-cta-txt {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.pc-cta-addr {
	font-weight: 600;
	font-size: 18px;
	margin: 0;
}





.prod-tabs {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.tabs {
	padding: 20px 0;
	border-bottom: 1px solid var(--gr);
}


.tabs-wrap {
	width: 71%;
}

.tabs-addr-wrap {
	width: 25%;
}

.tablinks {
	font-size: 17px;
	font-weight: 600;
	margin-right: 60px;
	cursor: pointer;
	padding-bottom: 16px;
}

.tablinks.active {
	border-bottom: 5px solid var(--acc);
}
.tabcontent {
	margin-top: 40px;
	min-height: 600px;
}

.single-page-cta {
	display: flex;
	align-items: center;
}

.single-otr .single-page-cta {
	margin-top: 30px;
}

.single-content-table table {
	border-collapse: collapse;
	font-size: 13px;
	font-weight: 300;
}
.single-content-table td {
	border: none;
	padding: 10px 20px;
}

.single-content-table tr:nth-child(odd){
	background-color: var(--gr);
}

.single-content-table tr:first-child {
	background-color: var(--acc);
	color: #fff;
}



@media screen and (max-width: 1280px) {
	.cat-txt h2 {
		font-size: 19px;
		line-height: 30px;
	}

	.category .cat-main p, .category .obl p, .parsed-block p, .parsed-block ul, .parsed-block ol {
		font-size: 16px;
		line-height: 28px;
	}

	.page-title, .prod-title {
		font-size: 50px;
	}
	.cat-menu-cont {
		width: 28%;
	}
	.cat-menu-wrap {
		padding: 25px 30px;
	}
	.cat-item {
		margin: 15px 0;
	}
	.cat-item a {
		font-size: 14px;
		padding: 6px 20px 8px;
		margin: 10px 0;
	}
	.cat-item a:before {
		top: 15px;
		width: 14px;
	}
	.prod-img {
		width: 250px;
		height: 250px;
		margin-right: 30px;
	}
	.parsed-block ol li::before {
		left: 10px;
	}

}

@media screen and (max-width: 1200px) {
	.prod-info-head {
		font-size: 22px;
	}
	.pitw, .prod-calc-wrap {
		width: 50%;
	}
	.prod-img {
		width: 200px;
		height: 200px;
		margin-right: 20px;
	}
}

@media screen and (max-width: 1000px) {
	.category .cat-main p, .category .obl p, .parsed-block p, .parsed-block ul, .parsed-block ol {
		font-size: 15px;
		line-height: 26px;
	}
	.bc-wrap {
		margin: 20px 0 5px;
	}

	.cat-txt {
		width: 100%;
	}

	.cat-txt h2 {
		font-size: 18px;
		line-height: 28px;
	}

	.cat-img {
		display: none;
	}
	.page-title, .prod-title {
		font-size: 40px;
		margin: 10px 0 20px 0;
	}
	.cat-menu-wrap {
		padding: 20px 0 20px 20px;
	}
	.cat-item {
		margin: 10px 0;
	}
	.cat-item a {
		padding: 4px 15px 6px;
		margin: 8px 0;
	}
	.cat-item a:before {
		top: 13px;
		width: 12px;
	}
	.cat-features .features-item {
		padding: 0 15px;
	}
	.ass-header {
		font-size: 42px;
		margin-bottom: 10px;
	}
	.prod-table td {
		padding: 8px 20px 9px;
	}
	.prod-card-wrap {
		width: 100%;
		padding-right: 0;
	}
	.side-addr-wrap {
		display: none;
	}
	.prod-tabs {
		margin-top: 20px;
	}
	.tabs-wrap {
		width: 100%;
	}
	.tablinks {
		font-size: 16px;
		margin-right: 0;
		padding-bottom: 6px;
	}
	.tablinks:last-child {
		margin-right: 0;
	}
	.tabs {
		display: flex;
		justify-content: space-between;
		padding: 10px 0;
	}
	.tabcontent {
		margin-top: 0;
		min-height: unset;
	}
}

@media screen and (max-width: 800px) {
	.cat-cta .cta {
		width: 100%;
	}
	.inner-wrapper {
		margin: -53px auto;
	}
	.category .cat-main p, .category .obl p, .parsed-block p, .parsed-block ul, .parsed-block ol {
		font-size: 14px;
		line-height: 24px;
	}
	.cat-txt {
		width: 100%;
	}
	.cat-txt h2 {
		font-size: 16px;
		line-height: 24px;
	}

	.cat-img {
		display: none;
	}
	.cat-menu-cont {
		display: none;
	}

	.cat-features {
		flex-direction: column;
		flex-wrap: nowrap;
		margin-top: 30px;
		padding: 0 5%;
	}
	.cat-features .features-item {
		margin-bottom: 20px;
	}
	.cat-features .features-item:last-child {
		margin-bottom: 0;
	}
	.page-title, .prod-title {
		font-size: 34px;
		margin: 10px 0 15px 0;
	}
	.ass-header {
		font-size: 34px;
	}
	.prod-table th {
		font-size: 13px;
		padding: 10px 10px 11px;
	}

	.prod-table td {
		font-size: 13px;
		padding: 8px 10px 9px;
	}

	.single-page-cta {
		display: block;
	}

	.prod-img {
		display: none;
	}


}

@media screen and (max-width: 600px) {
	.page-title, .prod-title {
		font-size: 30px;
		margin: 10px 0 10px 0;
	}
	.cat-features {
		margin-top: 30px;
		padding: 0 1%;
	}
	.cat-features .features-item {
		margin-bottom: 10px;
		padding: 0 5px;
	}
	.cat-features .features-item .features-txt {
		font-size: 13px;
		line-height: 18px;
		margin: 0 0 0 10px;
	}
	.ass-header {
		font-size: 24px;
	}
	.prod-table th {
		display: none;
	}
	.table-prod-info {
		display: none;
	}
	.prod-descr-wrap {
		margin-top: 20px;
	}
	.tabcontent h2 {
		font-size: 18px;
	}

}

@media screen and (max-width: 500px) {
	.prod-info-har {
		flex-direction: column;
	}
	.pitw, .prod-calc-wrap {
		width: 100%;
	}
	.bc-wrap {
		display: none;
	}
	.tablinks {
		font-size: 13px;
	}

}


@media screen and (max-width: 500px) {
	.page-title, .prod-title {
		font-size: 24px;
		margin: 10px 0 10px 0;
	}
}





	/*----------PROD PAGE END----------*/


/*--General pages--*/


.general-page p {
	font-size: 15px;
	font-weight: 300;
	line-height: 30px;
}

.general-page h1 {
	font-size: 72px;
	margin: 0 0 25px;
}

.shadow img {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.general-page .attention {
	color: var(--acc);
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	margin-top: 30px;
}

.contacts h1 {
	margin-top: 5px;
}

.page-subheader {
	margin: 0;
}

.onpage-phone {
	margin: 0;
}

.onpage-phone a {
	color: #000;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 24px;
	display: inline-block;
}
.contacts .link a {
	color: var(--acc);
	font-weight: 600;
	text-decoration: none;
}
.contacts .link:hover a {
	text-decoration: underline;
}

.soc-gal {
	margin-top: 10px;
}

.soc-gal img {
	width: 30px!important;
}

.soc-gal .blocks-gallery-item {
	margin-right: 10px!important;
	margin-bottom: 0!important;
}

/* Contacts block */

.baza-item-wrap {
	display: flex;
	flex-direction: row;
	background-color: #fff;
	padding: 0;
	margin-bottom: 40px;
	justify-content: space-between;
	overflow: hidden;
}




.baza-txt {
	width: 49%;
	padding: 25px;
	font-size: 14px;
}

.item-title {
	margin: 0 0 15px;
	font-weight: bold;
}


.item-title a {
	text-decoration: none;
}
.item-title a:hover {
	text-decoration: underline;
}




.baza-item-wrap .address {
	font-size: 16px;
	font-weight: 600;
}




.baza-map {
	position: relative;
	width: 50%;
}

.baza-map iframe {
	position: absolute;
	left: 1px;
}


.cont-address {
	font-weight: 600;
	font-size: 16px;
}

.cont-descr {
	color: #ababab;
	font-size: 14px;
	margin: 15px 0 0;

}

.cont-item-descr {
	color: #393939;
	font-size: 13px;
	margin: 15px 0 0;
}

.contacts .phone-item {
	margin-bottom: 5px;
}



@media (max-width: 800px) {

	.baza-item-wrap {
		flex-direction: column;
	}
	.baza-txt, .baza-map {
		width: 100%;
	}
	.baza-map {
		height: 400px;
	}
	.baza-map iframe {
		position: absolute;
		left: 0;
	}


}

@media (max-width: 400px) {
	.cont-h {
		font-size: 22px;
	}

	.item-title {
		font-size: 18px;
	}

}

/* single-baza */

.baza-wrap {
	background-color: #fff;
	padding: 25px;
	margin-top: 30px;
}

.single-baza .wp-block-columns {
	margin-bottom: 0;
}

.single-baza .baza-wrap .wp-block-columns ul {
	list-style-type: none;
	padding-left: 10px;
}

.single-baza .baza-wrap .wp-block-columns ul li {
	margin-bottom: 10px;
}

.single-baza .wp-block-columns .blocks-gallery-grid .blocks-gallery-item {
	margin-bottom: 0;
}

.single-baza .wp-block-columns .twor .blocks-gallery-grid .blocks-gallery-item  {
	margin-bottom: 1em;
  }

@media (max-width: 800px) {

	.baza-wrap {
		padding: 15px;
	}

	.single-baza .baza-wrap .wp-block-columns ul {
		padding-left: 0;
	}
	.single-baza .wp-block-columns .blocks-gallery-grid .blocks-gallery-item {
		margin-bottom: 1em;
	}
}



/* Slider */

@media (min-width: 600px) {
	.wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-prev {
		top: unset;
		left: unset;
		right: 41px;
		bottom: -20px;
		background-color: rgba(0, 0, 0, 0.3);
	}
	.wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-next {
		top: unset;
		left: unset;
		right: 0;
		bottom: -20px;
		background-color: rgba(0, 0, 0, 0.3);
	}
}


/* related */

.rel {
	background: var(--gr);
	padding: 30px 0 50px;
	margin-top: 30px;
}



.rel-prod {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	grid-gap: 20px;
}

.rel-prod-item {
	padding: 15px;
	background: #fff;
	text-decoration: none;
	transition: var(--trans);
}

.rel-prod-item:hover {
	box-shadow: 0 0 20px rgba(0,0,0,.10);
}



.rel-prod-item img {

}

.rel-title {
	text-decoration: none;
	font-size: 12px;
	color: var(--acc);
}

.partn .p-columns {
	background-color: #fff;
}

.partn .p-columns .wp-block-column {
	margin: 0;
}



.partn .p-columns {
	background-color: #fff;
	margin-bottom: 70px;
}

.partn .p-columns:last-child {
	margin-bottom: 0;
}

.p-txt-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px 60px;
}

.p-txt-column h2 {
	color: var(--accd);
	margin: 0 0 15px 0;
}

span.wpcf7-list-item {
	display: inline-block;
	margin: 0;
}

@media screen and (max-width: 800px) {
	.p-txt-column {
		padding: 30px 40px;
	}
}





/*----------FORM----------*/

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border: none;
	color: red;
	font-weight: 600;
}

.dealer-form-wrap {
	max-width: 1000px;
	margin: auto;
	overflow: hidden;
}

#wpcf7-f1479-o2, #wpcf7-f1833-o2, #wpcf7-f1870-o2, #wpcf7-f2362-o2 {
	background: linear-gradient(45deg, #f8fcfe, #f4f7fc);
	padding: 50px 100px;
}

#wpcf7-f1870-o2, #wpcf7-f2188-o2, #wpcf7-f2189-o2 {
	background: linear-gradient(45deg, #f8fcfe, #f4f7fc);
	padding: 20px 50px;
	float: right;
	width: 100%;
}

.vacancies form p {
	margin: 10px 0;
}


.dealer-form-h4 {
	color: var(--acc);
	font-weight: 500;
}

.fields-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.form-field {
	width: 500px;
	margin-bottom: 20px;
}
.form-field label, .form-textarea label {
	font-size: 13px;
}

.form-field input {
	margin-top: 10px;
}

.form-textarea {
	width: 100%;
}

.form-textarea label {
	width: 100%;
}

.textarea-17 {
	width: 100%;
}


.txtarea-field {
	margin-top: 10px;
	width: 100%;
	max-width: 950px;
	height: 70px;
}


.wpcf7-list-item-label {
	margin-left: 7px;
}

.dealer-form-wrap .cta-submit {
	margin-top: 0;
}

@media screen and (max-width: 600px) {
	#wpcf7-f1479-o2 {
		padding: 20px 30px;
	}
}

@media screen and (max-width: 400px) {
	#wpcf7-f1479-o2 {
		padding: 10px 20px;
	}
}

/*----------FORM END----------*/



/*  Quiz  */


#multi-step-form .fw-radio-row input[type=radio]:checked+label:before {
	line-height: 15px!important;
	font-size: 60px!important;
	color: var(--acc)!important;
}


#multi-step-form .fw-wizard-step-container .fw-step-block h3 {
	display: none;
}

.fw-toggle-summary {
	display: none;
}


#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis[data-title]:hover:after, #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis[data-title]:hover:before {
	display: none!important;
}



#multi-step-form.fw-large-container .fw-progress-bar-container .fw-progress-bar .fw-progress-step:before {
		height: 50px!important;
		line-height: 46px!important;
		top: -68px!important;
		width: 50px!important;
		font-size: 28px!important;
		font-weight: 400!important;
	}

#multi-step-form.fw-large-container .fw-progress-bar-container .fw-progress-bar .fw-progress-step:last-child:before {
		font-size: 25px;
		padding-top: 5px;
	}

/*----------CallButton----------*/

/* Стилі кнопки дзвінка */
.phone-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #00b300; /* Зелений фон */
    border-radius: 50%; /* Круглий фон */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999; /* Підняти над футером */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Тінь кнопки */
}

.phone-icon {
    color: #fff; /* Білий колір іконки */
    font-size: 24px; /* Розмір іконки */
}

/*----------CallButtonEnd----------*/

















/*----------FOOTER----------*/

footer {
	margin-top: 80px;
	padding: 40px 0;
	background-color: var(--acc);
}

.footer-wrap {
	position: relative;
	max-width: 1300px;
	margin: 0 auto;
	width: 100% !important;
}

.site-footer {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.site-footer p, .site-footer a, .site-footer span {
	color: #fff;
}

.f1, .f2, .f3 {
	margin-right: 50px;
}

.f4 {
	max-width: 100%;
	width: 450px;
}

.f-addr {
	font-weight: 300;
	font-size: 14px;
}

.site-footer .sch-wrap {
	margin: 30px 0 0 0;
}

.site-footer .sch-item {
	justify-content: normal;
}

.site-footer .sch-time {
	opacity: .7;
}




.footer_menu {
	list-style-type: none;
}

.footer_menu li {
	text-decoration: none;
}

.footer_menu li a {
	font-size: 15px;
	font-weight: 300;
	display: inline-block;
	padding: 7px 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	transition: var(--trans);
}

.footer_menu li:hover a {
	background-color: var(--gr);
	color: #000;
}


.f-phones-h {
	margin: 7px 0;
	font-size: 18px;
	font-weight: 600;
}

.site-footer span.phone-name {
	opacity: .5;
}

.site-footer .call_back {
	margin: 10px 0;
	color: var(--acc);
	background-color: #fff;
}

.social-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.social-txt {
	margin: 7px 10px;
	font-size: 14px;
	font-weight: 300;
	opacity: .5;
}

.soc-icons {
	width: 50%;
}

.site-footer svg {
	height: 17px;
	width: auto;
	margin-right: 10px;
	fill: #fff;
	opacity: .5;
	transition: var(--trans);
}

.site-footer svg:hover {
	opacity: .9;
}

.payment-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin: 20px 7px 35px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 17px 35px;
}

.payment-wrap .pay-img {
	max-height: 30px;
	max-width: 50px;
}

.btns-wrap {
	margin: 20px 7px 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.fs-wrap {
	width: 160px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.f-order {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	position: relative;
	width: 254px;
	height: 60px;
	padding: 7px 20px;
	font-size: 16px;
	font-weight: 600;
}

.fbtn-icon {
	height: 30px;
}

.fs-txt {
	font-size: 14px;
	font-weight: 300;
	opacity: .5;
}

.site-footer .searchbtn {
	margin: 0;
}

.pc {
	margin: 0 7px;
	font-size: 12px;
	opacity: .5;
}

.f-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	color: #fff;
	font-size: 12px;
	opacity: .5;
	padding-top: 15px;
}
.f-bottom .grc {
	margin: 0 20px;
}

.f-bottom .tpro {
	color: #fff;
}

@media screen and (max-width: 1280px) {
	.f3 {
		margin-right: 10px;
	}

	.f1, .f2 {
		margin-right: 0;
	}


	.f4 {
		width: 350px;
	}

	.payment-wrap {
		padding: 15px 25px;
	}

	.payment-wrap .pay-img {
		max-width: 30px;
	}
	.soc-icons {
		width: 70%;
	}
	.footer_menu li a {
		font-size: 14px;
		padding: 6px 15px;
	}
	.fbtn-icon {
		height: 20px;
	}
	.btns-wrap {
		margin: 10px 7px 10px;
	}
	.f-order {
		width: 190px;
		height: 44px;
		padding: 5px 10px;
		font-size: 14px;
		font-weight: 400;
	}
	.fs-wrap {
		width: auto;
		margin-left: 10px;
	}
	.fs-txt {
		font-size: 13px;
	}
	.site-footer .searchbtn {
		margin: 10px 0 0 5px!important;
	}
}

@media screen and (max-width: 1000px) {

	.site-footer {
		flex-wrap: wrap;
	}
	.f1, .f2, .f3, .f4 {
		flex: 1 1 45%;
	}

	.social-wrap {
		max-width: 300px;
	}
}

@media screen and (max-width: 800px) {
	.social-txt {
		margin: 7px 8px;
		font-size: 12px;
		line-height: 16px;
		width: 80%;
	}
}



.f3 {
	margin-right: 10px;
}

/*----------FOOTER END----------*/