/*
Theme Name: Twenty Twenty-Two
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
* Font smoothing.
* This is a niche setting that will not be available via Global Styles.
* https://github.com/WordPress/gutenberg/issues/35934
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background: #21232F;
}

/*
* Text and navigation link styles.
* Necessary until the following issue is resolved in Gutenberg:
* https://github.com/WordPress/gutenberg/issues/27075
*/

a,  {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a, a:hover, a:focus, a:active {text-decoration: none;}
.main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active, .footer-menu a:hover, .footer-menu a:focus, .footer-menu a:active {color: #B42817!important;}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
* Search and File Block button styles.
* Necessary until the following issues are resolved in Gutenberg:
* https://github.com/WordPress/gutenberg/issues/36444
* https://github.com/WordPress/gutenberg/issues/27760
*/

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
* Button hover styles.
* Necessary until the following issue is resolved in Gutenberg:
* https://github.com/WordPress/gutenberg/issues/27075
*/

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
* Alignment styles.
* These rules are temporary, and should not be relied on or
* modified too heavily by themes or plugins that build on
* Twenty Twenty-Two. These are meant to be a precursor to
* a global solution provided by the Block Editor.
*
* Relevant issues:
* https://github.com/WordPress/gutenberg/issues/35607
* https://github.com/WordPress/gutenberg/issues/35884
*/

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
* Responsive menu container padding.
* This ensures the responsive container inherits the same
* spacing defined above. This behavior may be built into
* the Block Editor in the future.
*/

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
/*Dev*/
body, p, a, li, h1, h2, h3, h4 {
	color: #FFFFFF;
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	margin: 0;
}
.row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
header, #features, .bigrow, #calc, #form, #post-header, #post-content, #posts-list, #bottom-banner, #registration, #login, #prod-card, #cabinet-head, #cabinet-form {
	margin: auto;
	max-width: 1174px;
	padding-left:5px;
	padding-right:5px;
}
#about {
	text-align: right;
	padding-left:5px;
	padding-right:5px;
}
.head-top-menu {
	width: 70.1%;
}
.head-menu-btn {
	display: inline-block;
	font-size: 16px; 
	line-height: 34px; 
	height: 35px;
	width: 140px;
	background: #333641; 
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); 
	border-radius: 10px;
	margin: 0 5px;
	text-align: center;
}
.head-menu-btn img {vertical-align: middle; margin-right:14px;}
.main-navigation {
	margin:auto;
	max-width:1035px;
}
.main-navigation .menu-main-container ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 5.35px 86px;
	gap: 52px;
	background: linear-gradient(180deg, #FFFFFF 15.62%, #E1E1E1 50.52%, #ACACAC 100%);
	box-shadow: inset 0px -2px 6px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin-top: 10px;
}
.main-navigation .menu-main-container li {list-style-type: none;}
.main-navigation .menu-main-container .menu-item a {
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
}
.mob-block {display:none;}
.mob-menu-btn {
	display:none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 5px;
	padding-top: 15px;
}
.mob-menu-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
/*tpl*/
h2 {
	font-weight: 700;
	font-size: 50px;
	line-height: 57px;
	text-align: center;
	letter-spacing: 1px;
	background: linear-gradient(180deg, #FFFFFF 15.62%, #E1E1E1 50.52%, #ACACAC 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	margin-bottom:50px;
}
h1 {
	font-weight: 700;
	font-size: 60px;
	line-height: 69px;
	letter-spacing: 1px;
	background: linear-gradient(180deg, #FFFFFF 15.62%, #E1E1E1 50.52%, #ACACAC 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
a.btn, input.btn, button.btn, input#wp-submit {
	display:inline-block;
	background: linear-gradient(180deg, #580909 0%, #AB0C0C 100%);
	box-shadow: 0px 0px 25px rgba(255, 127, 127, 0.7), 0px 5px 0px #C14949, inset 0px -2px 2px rgba(255, 255, 255, 0.21);
	border-radius: 27.5px;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	padding: 17px 60px;
	margin: 20px auto;
	border: 0px;
	color: white;
	cursor:pointer;
}
.fixcall {
	padding: 17px 17px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 3;
	border-radius: 50%;
	box-shadow: 0px 0px 25px rgb(255 127 127 / 70%), inset 0px -2px 2px rgb(255 255 255 / 21%);
	display: inline-block;
	background: linear-gradient(180deg, #580909 0%, #AB0C0C 100%);
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	margin: 20px auto;
	border: 0px;
	color: white;
	cursor: pointer;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="password"] {
	padding: 15px;
	width: calc(100% - 30px);
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 1px;
	background: #FFFFFF;
	border-radius: 5px;
	border:0px;
	margin: 10px auto;
}
.title-btn {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	background: #333641;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	text-align: center;
	padding: 6px 21px;
	margin-bottom:15px;
}
#title {padding-top: 70px;}
#title .sl-main-img {
	position: absolute; 
	top: 0px; 
	right: -200px; 
	z-index:-1; 
	max-width: 829px; 
	width:80%
}
#title .sl-main-block {
	position:relative; 
	z-index:0; 
	margin: auto; 
	max-width: 1035px; 
	padding-bottom:50px; 
	direction: ltr; 
}
#title .sl-desc-block {padding: 50px 0px 40px 0px;}
.sl-main-block h1 {
	text-align:left; 
	width: 60%;
}
#features, #about, #title, #catalog, #popular, #calc, #form, #reviews {padding-bottom:70px;}
#features {text-align:center;}
#features .row {
	align-items: stretch;
	margin-bottom: 40px;
}
.htext {
	font-weight: 700; 
	font-size: 24px; 
	line-height: 28px;}
.dtext {
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
}
.features-item {
	max-width: 326px;
	background: #333641;
	border-radius: 10px;
	padding: 11px 11px 11px 34px;
	position: relative;
	margin-bottom: 40px;
	text-align: left;
	transform: translate(0%, 0%);
	box-shadow: 0px 4px 10px rgba(181, 181, 181, 0.3);
	transition: all 0.5s cubic-bezier(.14,1.05,.25,.98) 0s;
}
.features-item:hover {
	transform:translate(0%,-8%);
	box-shadow: 0px 8px 20px rgba(181, 181, 181, 0.3);
}
#features .features-item:nth-child(2) {
	position: relative;
	top: 40px;
}
.features-item img {
	float: left;
	margin-right: 25px;
	margin-bottom: 19px;
}
.lbord-grad {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 11px;
	background: linear-gradient(90deg, #FFFFFF 15.63%, #ACACAC 100%);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.about-row {
	max-width: 1459px; 
	background: grey; 
	display: inline-block;
	background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.21) 68.65%, rgba(255, 255, 255, 0) 98.82%);
	border-radius: 10px;
	padding: 41px;
}
.about-row p {
	color: #000000;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
}
.about-item {
	width: 271px;
	min-height: 210px;
	position: relative;
	margin-bottom: 40px;
	text-align: center;
	padding:0px 5px;
}
.about-item:nth-child(2) {
	width: 151px;
}
.about-item p {
	margin-top:5px; 
	font-weight: 700; 
	font-size: 180px; 
	line-height: 207px; 
}
.about-item:nth-child(1) p { 
	background: linear-gradient(180deg, #3A3C46 18.77%, rgba(54, 56, 67, 0) 83.81%);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
	background-clip: text; 
	text-fill-color: transparent;
}
.about-item:nth-child(2) p { 
	background: linear-gradient(180deg, #2E353F 22.39%, rgba(46, 53, 63, 0) 100%);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
	background-clip: text; 
	text-fill-color: transparent;
}
.about-item:nth-child(3) p { 
	background: linear-gradient(180deg, #73747C 22.39%, rgba(115, 116, 124, 0.15) 100%);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
	background-clip: text; 
	text-fill-color: transparent;
}
#catalog {
	max-width:1768px;
	margin: auto;
	padding-left:5px;
	padding-right:5px;
}
.owl-prev, .owl-next {
	position: absolute;
	top: 22px;
}
.owl-prev {
	left: 0px;
}
.owl-next {
	right: 0px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {background: none!important;}
.filter-btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 14px 30px;
	gap: 10px;
	border: 1px solid #FFFFFF;
	border-radius: 24.5px;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	margin-right: 10px;
}
.bigrow {margin-bottom:47px;}
#popular .item, .cat-item {
	position: relative;
	max-width: 377px;
	min-height: 506px;
	background: #FFFFFF;
	border: 1px solid #F1F1F1;
	border-radius: 10px;
	text-align:center;
	margin-bottom: 20px;
}
#popular .item img, .cat-item img {max-width:100%; border-radius: 10px;}
#popular .row {align-items: stretch;}
.marka {
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
	letter-spacing: 1px;
	color: #000000;
}
.mdesk {
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	letter-spacing: 1px;
	color: #000000;
}
.cost {
	font-weight: 700;
	color: #B42817;
}
.slider {
	-webkit-appearance: none;
	height: 2px;
	background: #ACACAC;
	outline: none;
	-webkit-transition: .2s;
	transition: opacity .2s;
	margin:0px;
	position: absolute;
	bottom:-1px;
	right:15px;
	left:15px;
	filter: brightness(100%);
	width: calc(100% - 30px);
}
.slider:hover {
	filter: brightness(130%);
}
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 17px;
	height: 17px;
	background: #B42817;
	cursor: pointer;
	border-radius:50%;
}
.slider::-moz-range-thumb {
	width: 17px;
	height: 17px;
	background: #B42817;
	cursor: pointer;
}
.boldmedtext {
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 1px;
}
.calc-right {
	width:45%; 
	max-width:460px; 
	background: linear-gradient(180deg, #FFFFFF 15.62%, #E1E1E1 50.52%, #ACACAC 100%); 
	border-radius: 10px; 
	margin-left:20px; 
	padding:35px; 
	vertical-align:top; 
	color: #000000; 
	position:relative;
}
.calc-left {
	width:55%; 
	max-width:600px;
}
.calc-right p, .modal-bg p, .form-block p, #posts-list p, #registration p {color: #000000;}
.calcul-img {
	position: absolute;
	bottom: 0px;
	right: -28px;
}
.calc-descr {font-weight: 500; font-size: 18px; line-height: 21px; letter-spacing: 1px; color: #FFFFFF; margin-bottom:37px;}
#calc input.boldmedtext {
  border:0px; padding: 0;
  outline: none;
  background: #333641;
  font-weight: 700; font-size: 18px; line-height: 21px; letter-spacing: 1px; color: #FFFFFF; margin:0px;
}
#form .item {
	width:100%;
	max-width: 525px;
	min-height: 228px;
	background: linear-gradient(180deg, #FFFFFF 15.62%, #E1E1E1 50.52%, #ACACAC 100%);
	border-radius: 10px;
	padding: 40px 0px 40px 40px;
	margin: 35px auto;
	position: relative;
	text-align: left;
}
.form-zag {
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #000000;
}
#form .modal-bg, #modal-mobile-menu.modal-bg {
	display: none; 
	position: fixed;
	z-index: 5;
	padding-top: 10%; 
	left: 0;
	top: 0;
	right:0;
	bottom:0;
	width: 100%; 
	height: 100%; 
	overflow: auto; 
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7); 
}
#modal-mobile-menu a, #modal-mobile-menu li { 
	font-weight:700; 
	list-style-type: none;
	margin-bottom:15px;
}
#modal-mobile-menu ul {padding-left:0px}
#modal-mobile-menu ul.sub-menu {padding-left:20px}
#modal-mobile-menu .sub-menu li, #modal-mobile-menu .sub-menu a {font-weight:400; margin-bottom:5px;}
#form .modal-block {
	position: relative;
	background: linear-gradient(180deg, #FFFFFF 15.62%, #E1E1E1 50.52%, #ACACAC 100%);
	box-shadow: inset 0px -2px 6px rgba(0, 0, 0, 0.15);
	margin: auto;
	padding: 60px;
	width: 50%;
	max-width:315px;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}
.modal-mobile-menu-block {
	background: #333641;
	position: fixed;
	z-index: 5;
	padding-top: 10%;
	top: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0px -2px 6px rgb(0 0 0 / 15%);
	margin: auto;
	max-width: 315px;
	padding: 60px 30px;
	width: calc(90% - 30px);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
}
@-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}
}
#form .close {
	color: black;
	position: absolute;
	right: 15px;
	top: 0px;
	font-size: 35px;
	font-weight: bold;
}
.modal-mobile-menu-close {
	color: white;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 35px;
	font-weight: bold;
	width: calc(100% - 15px);
	background: linear-gradient(180deg, #580909 0%, #AB0C0C 100%);
	text-align: right;
	padding-right: 15px;
}
#form .close:hover, #form .close:focus, .modal-mobile-menu-close:hover, .modal-mobile-menu-close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.form-descr {
	width: 60%;
}
.form-bg-img {
	position:absolute; 
	right:0px; 
	top:20px
}
.form-buttons {    
	padding: 17px 50px;
	position: absolute;
	bottom: 15px;
}

#reviews .item {
	max-width: 900px;
	background: linear-gradient(180deg, #FFFFFF 15.62%, #E1E1E1 50.52%, #ACACAC 100%);
	box-shadow: inset 0px -2px 6px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 35px;
	justify-content: space-around;
	margin: auto;
}
.reviews-gallery {
	width:48%;
	max-width:430px;
}
.reviews-desc {
	width:38%;
}
.owl-three .owl-item {
	filter: brightness(0.3);
	transition: all 1s ease-out 0s;
}
.owl-three .owl-item.center {
	filter: brightness(1);
}
.owl-three .owl-next {
	right: 23.8%;
	top: calc(50% - 42px);
}
.owl-three .owl-prev {
	left: 23.8%;
	top: calc(50% - 42px);
}
@media (max-width:1400px) {
	.owl-three .owl-next {
		right: 0%;
	}
	.owl-three .owl-prev {
		left: 0%;
	}

}
@media (max-width:1200px) {
	#features .features-item:nth-child(2) {
		position: unset;
		top: 0px;
	}
	#features .row, #about .row, #popular .row, #calc .row {
		justify-content: space-evenly;
	}
	#popular .row {
		align-items: center;
		flex-direction: column;
		align-content: center;
	}
	.features-item {
		max-width: unset;
		width: 60%;
	}
	h2 {
		font-size: 40px;
		line-height: 47px;
	}
	.calc-right, .calc-left {width:100%; margin-left: 0px;}
	#title .sl-main-img {
		top: unset;
		bottom: 0px;
		right: 0px;
		width: 65%;
		opacity: 0.4;
	}
	.sl-main-block h1 {width: 100%;}
	.footer.row {justify-content: center; padding-bottom:50px;}
}
@media (max-width:950px) {
	.reviews-gallery, .reviews-desc {width:100%;}
	#reviews .item {
		width: 80%;
		margin: auto;
	}
	#form .modal-block {
		padding: 30px;
		width: calc(90% - 30px);
	}
	.form-descr {
		width: 80%;
		position: relative;
		z-index: 1;
	}
	.form-bg-img {
		position: absolute;
		right: 0px;
		top: 20px;
		opacity: 0.4;
	}
	.calcul-img {
		right: 0px;
	}
	#popular .item, .cat-item {
		width: 95%;
	}
	.about-row {
		padding: 30px;
	}
	.head-top-menu {
		width: 95%;
	}
	.mob-menu-btn, .mob-block {	display:block; }
	.bot-sub-menu .menu {
		display: flex;
		background: linear-gradient(180deg, #FFFFFF 15.62%, #E1E1E1 50.52%, #ACACAC 100%);
		box-shadow: inset 0px -2px 6px rgba(0, 0, 0, 0.15);
		position:fixed;
		bottom:0;
		right:0;
		left:0;
		z-index:100;
	}
	.bot-sub-menu ul.menu {margin:0; padding:0}
	.bot-sub-menu .menu .menu-item {
		width:25%;
		font-size: 10px;
		text-align: center;
		line-height: 50px;
		font-weight: 700;
		color: #333641;
		display:block;
	}
	.bot-sub-menu a {
		font-weight: 700;
		color: #333641;
	}
	.mob-menu-row {
		flex-direction: row;
		width:95%;
		justify-content: space-between;
	}
	.head-logo { max-width:120px; }
	.main-navigation .menu-main-container ul { flex-direction: column; gap: 10px; }
	.head-top-menu, .main-navigation {display: none;}
	.calc-descr {text-align:center; padding: 0px 5px;}
	.features-item {width: 95%;}
	.fixcall {bottom:40px;}
	#title {padding-top: 10px;}
}
@media (max-width:600px) {
	h1 { font-size: 48px;}
	#title .sl-main-img {
		right: 0px;
		top: 186px;
		bottom: unset;
		width: 100%;
		opacity: 0.6;
	}
	#title .sl-desc-block {padding: 235px 0px 40px 0px;}
	.calculated-data {
		align-items: center;
		justify-content: space-between;
		align-content: center;
		flex-direction: column;
	}
}
/*footer*/
.wpcf7-response-output {color:#ffffff}
.footer {
	max-width:1170px; 
	margin:auto; 
	padding: 0px 5px;
	min-height: 65px;
}
.footer-menu {
	max-width: 786px;
	align-items: stretch;
}
.footer-navigation li {list-style-type: none;}
.footer-navigation ul {margin-top: 0px;}
#menu-item-37 a, #menu-item-40 a, #menu-item-41 a {font-weight: 700;}
.footer img {max-width:100%}
@media (max-width:950px) {
	.row.footer-menu, .footer.row, header .row {
		justify-content: center;
		flex-direction: column;
	}
	.footer-contacts {
		text-align: center;
		margin-top:30px;
		margin-bottom:30px;
	}
	ul#menu-specialoffer, ul#menu-footer-mini {
		padding-left: 0px;
		text-align: center;
	}
	.head-socials {margin-top:20px; margin-bottom:20px;}
}

/*single*/
.breadcrumb, .breadcrumb a, .breadcrumb span {font-weight: 400; font-size: 16px; line-height: 18px; letter-spacing: 1px; color: #9E9E9E;}
.cat-menu {
	padding: 0px 43px;
	background: #333641;
	border-radius: 10px;
	font-weight: 700;
	font-size: 18px;
	line-height: 53px;
	display: flex;
	align-items: center;
	text-align: center;
	flex: 1;
	margin: 0px 5px;
	justify-content: center;
}
.cat-menu.active {
	background: linear-gradient(180deg, #FFFFFF 15.62%, #E1E1E1 50.52%, #ACACAC 100%);
	color: #B42817;
}
.form-block {
	position: relative;
	background-image: url(/wp-content/uploads/2022/08/vector-4.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	box-shadow: inset 0px -2px 6px rgb(0 0 0 / 15%);
	margin: auto;
	padding: 60px;
	width: 50%;
	max-width: 315px;
}
#post-header .row {
	align-items: stretch; 
}
.post-content p {
	font-size: 16px; 
	line-height: 18px; 
	letter-spacing: 1px; 
	color: #21232F;
}
#bottom-banner {width: 100%; background: #333641; border-radius: 10px; background-image: url(/wp-content/uploads/2022/08/group-604.jpg); background-repeat: no-repeat; background-position: top right; padding:0px; margin-bottom:60px;}
.bottom-banner-container {max-width: 382px; width: 100%; padding:48px; background: #333641; border-radius: 10px; background: linear-gradient(90deg, rgba(51,54,65,100%) 75%, rgb(51,54,65, 0%) 100%);}
.card-btn {
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #B42817;
	border-radius: 10px;
	background: linear-gradient(180deg, #FFFFFF 15.62%, #E1E1E1 50.52%, #ACACAC 100%);
}
.card-spoiler li {
	width: calc(49% - 20px);
	float: left;
	color: #333641;
	padding-right: 20px;
}
.card-spoiler-head {
	font-weight: 700; 
	font-size: 24px; 
	line-height: 28px; 
	letter-spacing: 1px; 
	color: #333641; 
	cursor: pointer;
}
.card-spoiler-body {
	font-size: 16px; 
	line-height: 18px; 
	letter-spacing: 1px; 
	color: #333641;
	height:0px; 
	overflow:hidden; 
	-webkit-transition: height 0.3s ease-out 0s;
	-moz-transition: height 0.3s ease-out 0s;
	-o-transition: height 0.3s ease-out 0s;
	transition: height 0.3s ease-out 0s;
}
.card-spoiler-cross {
	float: right;
	transform: rotate(45deg);
	-webkit-transition: transform 0.3s ease-out 0s;
	-moz-transition: transform 0.3s ease-out 0s;
	-o-transition: transform 0.3s ease-out 0s;
	transition: transform 0.3s ease-out 0s;
}
.card-btn {flex-grow: 1; flex-basis:25%; text-align: center; line-height:100px; cursor: pointer;}
.card-osn-info {font-weight: 400; font-size: 16px; line-height: 18px; letter-spacing: 1px; color: #FFFFFF; width:33%;}
.card-dop-info {width:66%;display:none;}
.card-spoiler {background: #FFFFFF; border-radius: 10px; padding: 25px 41px; margin-bottom: 20px;}
.card-btn.active {background: none; color: #FFFFFF;}
.card-dop-info.active {display:block;}
.header-container {
	width:44%;
}
.post-header-image {
	position:absolute; 
	right:0; 
	top:0; 
	bottom:0; 
	max-width:54%; 
	border-radius: 10px; 
	overflow: hidden;
}
.post-header-bg {background: #ffffff; border-radius: 10px; position:relative; min-height: 148px; overflow: hidden; padding: 32px 54px;}
.card-btn-row {position: absolute; top:0px; right:0px; left:0px; display:flex;}
#post-content .form-block {float:right; margin-left:0px; width: calc(40% - 167px);}
.post-content-full-desc {
	float:left;
	width:60%;
}
.header-container-title {font-weight: 700; font-size: 43px; line-height: 49px; letter-spacing: 1px; color: #B42817; padding-bottom:30px;}
.cabinet-head-item { width:30%; }
@media (max-width:1200px) {
	#posts-list .row {flex-direction: column; align-content: center; }
	#post-content .form-block {float:none; margin: 10px auto; width: calc(100% - 120px);}
	.post-content-full-desc {width:100%;float:none;}
}
@media (max-width:950px) {
	.header-container, .card-osn-info, .card-dop-info {width:100%;}
	.post-header-image {
		position:unset;
		max-width:100%; 
	}
	.post-header-bg {padding: 15px 25px;}
	.card-btn-row {flex-direction: column;}
	.card-btn {
		line-height: 34px;
		font-size: 18px;
	}
	.card-spoiler li {
		width: 100%;
		float: unset;
		padding-right: 0px;
	}
	.card-spoiler { padding: 25px 15px;}
	.bottom-banner-container {
		width: unset;
		padding: 24px;
		background: linear-gradient(90deg, rgba(51,54,65,100%) -14%, rgb(51,54,65, 0%) 100%);
	}
	#bottom-banner {background-position: top center;}
	#post-content .form-block { float: none; margin: 10px auto; width: calc(100% - 68px); padding: 60px 34px; }
	.header-container-title {font-size: 30px; line-height: 38px; }
	.cabinet-head-item { width:100%; text-align: center!important; }
	#cabinet-head {flex-direction: column;}
	.mob-hide {display: none}
}
#cabinet-form details summary::-webkit-details-marker { display: none }
#cabinet-form details > summary { list-style: none; }