/*
Theme Name: WP Bootstrap Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 5.4
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@font-face {
font-family: 'Actay';
src: url('./fonts/Actay-Regular.woff2') format('woff2'),
url('./fonts/Actay-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}


@font-face {
font-family: 'Actay Wide';
src: url('./fonts/ActayWide-Bold.woff2') format('woff2'),
url('./fonts/ActayWide-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}




:root {
--font-family: "Actay", sans-serif;
--second-family: "Actay Wide", sans-serif;
--third-family: "JetBrains Mono", sans-serif;
--font3: "Manrope", sans-serif;
}

:root {
--pramary: #eaff8a;
--white: #fff;
--color-orange-52: #b08d57;
--color-grey-63: #9a9ea6;
--color-grey-25: #3a3e46;
--color-grey-44: #6b6f77;
--color-black-solid: #000;
--color-orange-39: #8a6d3f;
--color-black--0: rgba(0, 0, 0, 0);
--color-white-solid: #fff;
--color-azure-9: #15171b;
--color-grey-23: #34383f;
--color-grey-94: #f2f1ee;
--color-grey-91: #ecece6;
--color-yellow-84: #dcdad2;
--color-azure-18: #282c33;
--color-grey-96: #f6f5f2;
--color-grey-39: #68665f;
--color-azure-13: #1e2126;
--color-blue-6: #0e0f12;
--color-orange-60: #c9a468;
--color-orange-81: #d7d3c8;
--color-yellow-87: #e3e1d9;
--color-azure-15: #20232a;
--color-azure-9-2: #14161a;
--color-grey-70: #b8b6ac;
--color-grey-23-2: #3d3c37;
--color-yellow-90: #e9e7e0;
--color-azure-7: #101215;
--color-grey-39-2: #5f636a;
--color-azure-9-970: rgba(21, 23, 27, 0.97);
}

body {
margin: 0;
-webkit-font-smoothing: auto;
font-family: 'Actay', sans-serif;
}

label {
line-height: 1;
}


html {
scroll-behavior: smooth;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
}

a:active,
a:hover {
outline: 0;
}

dfn {
font-style: italic;
}

mark {
background: #ff0;
color: #000;
}

small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
border: 0;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 1em 2.5rem;
}

hr {
box-sizing: content-box;
height: 0;
}

button {
overflow: visible;
}

button,
select {
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

input {
line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

legend {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
clear: both;
color: #24292e;
font-weight: 600;
margin-top: 24px;
margin-bottom: 15px;
}
h1 {
font-size: 32px;
padding-bottom: 10px;
}
h2 {
font-size: 24px;
padding-bottom: 0.3em;
line-height: 1.25;
}
h3 {
font-size: 18px;
line-height: 25px;
}
h4 {
font-size: 16px;
line-height: 20px;
}
h5 {
font-size: 14px;
line-height: 17.5px;
}

p {
margin-bottom: 1.5em;
}
h1.entry-title {
font-size: 1.31rem;
border-bottom: 1px solid #eaecef;
}
h2.entry-title {
border-bottom: 1px solid #eaecef;
}
h3.widget-title {
font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
background: #050601;
color: #fff;
/* Fallback for when there is no custom background color defined. */
}

img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}

figure {
margin: 1em 0;
/* Extra wide images within figure tags don't overflow the content area. */
}

table {
margin: 0 0 1.5em;
width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
margin-bottom: 0;
background-color: #563d7c ;
box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
padding: .74rem 1rem;
}

.navbar-brand > a {
color: rgba(0, 0, 0, 0.9);
font-size: 1.1rem;
outline: medium none;
text-decoration: none;
color: #fff;
font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
text-decoration: none;
}

#page-sub-header {
position: relative;
padding-top: 5rem;
padding-bottom: 0;
text-align: center;
font-size: 1.25rem;
background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
line-height: 1.6;
font-size: 4rem;
color: #563e7c;
margin: 0 0 1rem;
border: 0;
padding: 0;
}

#page-sub-header p {
margin-bottom: 0;
line-height: 1.4;
font-size: 1.25rem;
font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
color: #333;
font-size: 2.6rem;
display: inline-block;
margin-top: 2rem;
}

@media screen and (min-width: 768px) {
body:not(.theme-preset-active) #page-sub-header h1 {
font-size: 3.750rem;
}
body:not(.theme-preset-active) #page-sub-header {
font-size: 1.25rem;
}
}
@media screen and (min-width: 992px) {
#page-sub-header p {
max-width: 43rem;
margin: 0 auto;
}
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
padding-left: 0;
padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
color: #cdbfe3;
padding: 0.5rem;
font-weight: 500;
font-size: 0.875rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
color: #fff;
font-weight: 600;
/*background: #f9f9f9;*/
}

.navbar-brand {
height: auto;
}

.navbar-toggle .icon-bar {
background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
border-top: 0.3em solid transparent;
}

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

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}

.dropdown-item {
line-height: 1.2;
padding-bottom: 0.313rem;
padding-top: 0.313rem;
}

.dropdown-menu {
min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
display: block;
left: 12.250em;
top: 0;
}

.dropdown-menu .dropdown-item {
white-space: normal;
background: transparent;
line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
background: transparent;
}

@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
@media screen and (min-width: 769px) {
.dropdown-menu li > .dropdown-menu {
right: -9.875rem;
top: 1.375rem;
}
}
@media screen and (max-width: 991px) {
.navbar-nav .dropdown-menu {
border: medium none;
margin-left: 1.250rem;
padding: 0;
}

.dropdown-menu li a {
padding: 0;
}

#masthead .navbar-nav > li > a {
padding-bottom: 0.625rem;
padding-top: 0.313rem;
}

.navbar-light .navbar-toggler {
border: medium none;
outline: none;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-content.card-block {
padding: 20px;
}

.navigation.post-navigation {
padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
border: 1px solid #ddd;
border-radius: 0.938rem;
display: inline-block;
padding: 0.313rem 0.875rem;
text-decoration: none;
}

.post-navigation .nav-next a::after {
content: " \2192";
}

.post-navigation .nav-previous a::before {
content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 0.313rem;
line-height: normal;
padding: 0.938rem 1.438rem 0.875rem;
text-decoration: none;
top: 0.313rem;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}

.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}

.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

a img.alignright {
float: right;
margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
float: left;
margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption.alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky .entry-title::before {
content: '\f08d';
font-family: "Font Awesome\ 5 Free";
font-size: 1.563rem;
left: -2.5rem;
position: absolute;
top: 0.375rem;
font-weight: 900;
}

.sticky .entry-title {
position: relative;
}

.single .byline,
.group-blog .byline {
display: inline;
}

.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}

.page-links {
clear: both;
margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
margin-top: 0;
}

.post.hentry {
margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
color: #9a9a9a;
}

.entry-title > a {
color: inherit;
}



/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
background: #f1f1f1 none repeat scroll 0 0;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 0.313rem 0.313rem 0;
text-align: center;
}
.wp-caption img[class*="wp-image-"] {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 0.688rem;
line-height: 1.063rem;
margin: 0;
padding: 0.625rem;
}

.wp-caption-text {
text-align: center;
}




/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
display: none;
}

.vc_desktop #content.site-content {
padding-bottom: 0;
padding-top: 0;
}

.vc_desktop .entry-content {
margin-top: 0;
}

#header-top {
background: #252525;
color: #fff;
}



.svg-white {
fill: var(--white);
transition: all 0.2s ease 0s;
}

.logo-block6 {
display: flex;
}


.logo-block6 a {
text-decoration: none;
display: block;
margin-right: 7px;
transition: all 0.2s ease 0s;
}

.logo-block6 a:hover .svg-white {
fill: var(--pramary);
text-decoration: none;
}


.logo-soc {
display: none;
}


.logo-soc-open {
display: block;
position: absolute;
background: #191919;
color: #fff;
padding: 20px 15px;
width: 220px;
right: 0px;
text-align: center;
top: 40px;
}


.logo-soc-open::before {
background: url(images/try.svg) no-repeat;
content: "";
position: absolute;
width: 32px;
height: 27px;
right: 0px;
top: -17px;
}


.logo-soc-title {
padding-bottom: 20px;
font-family: var(--second-family);
font-weight: 700;
font-size: 15px;
line-height: 130%;
color: var(--white);
}



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


.logo-block2, .logo-block3, .logo-block4  {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
color: #adadad;
}

.logo-block5 a {
text-decoration: none;
}

.logo-block5 a:hover .logo-block5-1 {
color: #fff;
}



.logo-block5-1 {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
color: #adadad;
}

.logo-block5-1 span {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--pramary);
display: inline-block;
margin-right: 16px;
}

.logo-block5-1 svg {
display: inline-block;
margin-right: 5px;
}


.logo-block6 {
position: relative;
}


.logo-soc-soc {
display: flex;
}


.logo-soc-soc a {
text-decoration: none;
display: block;
margin-right: 7px;
}


#header-menu {
background: var(--color-black-solid);
padding-top: 11px;
padding-bottom: 11px;
}


.header-menu-menu {
display: flex;
justify-content: space-between;
}


.header-contact {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-contac1 {
text-align: right;
line-height: 130%;
}

.header-contac1 a {
text-decoration: none;
font-family: var(--second-family);
font-weight: 700;
font-size: 15px;
color: var(--white);
transition: all 0.3s ease 0s;
}

.header-contac1 a:hover {
color: var(--pramary);
text-decoration: none;
}


.header-contac2 {
padding-left: 20px;
}


.header-contac2 a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
text-align: center;
color: var(--white);
border: 1px solid var(--pramary);
border-radius: 4px;
padding: 0px 20px;
height: 40px;
line-height: 40px;
transition: all 0.3s ease 0s;
text-decoration: none;
display: table;
}

.header-contac2 a:hover,
.header-contac2 a:focus,
.header-contac2 a:active {
color: #c0e030;
border: 1px solid #c0e030;
}

@media (min-width: 768px) {

#mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before {
content: '[  ' !important;
display: inline !important;
font-family: auto!important;
margin: 0!important;
}

#mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::after {
content: '  ]' !important;
display: inline !important;
font-family: auto!important;
margin: 0!important;
}
}


#baner-main {
background: url(images/bg-min.jpg) no-repeat top center;
background-size: cover;
height: 750px;
}


.main_tags {
display: flex;
flex-wrap: wrap;
padding-top: 114px;
padding-bottom: 40px;
}

.main_tag a {
margin-right: 7px;
margin-bottom: 7px;
backdrop-filter: blur(15.899999618530273px);
background: rgba(151, 151, 151, 0.1);
border-radius: 1000px;
padding: 15px 16px;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
border: 1px solid #3c3c3c;
transition: all 0.3s ease 0s;
color: var(--white);
text-decoration: none;
}


.main_tag a:hover {
border: 1px solid var(--pramary);
}



.main_tag a svg {
position: relative;
display: inline-block;
margin-left: 7px;
}


#baner-main h1 {
margin: 0;
padding: 0;
font-family: var(--second-family);
font-weight: 700;
font-size: 52px;
line-height: 108%;
letter-spacing: 0.01em;
text-transform: uppercase;
}


@media (min-width: 768px) {

#baner-main h1 {
letter-spacing: 0.01em;
background: linear-gradient(
90deg,
#ffffff 0%,
#f5f7df 45%,
#d6e88a 75%,
#b8d34f 100%
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
}




.main_desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 97%;
padding-top: 40px;
padding-bottom: 60px;
}


@media (min-width: 768px) {
.main_desc {
background: linear-gradient(90deg, #b8d34f 0%, #ffffff 20%, #ffffff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}

}

.main_link {
display: flex;
align-items: center;
padding-bottom: 80px;
}

.main_link1 a {
border-radius: 4px;
padding: 0px 35px;
height: 58px;
line-height: 58px;
background: linear-gradient(90deg, 
#b8d34f 0%, 
#d6e88a 25%, 
var(--pramary) 50%, 
#c0e030 50%, 
#c0e030 100%
);
background-size: 200% 100%; 
background-position: 0% 0%; 
display: table;
text-decoration: none;
font-family: var(--second-family);
font-weight: 700;
font-size: 16px;
text-align: center;
color: var(--color-black-solid);
transition: background-position 0.3s ease;
}

.main_link1 a:hover,
.main_link1 a:active {
background-position: 100% 0%; 
text-decoration: none;
}

.main_link1 a:focus {
box-shadow: 0 0 4px 0 var(--pramary);
background: var(--pramary);
text-decoration: none;
}


.main_link2 {
padding-left: 20px;
}

.main_link2 a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
text-decoration: none;
}

.main_link2 a:hover {
color: var(--pramary);
}

.main_link2 span {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-grey-63);
}



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


.main_plus-title {
font-family: var(--font-family);
font-weight: 400;
font-size: 28px;
line-height: 69%;
color: var(--pramary);
padding-bottom: 20px;
}


.main_plus-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
}



.main_plus-block2 {
background: url(images/niz.svg) no-repeat;
width: 148px;
height: 118px;
position: relative;
display: block;
bottom: -30px;
}

#running {
padding-top: 30px;
padding-bottom: 30px;
}


#running2 {
padding-top: 30px;
padding-bottom: 80px;
}

/* Контейнеры, чтобы скрывать выходящие за края элементы */
.running1, .running2 {
overflow: hidden;
width: 100%;
position: relative;
}

/* "Дорожка", которая будет двигаться */
.running1-track, 
.running2-track {
display: flex;
width: max-content; /* Ширина равна сумме всех вложенных блоков */
will-change: transform; /* Оптимизация для плавности анимации */
}

/* Направления и скорость анимации */
.running1-track {
animation: scroll-left 60s linear infinite;
padding-bottom: 30px;
}

.running2-track {
animation: scroll-right 60s linear infinite; /* Едет в обратную сторону */
}

/* Пауза при наведении мыши (опционально, для удобства) */
.running1-track:hover,
.running2-track:hover {
animation-play-state: paused;
}

/* Стили самих блоков */
.running1-block, 
.running2-block {
display: flex;
align-items: center;
gap: 15px; /* Отступ между картинкой и текстом */
padding: 0 30px; /* Отступ между самими блоками (шаг бегущей строки) */
flex-shrink: 0; /* Запрещаем блокам сжиматься */
white-space: nowrap; /* Чтобы текст не переносился */
}

/* Стили для изображений */
.running1-image img, 
.running2-image img {
max-height: 40px; /* Настройте высоту под ваш дизайн */
width: auto;
object-fit: contain;
}

/* Стили для текста */
.running1-title, 
.running2-title {
font-family: var(--font-family);
font-weight: 400;
font-size: 38px;
line-height: 148%;
text-align: center;
text-transform: uppercase;
color: #232323;
}

.running2-title {
color: var(--white);
}

/* Ключевые кадры анимации */
/* -50% работает идеально, потому что мы вывели контент ровно 2 раза */
@keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}

@keyframes scroll-right {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}

/* Адаптив для мобильных (можно замедлить или ускорить) */
@media (max-width: 768px) {
.running1-track, 
.running2-track {
animation-duration: 20s; /* На мобильных быстрее */
}

.running1-block, 
.running2-block {
padding: 0 20px;
gap: 10px;
}

.running1-title, 
.running2-title {
font-size: 14px;
}
}


#service {
padding-top: 20px;
padding-bottom: 80px;
}


.service-item {
display: flex;
justify-content: space-between;
}


.service-block1 {
width: 49%;
position: relative;
}

.service-block1-1 {
position: sticky;
top: 140px;
}




.service-block2 {
width: 49%;
}


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





.services-block {
width: 49%;
margin-bottom: 20px;
position: relative;
transition: all 0.3s ease 0s;
background: url(images/bg-service.jpg) no-repeat top center;
background-size: cover;
}



.services-block img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease 0s;
}



.services-title {
position: absolute;
padding-left: 20px;
padding-right: 20px;
bottom: 40px;
transition: all 0.3s ease 0s;
}

.services-title1 a {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 97%;
color: var(--white);
transition: all 0.3s ease 0s;
text-decoration: none;
}


.services-title1 a:hover {
color: var(--pramary);
text-decoration: none;
}


.services-block2 {
position: relative;
}

.services-block::before {
content: "";
position: absolute;
left: 0;
top: 0;
background: url(images/skob.svg) no-repeat;
width: 27px;
height: 28px;
display: block;
z-index: 10;
}

.services-block::after {
content: "";
position: absolute;
right: 0;
top: 0;
background: url(images/skob.svg) no-repeat;
width: 27px;
height: 28px;
display: block;
transform: scaleX(-1);
z-index: 10;
}

.services-block2::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
background: url(images/skob.svg) no-repeat;
width: 27px;
height: 28px;
display: block;
transform: rotate(180deg) scaleX(-1);
z-index: 10;
}

.services-block2::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
background: url(images/skob.svg) no-repeat;
width: 27px;
height: 28px;
display: block;
transform: rotate(180deg);
z-index: 10;
}


.sub_service {
display: none;
transition: all 0.3s ease 0s;
}

.sub_service a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 180%;
color: var(--color-black-solid);
text-decoration: none;
display: inline-flex;
align-items: center;
width: 100%;
}

.sub_service a span::before {
content: "";
}

.sub_service a:hover span::before {
content: "[";
margin-right: 4px;
}

.sub_service a:hover span::after {
content: "]";
margin-left: 4px;
}

.sub_service a:hover {
font-family: var(--second-family);
font-weight: 700;
}



.title2 {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: var(--pramary);
padding-bottom: 20px;
}


.title {
margin: 0;
padding: 0;
font-family: var(--second-family);
font-weight: 700;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: var(--white);
}


.title span {
color: var(--pramary);
}

.service_desc {
padding-top: 20px;
padding-bottom: 30px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
}

.service_title {
padding-bottom: 30px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--pramary);
width: 100%;
}


.bottoms {
font-family: var(--second-family);
font-weight: 700;
font-size: 14px;
text-align: center;
color: var(--color-black-solid);
background: var(--pramary);
border-radius: 4px;
padding: 0 25px;
height: 48px;
line-height: 48px;
display: table;
text-decoration: none;
transition: background-color 0.3s ease,
color 0.3s ease,
box-shadow 0.3s ease;
}

.bottoms:hover {
background-color: #c0e030;
text-decoration: none;
color: var(--color-black-solid);
}

.bottoms:active {
background-color: #c0e030;
color: var(--color-black-solid);
}

.bottoms:focus {
box-shadow: 0 0 4px 0 var(--pramary);
background: var(--pramary);
text-decoration: none;
color: var(--color-black-solid);
}

.service_tags {
display: flex;
flex-wrap: wrap;
padding-bottom: 20px;
}


.service_tag {
margin-right: 7px;
margin-bottom: 7px;
backdrop-filter: blur(15.899999618530273px);
background: rgba(151, 151, 151, 0.1);
border-radius: 1000px;
padding: 15px 16px;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
border: 1px solid #3c3c3c;
transition: all 0.3s ease 0s;
}


.service_tag a {
color: var(--white);
text-decoration: none;
}

.service_tag:hover {
border: 1px solid var(--pramary);
}



.service_tag a svg {
position: relative;
display: inline-block;
margin-left: 7px;
}


.services-link {
display: none;
}

.services-link a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: var(--color-black-solid);
text-decoration: none;
}

.services-link a:hover {
font-family: var(--second-family);
font-weight: 700;
}



.services-block-sub {
transition: all 0.3s ease 0s;
}


.services-block-sub:hover .services-link {
display: block;
margin-top: 10px;
}


.services-block-sub:hover img {
opacity: 0;
}


.services-block-sub:hover .services-title {
position: absolute;
bottom: auto;
top: 30px;
}



.services-block-sub:hover .sub_service {
display: block;
padding-top: 10px;
}

.services-block-sub:hover .services-title1 a {
color: var(--color-black-solid);
}


.services-block-sub:hover .services-title1 a:hover {
font-weight: 700;
color: var(--color-black-solid);
}




#calc {
background: #121212;
}


.calc-form {
display: flex;
justify-content: space-between;
}

.calc-form1 {
width: 54%;
padding-top: 60px;
padding-bottom: 60px;
}

.calc-form2 {
width: 40%;
background: url(images/bg-service.jpg) repeat top center;
position: relative;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}

.calc-form-line {
width: 100%;
height: 13px;
background: url(images/line.svg) no-repeat top center;
margin-top: 20px;
margin-bottom: 20px;
}



.calc-form2::before {
content: "";
position: absolute;
left: 10px;
top: 10px;
background: url(images/skb.svg) no-repeat;
width: 56px;
height: 60px;
}


.calc-form2::after{
content: "";
position: absolute;
right: 10px;
top: 10px;
background: url(images/skb.svg) no-repeat;
width: 56px;
height: 60px;
transform: scaleX(-1);
}



.calc-form2-3::before {
content: "";
position: absolute;
left: 10px;
bottom: 10px;
background: url(images/skb.svg) no-repeat;
width: 56px;
height: 60px;
transform: rotate(180deg) scaleX(-1);
}


.calc-form2-3::after {
content: "";
position: absolute;
right: 10px;
bottom: 10px;
background: url(images/skb.svg) no-repeat;
width: 56px;
height: 60px;
transform: rotate(180deg) scaleX(1);
}


.calc-form-price {
display: flex;
font-family: var(--second-family);
font-weight: 700;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: var(--color-black-solid);
}


.calc-form-item {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 40px;
}


.calc-form-block1 {
width: 100%;
margin-bottom: 20px;
}



.calc-form-item label {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-grey-63);
}



.calc-form-item select {
border: 1px solid var(--color-grey-23);
border-radius: 2px;
padding: 0px 15px;
background: var(--color-azure-13) url(images/select.svg) no-repeat 98% 50%;
width: 100%;
line-height: 48px;
height: 48px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--white);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}


.calc-form-item select::placeholder {
color: var(--white);
}



.calc-form-block2 input {
border: 1px solid var(--color-grey-23);
border-radius: 2px;
padding: 0px 15px;
background: var(--color-azure-13);
width: 100%;
line-height: 48px;
height: 48px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--white);
}

.calc-form-block2 {
width: 49%;
margin-bottom: 20px;
}

.file-upload {
display: block;
cursor: pointer;
}

.file-upload-button {
display: flex;
align-items: center;
width: 100%;
height: 48px;
padding: 0px 15px;
box-sizing: border-box;
border: 1px solid var(--color-grey-23);
border-radius: 2px;
background: var(--color-azure-13) url(images/file.svg) no-repeat 98% 50%;
color: var(--white);
font-family: var(--font-family);
font-size: 14px;
font-weight: 400;
cursor: pointer;
transition: background 0.3s ease;
}


.calc-form-block3 {
width: 100%;
}


.file-upload input[type="file"] {
display: none;
}

.file-upload-name {
margin-top: 7px;
font-size: 12px;
color: var(--white);
}


.calc-form-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-black-solid);
margin-bottom: 20px;
}

.feedback-form {
display: none;
}


.feedback-title {
font-family: var(--second-family);
font-weight: 700;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: var(--white);
}

.feedback-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
margin-top: 20px;
margin-bottom: 20px;
}


.feedback-item {
margin-top: 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.feedback-block1, .feedback-block1-1, .feedback-image {
margin-bottom: 20px;
width: 49% !important;
}
.feedback-block1-1 {
font-family: var(--font-family);
padding-top: 35px;
}



.feedback-block1-1 .wpcf7-list-item {
width: 100%;
margin: 0;
}

.feedback-block1-1 .wpcf7-list-item label {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
cursor: pointer;
}

/* Скрываем стандартный checkbox */
.feedback-block1-1 input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
}

/* Текст слева */
.feedback-block1-1 .wpcf7-list-item-label {
order: 1;
}

/* Кнопка справа — НЕ выбрано */
.feedback-block1-1 .wpcf7-list-item label::after {
content: "";
display: block;
width: 51px;
height: 32px;
order: 2;
background: url("images/no.svg") center / contain no-repeat;
}

/* Кнопка справа — ВЫБРАНО */
.feedback-block1-1 .wpcf7-list-item label:has(input[type="checkbox"]:checked)::after {
background-image: url("images/yes.svg");
}



.feedback-block1-1 .form-control {
display: block;
height: auto;
padding: 0;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
background-color: transparent;
border-radius: 0;
}


.feedback-block2-2 .wpcf7-not-valid-tip {
display: none !important;
}



.feedback-block2 {
margin-bottom: 20px;
padding-top: 22px;
width: 49%;
display: flex;
align-items: center;
}

.feedback-block2-1 {
padding-right: 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
}



.feedback-block3 {
width: 49%;
}
.feedback-item .form-sog {
width: 49%;
}


.feedback-block3 .wpcf7-spinner {
display: none;
}


.feedback-block3 input {
width: 100%;
height: 48px;
line-height: 48px;
font-family: var(--second-family);
font-weight: 700;
font-size: 14px;
text-align: center;
color: var(--color-blue-6);
background: var(--pramary);
border: none;
border-radius: 4px;
padding: 0;
margin: 0;
position: relative;
cursor: pointer;
transition:
background-color 0.3s ease,
color 0.3s ease,
box-shadow 0.3s ease,
transform 0.15s ease;
}

/* Наведение */
.feedback-block3 input:hover {
background: #c0e030;
color: var(--color-blue-6);
}

/* Нажатие */
.feedback-block3 input:active {
background: #c0e030;
color: var(--color-blue-6);
transform: scale(0.98);
}

/* Фокус */
.feedback-block3 input:focus {
outline: none;
background: #c0e030;
color: var(--color-blue-6);
box-shadow: 0 0 6px 0 rgba(192, 224, 48, 0.5);
}

/* Чтобы после фокуса кнопка не оставалась зелёной */
.feedback-block3 input:focus:not(:hover) {
background: var(--pramary);
box-shadow: 0 0 4px 0 var(--pramary);
}

.feedback-block1 label {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-grey-63);
}

.feedback-block1 label strong {
font-weight: 400;
color: #ff383c;
}


.feedback-block1 input {
border: 1px solid var(--color-grey-23);
border-radius: 2px;
padding: 0px 18px;
width: 100%;
height: 46px;
line-height: 46px;
background: var(--color-azure-13);
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
}


.feedback-block1 input::placeholder {
color: var(--white);
}



.feedback-block1 input {
border: 1px solid var(--color-grey-23);
border-radius: 2px;
padding: 0px 18px;
width: 100%;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
height: 46px;
line-height: 46px;
color: var(--white);
}


/* ========================================
СПОСОБ СВЯЗИ — RADIO С ИКОНКАМИ
======================================== */

/* Контейнер */

.feedback-block2-2 .wpcf7-form-control-wrap[data-name="radio-820"] .wpcf7-radio {
display: flex;
gap: 5px;
}

/* Каждый пункт */
.feedback-block2-2 .wpcf7-list-item {
margin: 0;
padding: 0;
}

/* Label */
.feedback-block2-2 .wpcf7-list-item label {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
margin: 0;
padding: 0;
cursor: pointer;
font-size: 0;
}

/* Полностью скрываем стандартную radio-кнопку */
.feedback-block2-2 .wpcf7-list-item input[type="radio"] {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
pointer-events: none;
}

/* Общая настройка иконки */
.feedback-block2-2 .wpcf7-list-item label::before {
content: "";
display: block;
width: 46px;
height: 46px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: background-image 0.2s ease;
}


/* ========================================
TELEGRAM
======================================== */

.feedback-block2-2 .wpcf7-list-item:nth-child(1) label::before {
background-image: url("images/telegram2.svg");
}


.feedback-block2-2 .wpcf7-list-item:nth-child(1) label:hover::before {
background-image: url("images/telegram.svg");
}


.feedback-block2-2 .wpcf7-list-item:nth-child(1):has(input:checked) label::before {
background-image: url("images/telegram.svg");
}


/* ========================================
WHATSAPP
======================================== */

.feedback-block2-2 .wpcf7-list-item:nth-child(2) label::before {
background-image: url("images/whatsapp2.svg");
}


.feedback-block2-2 .wpcf7-list-item:nth-child(2) label:hover::before {
background-image: url("images/whatsapp.svg");
}

.feedback-block2-2 .wpcf7-list-item:nth-child(2):has(input:checked) label::before {
background-image: url("images/whatsapp.svg");
}


/* ========================================
MAX
======================================== */

.feedback-block2-2 .wpcf7-list-item:nth-child(3) label::before {
background-image: url("images/max2.svg");
}

.feedback-block2-2 .wpcf7-list-item:nth-child(3) label:hover::before {
background-image: url("images/max.svg");
}

.feedback-block2-2 .wpcf7-list-item:nth-child(3):has(input:checked) label::before {
background-image: url("images/max.svg");
}


/* ========================================
ТЕЛЕФОН
======================================== */

.feedback-block2-2 .wpcf7-list-item:nth-child(4) label::before {
background-image: url("images/phone2.svg");
}

.feedback-block2-2 .wpcf7-list-item:nth-child(4) label:hover::before {
background-image: url("images/phone.svg");
}


.feedback-block2-2 .wpcf7-list-item:nth-child(4):has(input:checked) label::before {
background-image: url("images/phone.svg");
}


.wpcf7-acceptance input[type="checkbox"] {
opacity: 0;
position: absolute;
width: 0;
height: 0;
margin: 0;
padding: 0;
}

.wpcf7-acceptance .wpcf7-list-item-label {
position: relative;
padding-left: 30px;
cursor: pointer;
}

.wpcf7-acceptance .wpcf7-list-item-label:before {
content: "";
position: absolute;
left: -30px;
top: 0px;
width: 18px;
height: 18px;
box-sizing: border-box;
}

.wpcf7-acceptance .wpcf7-list-item-label:before {
background: url(images/sog1.svg);
}

.wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
background: url(images/sog2.svg);
}

.wpcf7-acceptance .wpcf7-list-item-label {
position: relative;
padding-left: 0px;
cursor: pointer;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: #9d9d9d;
}

.wpcf7-acceptance .wpcf7-list-item-label a {
text-decoration: underline;
color: #9d9d9d;
}

.wpcf7-list-item {
margin: 0;
margin-left: 30px;
}


.calc-form-submit a {
font-family: var(--second-family);
font-weight: 700;
font-size: 14px;
text-align: center;
color: var(--pramary);
border-radius: 4px;
padding: 0px 30px;
height: 48px;
line-height: 48px;
display: table;
text-decoration: none;
background: var(--color-black-solid);
transition: all 0.3s ease 0s;
}

.calc-form-submit a:hover {
background: #000;
color: #fff;
}




.feedback-form {
width: 975px;
background: #121212;
padding: 90px 50px;
}

.feedback-form::before {
content: "";
position: absolute;
left: 15px;
top: 15px;
background: url(images/sk2.svg) no-repeat;
width: 45px;
height: 49px;
}


.feedback-form::after {
content: "";
position: absolute;
left: 15px;
bottom: 15px;
background: url(images/sk2.svg) no-repeat;
width: 45px;
height: 49px;
transform: rotate(180deg) scaleX(-1);
}


.feedback-line {
position: revert;
}

.feedback-line::before {
content: "";
position: absolute;
right: 15px;
bottom: 15px;
background: url(images/sk2.svg) no-repeat;
width: 45px;
height: 49px;
transform: rotate(180deg) scaleX(1);
}


#stock {
padding-top: 80px;
padding-bottom: 80px;
}


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


.title-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
padding-top: 20px;
}


.title-nav2 a {
backdrop-filter: blur(15.899999618530273px);
background: rgba(151, 151, 151, 0.1);
border-radius: 1000px;
padding: 15px 16px;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
border: 1px solid #3c3c3c;
transition: all 0.3s ease 0s;
text-decoration: none;
color: #fff;
}



.title-nav2 a:hover {
border: 1px solid var(--pramary);
}


.stock-item {
margin-top: 40px;
}

.title-nav2 a svg {
position: relative;
display: inline-block;
margin-left: 7px;
}


.stock-date {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: var(--pramary);
padding-top: 20px;
padding-bottom: 20px;
}


.stock-title {
padding-bottom: 20px;
}

.stock-title a {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 1.3;
color: var(--white);
text-decoration: none;
min-height: 68px;
transition: all 0.3s ease 0s;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.stock-title a:hover {
color: var(--pramary);
text-decoration: none;
}

.stock-link .bottoms {
padding: 0 35px;
height: 40px;
line-height: 40px;
}


.owl-nav {
display: flex;
justify-content: center;
margin-top: 40px;
}


.owl-nav .owl-next,
.owl-nav .owl-prev {
background: url(images/right.svg) no-repeat !important;
border: none!important;
font-size: 0px!important;
width: 36px;
height: 30px;
transition: all 0.2s ease 0s;
opacity: 0.6;
margin-left: 10px;
margin-right: 10px;
}




.owl-nav .owl-prev {
transform: rotate(180deg);
}


.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover {
opacity: 1;
}

button:active, button:focus {
outline: none;
}
button::-moz-focus-inner {
border: 0;
}

/* Контейнер для нижней панели */
.sbc {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px; 
gap: 40px;
}

/* Темная неактивная дорожка */
.cpp {
flex: 1;
height: 7px;
background: repeating-linear-gradient(
to right,
#252525 0,
#252525 2px,
transparent 2px,
transparent 5px
);
position: relative;
border-radius: 2px;
}

/* Яркий активный ползунок */
.cpt {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: repeating-linear-gradient(
to right,
var(--pramary) 0,
var(--pramary) 2px,
transparent 2px,
transparent 5px
);
transition: left 0.4s ease, width 0.4s ease;
max-width: 300px;
}

/* Стилизация контейнера кнопок */
.cnn {
display: flex;
gap: 15px;
}





.disabled {
    display: none !important;
}


.slider-bottom-controls:has(.cnn.disabled) {
    display: none;
}


#video .disabled {
    display: flex!important;
}







.cnn button {
background: transparent !important;
border: none !important;
padding: 0 !important;
cursor: pointer;
outline: none;
opacity: 0.6;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}

.cnn button:hover {
opacity: 1;
}


.owl-carousel .owl-nav {
display: none !important;
}

.cnn .owl-prev, .cnn .owl-next {
background: url(images/left.svg) no-repeat !important;
width: 40px;
height: 40px;
font-size: 0px!important;
}


.cnn .owl-next {
transform: rotate(180deg);
}


#estimation {
padding-top: 80px;
padding-bottom: 80px;
background: url(images/estimation.jpg) no-repeat top center;
background-size: cover;
height: 700px;
}


#estimation .title2, #estimation .title, #estimation .title-desc {
color: var(--color-black-solid);
text-align: center;
}


.estimation-image {
display: flex;
justify-content: center;
padding-top: 40px;
}

.estimation {
position: relative;
}


.estimation-soc {
display: flex;
background: url(images/bg-green.jpg) repeat;
border-radius: 1000px;
padding: 65px 50px;
position: absolute;
right: 0px;
top: 244px;
}



.estimation-soc a {
text-decoration: none;
margin-right: 5px;
opacity: 1;
transition: all 0.3s ease 0s;
}

.estimation-soc a:hover {
opacity: 0.6;
}


.estimation-soc::after {
content: "";
position: absolute;
display: block;
background: url(images/group1321315654.svg) no-repeat;
width: 382px;
height: 73px;
left: -348px;
top: 98px;
}


.estimation-time {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: var(--color-black-solid);
width: 200px;
height: 200px;
display: flex;
align-items: center;
text-align: left;
justify-content: center;
background: url(images/bg-green.jpg) repeat;
border-radius: 100%;
position: absolute;
top: 0px;
left: 120px;
}

.estimation-time span {
font-family: var(--second-family);
font-weight: 700;
font-size: 24px;
line-height: 130%;
color: var(--color-black-solid);
}


#price {
padding-top: 80px;
padding-bottom: 80px;
background: #121212;
}


.price-item {
margin-top: 40px;
}


.price-block {
display: flex;
justify-content: space-between;
align-items: center;
background: #050601;
padding: 20px 30px;
transition: all 0.3s ease 0s;
}

.price-block:nth-child(2n) {
background: #151515;
}

.price-block1 {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: var(--white);
}

.price-block1 span {
font-size: 15px;
color: #adadac;
}

.price-block2 {
font-family: var(--second-family);
font-weight: 700;
font-size: 18px;
line-height: 130%;
color: var(--pramary);
text-align: right;
padding-right: 50px;
}

.price-block:hover {
background: var(--pramary);
}

.price-block:hover .price-block1,
.price-block:hover .price-block1 span,
.price-block:hover .price-block2 {
color: var(--color-black-solid);
}


#plus {
padding-top: 80px;
padding-bottom: 40px;
}
#sert {
padding-top: 40px;
padding-bottom: 80px;
}


.plus-item {
margin-top: 40px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.plus-block {
width: 33.33333%;
padding: 20px;
border: 1px solid #232323;
background: #050601;
transition: all 0.3s ease 0s;
}

.plus-block:hover {
background: #222;
}






.plus-title {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: var(--pramary);
padding-bottom: 40px;
}

.plus-image {
padding-bottom: 20px;
}

.plus-title2 {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 97%;
color: var(--white);
padding-bottom: 20px;
}

.plus-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: #adadad;
padding-bottom: 30px;
}


.sert-item {
margin-top: 20px;
width: 100%;
}

.sert-block {
transition: all 0.3s ease 0s;
}




.sert-image img {
width: 100%;
object-fit: cover;
filter: grayscale(100%); 
transition: all 0.3s ease 0s;
}

.sert-image {
position: relative;
}

.sert-image::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.5);
mix-blend-mode: luminosity;
transition: all 0.3s ease 0s;
z-index: 10;
}


.sert-title {
margin-top: 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 110%;
color: var(--white);
}

.sert-block:hover .sert-image img  {
filter: grayscale(0%); 
}


.sert-block:hover .sert-image::before {
background: rgba(0, 0, 0, 0);
}


#scheme {
padding-top: 80px;
padding-bottom: 80px;
background: url(images/bg-service.jpg) repeat;
}

#scheme .title, #scheme .title2, #scheme .title-desc {
color: var(--color-black-solid);
text-align: center;
}


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


.scheme-block {
width: 25%;
position: relative;
}


.scheme-nomber {
background: url(images/white.jpg) repeat;
border-radius: 4px;
width: 86px;
height: 42px;
font-family: var(--second-family);
font-weight: 700;
font-size: 20px;
line-height: 97%;
color: var(--color-black-solid);
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}


.scheme-nomber::before {
position: relative;
display: inline-block;
background: var(--color-black-solid);
border-radius: 2px;
width: 30px;
height: 18px;
content: "";
margin-right: 10px;
z-index: 10;
}

.scheme-block::after {
width: 100%;
height: 25px;
background: url(images/line1.png) no-repeat;
position: absolute;
left: 0;
content: "";
top: 10px;
z-index: 1;
}

.scheme-title {
padding-top: 20px;
padding-bottom: 20px;
font-family: var(--second-family);
font-weight: 700;
font-size: 20px;
line-height: 97%;
color: var(--color-black-solid);
}

.scheme-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-black-solid);
}

#port {
background: #121212;
padding-top: 80px;
padding-bottom: 40px;
}


.port-item {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
margin-left: -0.66%;
margin-right: -0.66%;
}

.port-block {
width: 32%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-bottom: 40px;
}

.port-title a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--pramary);
}

.port-nav {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
padding-bottom: 20px;
}


.port-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
}


.port-dete {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
}

/* Контейнер слайдера */
.before-after-wrapper {
position: relative;
width: 100%;
overflow: hidden;
line-height: 0; /* Убирает лишние отступы под картинкой */
}

/* Общие стили для картинок */
.ba-image {
width: 100%;
height: 100%;
position: relative;
}

.ba-image::before {
position: absolute;
z-index: 10;
content: "";
background: url(images/do.svg) no-repeat;
top: 0px;
left: 0px;
width: 16px;
height: 16px;
}

.ba-image::after {
position: absolute;
z-index: 10;
content: "";
background: url(images/do.svg) no-repeat;
top: 0px;
right: 0px;
width: 16px;
height: 16px;
transform: scaleX(-1);
}



.ba-slider::before {
position: absolute;
z-index: 10;
content: "";
background: url(images/do.svg) no-repeat;
bottom: 0px;
left: 0px;
width: 16px;
height: 16px;
transform: rotate(180deg) scaleX(-1);
}


.ba-slider::after {
position: absolute;
z-index: 10;
content: "";
background: url(images/do.svg) no-repeat;
bottom: 0px;
right: 0px;
width: 16px;
height: 16px;
transform: rotate(180deg);
}



.ba-image img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
border-radius: 4px;
}

/* Картинка "До" перекрывает картинку "После" и обрезается */
.ba-image-before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* По умолчанию обрезаем ровно на 50% */
clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%); 
z-index: 1;
}

/* Невидимый input range, который управляет всей логикой */
.ba-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
background: transparent;
appearance: none;
-webkit-appearance: none;
margin: 0;
z-index: 3;
cursor: ew-resize;
}

/* Скрываем стандартный ползунок */
.ba-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 40px; 
height: 100vh;
background: transparent;
cursor: ew-resize;
}

/* Визуальная линия и кнопка по центру */
.ba-slider-line {
position: absolute;
top: 0;
left: 50%; /* Стартовая позиция */
width: 2px;
height: 100%;
background-color: #fff; /* Цвет разделительной полосы */
z-index: 2;
transform: translateX(-50%);
pointer-events: none; /* Пропускаем клики на input */
}

.ba-slider-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 44px;
height: 28px;
background-color: #fff;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}


.video-item {
margin-top: 40px;
max-height: 650px;
}

#video {
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden;
position: relative;
min-height: 1000px;
}

.videos {
position: absolute;
width: 100%;
}


.video-image {
position: relative;
}
.video-image a {
position: absolute;
left: 50%;
top: 50%;
transition: transform 0.3s ease;
transform: translate(-50%, -50%) scale(1);
}


.video-image a:hover,
.video-image a:focus,
.video-image a:active {
transform: translate(-50%, -50%) scale(1.1);
}


/* --- 1. Масштабирование слайдов --- */
.video-item .owl-item .video-block {
transition: transform 0.4s ease, opacity 0.4s ease;
transform: scale(0.85);
transform-origin: bottom right;
opacity: 0.8;
margin-left: -30px;
}


.video-item .owl-item.is-featured .video-block {
transform: scale(1);
opacity: 1;
}

.video-item .owl-item.is-featured {
margin-left: 30px;
}


.video-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}


.slider-bottom-controls2 {
max-width: 1300px;
position: relative;
z-index: 100;
}

/* Подложка модального окна */
.video-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
animation: fadeInModal 0.3s ease;
}

/* Контейнер окна */
.video-modal-content {
position: relative;
width: 100%;
max-width: 900px;
background: #000;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* Адаптивное соотношение сторон (16:9) */
.video-modal-iframe-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
}

.video-modal-iframe-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Кнопка закрытия */
.video-modal-close {
position: absolute;
top: 10px;
right: 15px;
background: none;
border: none;
color: #fff;
font-size: 32px;
line-height: 1;
cursor: pointer;
z-index: 10;
transition: opacity 0.2s;
}

.video-modal-close:hover {
opacity: 0.7;
}

@keyframes fadeInModal {
from { opacity: 0; }
to { opacity: 1; }
}


#master {
padding-top: 80px;
padding-bottom: 80px;
background: #121212;
}


.master-item {
margin-top: 40px;
}
.master-block {
position: relative;
}


.master-image {
position: relative;
z-index: 1;
}



.master-image img {
width: 100%;
object-fit: cover;
transition: all 0.3s ease 0s;
}


.master-nav {
position: relative;
padding: 15px;
background: #242424;
overflow: hidden;
border-radius: 0px 0px 4px 4px;
}

@media (min-width: 768px) {

.master-nav::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("images/bg-service.jpg") repeat;
opacity: 0;
transition: opacity 0.4s ease;
z-index: 0;
}



.master-block:hover .master-nav::before {
opacity: 1;
}




.master-block:hover .master-botttom1 a {
background: var(--color-black-solid);
color: var(--white);
}

.master-block:hover .master-botttom2 a {
border: 1px solid var(--color-black-solid);
}



.master-block:hover .master-svg {
fill: var(--color-black-solid);
}

.master-block:hover .master-title {
color: var(--color-black-solid);
}

.master-block:hover .master-title2 a {
color: var(--color-black-solid);
}

}

.master-title {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: var(--pramary);
padding-bottom: 10px;
position: relative;
z-index: 10;
}

.master-title2 {
z-index: 10;
position: relative;
}


.master-title2 a {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 97%;
color: var(--white);
text-decoration: none;
transition: all 0.3s ease 0s;
}

.master-title2 a:hover, .master-title2 a:focus, .master-title2 a:active  {
text-decoration: none;
}


.master-popap {
position: absolute;
background: url(images/white.jpg) repeat;
border-radius: 4px;
padding: 20px;
color: var(--color-black-solid);
z-index: 20;
bottom: 10px;
text-align: left;
left: 20px;
display: none;
}


.master-popap-title {
padding-bottom: 20px;
font-family: var(--second-family);
font-weight: 700;
font-size: 14px;
line-height: 130%;
text-align: center;
color: var(--color-black-solid);
}




.master-popap a {
display: block;
margin-bottom: 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-black-solid);
text-decoration: none;
position: relative;

}


.master-popap a svg {
display: inline-block;
position: relative;
margin-right: 7px;
}

.master-svg {
fill: #fff;
}


.master-botttom {
position: relative;
z-index: 10;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
}

.master-botttom1 a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 40px;
text-align: center;
color: var(--color-black-solid);
width: 100%;
background: var(--pramary);
border-radius: 4px;
padding: 0px 30px;
height: 40px;
text-decoration: none;
display: block;
}


.master-botttom2 a {
height: 40px;
text-decoration: none;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--pramary);
border-radius: 4px;

}




.master-popap-open {
display: block;
}

#brand {
padding-top: 80px;
padding-bottom: 40px;
}


.brand-item {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.brand-block {
width: 25%;
border: 1px solid #232323;
display: flex;
align-items: center;
justify-content: center;
height: 108px;
}


.brand-block img {
max-height: 50px;
}

.brand-block a {
text-decoration: none;
font-family: var(--second-family);
font-weight: 700;
font-size: 18px;
line-height: 110%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: var(--white);
transition: all 0.3s ease 0s;
}

.brand-block a:hover {
text-decoration: none;
color: var(--pramary);
}

#material {
padding-top: 40px;
padding-bottom: 40px;

}

.material-item {
margin-top: 40px;
}

.material-block img {
max-height: 55px;
width: auto !important;
filter: grayscale(100%);
}


.material-image {
height: 70px;
display: flex;
justify-content: center;
align-items: center;
}


.material-title {
text-align: center;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: var(--color-grey-39);
padding-top: 20px;
}


#news {
padding-top: 80px;
padding-bottom: 80px;
background: #121212;
}


.news-item {
margin-top: 40px;
}


.news-block {
height: 346px;
background: #222;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px;
}

.news-cat {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: var(--pramary);
position: relative;
z-index: 10;
}

.news-nav {
position: relative;
z-index: 10;
}



.news-date {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: #adadad;
margin-bottom: 20px;
}

.news-title a {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: var(--white);
text-decoration: none;
transition: all 0.3s ease 0s;
}

.news-title {
padding-bottom: 10px;
}

.news-title a:hover {
color: var(--pramary);
text-decoration: none;
}


.news-anatation {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-grey-63);
height: calc(14px * 1.3 * 2);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
margin-bottom: 10px;
}


.news-link a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: var(--pramary);
text-decoration: none;
transition: all 0.3s ease 0s;
}

.news-link a:hover {
color: var(--white);
text-decoration: none;
}


.news-image {
position: relative;
background-size: cover !important;
}

.news-image::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 1;
}


#text {
background: url(images/frame1321316551.jpg) no-repeat top center;
background-size: cover;
}


.text-item {
margin-left: 36%;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-black-solid);
position: relative;
padding-left: 60px;
padding-right: 60px;
padding-top: 80px;
padding-bottom: 80px;
}


#text .title2 {
color: var(--color-black-solid);
}

.text-item h2 {
margin: 0;
padding: 0;
margin-bottom: 20px;
font-family: var(--second-family);
font-weight: 700;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: var(--color-black-solid);
}


.text-item::before {
content: "";
position: absolute;
left: 10px;
top: 20px;
background: url(images/skb.svg) no-repeat;
width: 56px;
height: 60px;
}


.text-item::after {
content: "";
position: absolute;
right: 10px;
top: 20px;
background: url(images/skb.svg) no-repeat;
width: 56px;
height: 60px;
transform: scaleX(-1);
}

.text-item2 {
width: 100%;
}

.text-item2::before {
content: "";
position: absolute;
left: 10px;
bottom: 20px;
background: url(images/skb.svg) no-repeat;
width: 56px;
height: 60px;
transform: rotate(180deg) scaleX(-1);
}

.text-item2::after {
content: "";
position: absolute;
right: 10px;
bottom: 20px;
background: url(images/skb.svg) no-repeat;
width: 56px;
height: 60px;
transform: rotate(180deg) scaleX(1);
}



#faq {
padding-top: 80px;
padding-bottom: 80px;
}


.faq-item details {
color: var(--white);
}


.faq-item details summary {
display: block;
outline-style: none;
cursor: pointer;
}


.faq-item details {
display: block;
outline-style: none;
cursor: pointer;
position: relative;
border-bottom: 1px solid  #e0e0e0;
}


.faq-item details:last-child {
border-bottom: 1px solid  none;
}


.faq-item summary {
padding-right: 50px;
padding-top: 25px;
padding-bottom: 25px;
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
color: var(--white);
}

.faq-item details summary::-webkit-details-marker {
display: none;
}



.faq-item details summary:after {
content: "";
background: url(images/ddown.svg);
width: 48px;
height: 48px;
position: absolute;
right: 0px;
top: 15px;
}


.faq-item details[open] summary:after  {
content: "";
background: url(images/uup.svg);
width: 48px;
height: 48px;
position: absolute;
right: 0px;
top: 15px;
}




.faq-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
}

.faq-text strong {
font-weight: 700;
}



.faq-item {
margin-top: 40px;
height: 440px;
position: relative;
overflow-y: scroll;
padding-right: 20%;
scrollbar-width: thin;
scrollbar-color: var(--pramary) #050604;
}

.faq-item::-webkit-scrollbar {
width: 3px;
}

.faq-item::-webkit-scrollbar-track {
background: #070906;
}

.faq-item::-webkit-scrollbar-thumb {
background: var(--pramary);
box-shadow:
0 0 5px #e4ff50,
0 0 12px rgba(228, 255, 80, 0.7),
0 0 20px rgba(228, 255, 80, 0.35);
}


.rews-block {
background: #232323;
border-radius: 4px;
padding: 30px 20px;
}



.rews-rating .fa-star {
margin-right: 3px;
}

.rews-rating .checked {
color: var(--pramary);
}


.rews-logo {
margin-bottom: 20px;
}


/* Обметка блока текста */
.rews-desc-wrapper {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 15px;
margin-bottom: 15px;
}

.rews-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.03em;
color: var(--white);
margin: 0;

/* Ограничение в 3 строки */
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

/* Состояние раскрытого текста */
.rews-desc.is-expanded {
display: block;
-webkit-line-clamp: unset;
}

/* Кнопка переключения */
.rews-toggle {
background: none;
border: none;
color: var(--pramary);
cursor: pointer;
padding: 6px 0 0 0;
font-size: 14px;
text-decoration: underline;
}


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

.rews-nav2 a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
letter-spacing: -0.03em;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #848484;
transition: all 0.3s ease 0s;
text-align: right;
white-space: nowrap;
}

.rews-nav2 a:hover {
color:  var(--pramary);
}

.rews-nav1 {
display: flex;
align-items: center;
}
.rews-name {
margin-right: 10px;
}

.rews-name span {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 160%;
text-align: center;
color: #fff;
border-radius: 100%;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
background: #454545;
}

.rews-name2 {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
letter-spacing: -0.03em;
color: #848484;
}


#rews {
padding-top: 80px;
padding-bottom: 80px;
background: #121212;
}

#rews .title {
margin-bottom: 40px;
}


.rews-tabs {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}

.rews-tabs-block {
width: 32.6%;
background: #222;
padding: 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
transition: all 0.3s ease 0s;
}


.rews-tabs-block:hover {
background: #2F2E2E;
}

.tab-active {
background: #2F2E2E;
}



.rews-yandex, .rews-2gis, .rews-zoon {
overflow: hidden;
opacity: 0;
height: 0;
transition: all 0.3s ease 0s;
}


.rews-active {
overflow: visible;
opacity: 1;
height: auto;
}



.rews-tabs-nomber {
width: 50%;
margin-bottom: 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
letter-spacing: -0.03em;
color: var(--pramary);
}

.rews-tabs-nomber span {
font-family: var(--second-family);
font-weight: 700;
font-size: 32px;
line-height: 120%;
letter-spacing: -0.07em;
color: var(--pramary);
display: inline-block;
margin-right: 5px;
}

.rews-tabs-logo {
width: 50%;
margin-bottom: 10px;
text-align: right;
}

.rews-tabs-star {
margin-bottom: 10px;
}


.rews-tabs-link {
text-align: right;
}


.rews-tabs-star .fa-star {
margin-right: 3px;
}

.rews-tabs-star .checked {
color: var(--pramary);
}

.rews-tabs-link {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 114%;
color: #9c9c9c;
}

.rews-tabs-link a {
color: #9c9c9c;
text-decoration: underline;
transition: all 0.3s ease 0s;
}

.rews-tabs-link a:hover {
color: var(--pramary);
}


#tour {
padding-top: 80px;
padding-bottom: 80px;
}


#tour .title {
margin-bottom: 40px;
}


.map {
width: 100%;
height: 480px;
}


#map {
padding-top: 80px;
padding-bottom: 80px;
background: #121212;
}

.map-item {
display: flex;
align-items: center;
min-height: 480px;
}

.map-block1 {
width: 48%;
position: absolute;
left: 0px;
}

.map-block1::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}

.map-block2 {
width: 52%;
margin-left: 48%;
padding-left: 40px;
}


.title span {
color: var(--white);
}

.map-contact {
margin-top: 40px;
}

.map-contact1 {
margin-bottom: 20px;
position: relative;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: var(--white);
}

.map-contact1 a {
text-decoration: none;
color: var(--white);
transition: all 0.3s ease 0s;
}

.map-contact1 a:hover, .map-contact1 a:active, .map-contact1 a:focus {
color: var(--pramary);
text-decoration: none;
}

.map-contact1 svg {
position: relative;
display: inline-block;
margin-right: 7px;
}


footer {
padding-top: 60px;
padding-bottom: 60px;
}


.footer-item {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}


.footer-title {
font-family: var(--second-family);
font-weight: 700;
font-size: 14px;
line-height: 130%;
text-transform: uppercase;
color: var(--pramary);
margin-bottom: 20px;
}

.footer-block2 ul {
padding-left: 0;
margin-left: 0;
}


.footer-block2 li,
.footer-link,
.footer-copy,
.footer-desc {
list-style-type: none;
font-family: var(--font-family);
font-weight: 400;
font-size: 13px;
line-height: 155%;
color: var(--color-grey-63);
margin-bottom: 15px;
}

.footer-block2 li a,
.footer-link a {
color: var(--color-grey-63);
text-decoration: none;
transition: all 0.3s ease 0s;
}

.footer-block2 li a:hover, .footer-block2 li a:active, .footer-block2 li a:focus, .footer-link a:hover, .footer-link a:focus, .footer-link a:active {
color: var(--pramary);
text-decoration: none;
}

.footer-rek {
font-family: var(--font-family);
font-weight: 400;
font-size: 13px;
line-height: 155%;
color: var(--color-grey-39-2);
}


.footer-call a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
text-align: center;
color: var(--white);
border: 1px solid var(--pramary);
border-radius: 4px;
padding: 0px 20px;
height: 40px;
line-height: 40px;
transition: all 0.3s ease 0s;
text-decoration: none;
display: table;
}


.footer-call a:hover,
.footer-call a:focus,
.footer-call a:active {
color: #c0e030;
border: 1px solid #c0e030;
}


.footer-call {
margin-bottom: 20px;
}

.footer-soc-title {
margin-bottom: 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: var(--pramary);
}


.footer-soc {
display: flex;
}

.footer-soc a {
display: block;
text-decoration: none;
margin-right: 7px;
transition: all 0.2s ease 0s;
}

.footer-soc a:hover .svg-white {
fill: var(--pramary);
text-decoration: none;
}

.footer-block1 img {
margin-bottom: 20px;
}


.footer-tags {
display: flex;
justify-content: space-between;
align-items:flex-end;
}

.footer-tag2 {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 155%;
color: var(--color-grey-63);
}

.footer-tag2 a {
color: var(--color-grey-63);
transition: all 0.3s ease 0s;
text-decoration: none;
}

.footer-tag2 a:hover {
color: var(--pramary);
text-decoration: none;
}

.footer-pay {
display: flex;
margin-bottom: 10px;
}

.footer-pay span {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 155%;
color: var(--color-grey-63);
border: 1px solid var(--color-grey-23);
padding: 5px 10px;
margin-right: 7px;
}


.footer-rews {
display: flex;
}

.footer-rews a {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 155%;
color: var(--color-grey-63);
border: 1px solid var(--color-grey-23);
padding: 5px 10px;
margin-right: 7px;
transition: all 0.3s ease 0s;
text-decoration: none;
}


.footer-rews a:hover {
color: #fff;
border: 1px solid #fff;
}


.footer-menu3 {
margin-top: 40px;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #363636;
border-top: 1px solid #363636;
}


#menu-footer3 {
margin-bottom: 0px;
padding-left: 0;
margin-left: 0;
display: flex;
justify-content: space-between;
}

#menu-footer3 li {
list-style-type: none;
}

#menu-footer3 li a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-grey-63);
transition: all 0.3s ease 0s;
text-decoration: none;
}

#menu-footer3 li a:hover {
color: var(--pramary);
text-decoration: none;
}



.hidden {
display: none;
}


.header-tops {
top: -100px;
transition: top 0.3s ease 0s;
}

.fixed-header {
width: 100%;
z-index: 100;
position: fixed;
top: 0px;
}


.content-fx {
padding-top: 132px;
}


.category-item {
display: flex;
flex-wrap: wrap;
padding: 10px;
}

.category-block {
margin-bottom: 20px;
width: 25%;
position: relative;
}

.category-block a {
text-decoration: none;
transition: all 0.3s ease 0s;
margin-bottom: 10px;
display: block;
font-family: var(--second-family);
font-weight: 700;
font-size: 16px;
line-height: 130%;
color: var(--white);
}


.sub-category-block {
margin-left: 0;
padding-left: 0;
display: flex;
flex-direction: column !important;
margin: 0 !important;
}

.sub-sub-category-block {
margin-left: 15px!important;
padding-left: 0;
}

.sub-sub-category-block li a {
font-size: 14px!important;
font-family: var(--font-family)!important;
font-weight: 400!important;
font-size: 15px!important;
}



.sub-category-block li {
list-style-type: none;
}

.sub-category-block li a {
font-weight: 400;
font-size: 15px;
line-height: 130%;
text-decoration: none;
transition: all 0.3s ease 0s;
font-family: var(--font-family)!important;
padding: 0 !important;
display: block !important;
margin-bottom: 10px;
}



.category-block a:hover,
.sub-category-block li a:hover {
color: var(--pramary)!important;

}

.toggle-btn,
.show-more-btn {
padding: 0;
background: transparent;
color: var(--white);
border: none;
cursor: pointer;
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
}
.show-more-btn:hover,
.toggle-btn:hover  {
color: var(--pramary);
}

@media (min-width: 768px) {

#header-menu > .container {
position: relative !important;
}

#mega-menu-wrap-max_mega_menu_1,
#mega-menu-max_mega_menu_1 {
position: static !important;
}

#mega-menu-item-314, #mega-menu-item-584 {
position: static !important;
}

#mega-sub-menu-314, #mega-sub-menu-584 {
position: absolute !important;
left: 0 !important;
right: auto !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}

#mega-sub-menu-314, #mega-sub-menu-584 {
top: 100% !important;
}


#mega-menu-max_mega_menu_1 {
display: flex !important;
justify-content: space-between;
}
}


.header-menu {
width: 73%;
padding-right: 20px;
}

.header-contact {
width:27%;
}

.hl-nav {
display: inline-block;
background: url(images/hl.svg) no-repeat;
width: 13px;
height: 11px;
margin-left: 7px;
margin-right: 7px;
position: relative;
top: 3px;
}

.yoast-breadcrumbs {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: #fff;
padding-top: 15px;
padding-bottom: 15px;
}
.yoast-breadcrumbs a {
color: #797978;
text-decoration: none;
}


.baner-cat {
background-size: cover !important;
padding: 60px 45px;
}

.baner-cat h1 {
margin: 0;
padding: 0;
font-family: var(--second-family);
font-weight: 700;
font-size: 48px;
line-height: 117%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: var(--white);
}


.baner-cat-link {
margin-top: 30px;
display: flex;
}


.baner-link1 {
display: table;
background: var(--pramary);
border-radius: 4px;
padding: 0px 30px;
height: 58px;
line-height: 58px;
font-family: var(--second-family);
font-weight: 700;
font-size: 16px;
text-align: center;
color: var(--color-black-solid);
text-decoration: none;
transition: all 0.3s ease 0s;
border: 1px solid var(--pramary);
margin-right: 20px;
}


.baner-link1:hover,
.baner-link1:active {
background: #c0e030;
border: 1px solid #c0e030;
text-decoration: none;
color: var(--color-black-solid);
}

.baner-link1:focus {
box-shadow: 0 0 4px 0 var(--pramary);
background: var(--pramary);
text-decoration: none;
}


.baner-link2 {
display: table;
border-radius: 4px;
padding: 0px 40px;
height: 58px;
line-height: 58px;
font-family: var(--second-family);
border: 1px solid var(--pramary);
font-weight: 700;
font-size: 16px;
text-align: center;
color: var(--white);
text-decoration: none;
transition: all 0.3s ease 0s;
}


.baner-link2:hover,
.baner-link2:active {
border: 1px solid #c0e030;
color: #c0e030;
text-decoration: none;
}

.baner-link2:focus {
box-shadow: 0 0 4px 0 var(--pramary);
text-decoration: none;
}



.cat-tags {
display: flex;
flex-wrap: wrap;
padding-bottom: 20px;
}

.cat-tags a {
margin-right: 7px;
margin-bottom: 7px;
backdrop-filter: blur(15.9px);
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 38px;
height: 38px;
color: var(--white);
background: rgba(151, 151, 151, 0.1);
border-radius: 1000px;
padding: 0px 16px;
border-width: 1px;
border-style: solid;
border-color: rgb(60, 60, 60);
border-image: none;
transition: 0.3s;
text-decoration: none;
}

.cat-tags a:hover {
border: 1px solid var(--pramary);
}


.cat-tags a svg {
position: relative;
display: inline-block;
margin-right: 7px;
top: -1px;
}


.cattxt {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
color: var(--white);
}

.cattxt a {
color: var(--white);
transition: all 0.3s ease 0s;
}

.cattxt a:hover {
color: var(--pramary);
}

#cattxt {
padding-top: 40px;
padding-bottom: 20px;
}

#price-block {
padding-top: 20px;
padding-bottom: 80px;
}

.taxonomy-accordion {
width: 100%;
background: #242424;
border-radius: 10px;
padding-top: 20px;
padding-bottom: 20px;
position: sticky;
top: 140px;
}

.taxonomy-accordion h3 {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: var(--pramary);
text-transform: uppercase;
padding: 0;
margin: 0;
margin-top: 10px;
padding: 10px 25px;
}


.taxonomy-menu-level,
.taxonomy-menu-posts {
margin: 0;
padding: 0;
list-style: none;
}

.taxonomy-menu-item {
position: relative;
}

.taxonomy-menu-link-wrap, .taxonomy-menu-post {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 25px;
}


.taxonomy-menu-link-wrap > a,
.taxonomy-menu-post a {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: var(--color-white-solid);
text-decoration: none;
transition: .3s;
}



.taxonomy-menu-link-wrap:hover,
.taxonomy-menu-post:hover {
background: var(--pramary);
}

.taxonomy-menu-link-wrap:hover a,
.taxonomy-menu-post:hover a {
color: var(--color-black-solid);
}







/* Кнопка стрелки */
.taxonomy-menu-toggle {
position: absolute;
top: 6px;
right: 5px;
width: 30px;
height: 30px;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}
/* Стрелка вниз */
.taxonomy-menu-toggle span {
position: absolute;
width: 10px;
height: 10px;
left: 50%;
top: 50%;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: translate(-50%, -65%) rotate(45deg);
transition: .3s;
}



.taxonomy-menu-link-wrap:hover .taxonomy-menu-toggle span,
.taxonomy-menu-post:hover .taxonomy-menu-toggle span {
border-right: 2px solid var(--color-black-solid);
border-bottom: 2px solid var(--color-black-solid);
}



/* Стрелка вверх при открытии */
.taxonomy-menu-item.is-open > .taxonomy-menu-link-wrap .taxonomy-menu-toggle span {
transform: translate(-50%, -35%) rotate(225deg);
}


.taxonomy-menu-toggle span::after {
left: 0;
top: 0;
transform: rotate(90deg);
}

/* Подменю */
.taxonomy-menu-submenu {
display: none;
padding-left: 20px;
}

/* Открыто */
.taxonomy-menu-item.is-open > .taxonomy-menu-submenu {
display: block;
}


/* Текущая категория */
.taxonomy-menu-item.is-active > .taxonomy-menu-link-wrap > a {
font-weight: 700;
}


.price-cat-block {
display: flex;
justify-content: space-between;
padding-bottom: 40px;
}


.price-cat-block1 {
width: 28%;
position: relative;
}

.price-cat-block2 {
width: 100%;
}

.price-cat-block3 {
width: 70%;
}






#material2 {
padding-top: 40px;
padding-bottom: 80px;
} 


#catdesc {
padding-top: 80px;
padding-bottom: 80px;
background: #121212;
font-weight: 400;
font-size: 15px;
line-height: 130%;
} 


#catdesc h2, #catdesc h3 {
padding: 0;
margin: 0;
margin-bottom: 20px;
font-family: var(--second-family);
font-weight: 700;
font-size: 32px;
line-height: 110%;
text-transform: uppercase;
color: var(--white);
}

#catdesc h3 {
font-size: 28px;
}



.etap-block {
display: flex;
padding-bottom: 40px;
position: relative;
align-items: center;
}

.etap-title {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 97%;
color: var(--white);
}

.etap-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: #adadad;
padding-top: 10px;
}


.etap-nomver {
font-family: var(--second-family);
font-weight: 700;
font-size: 20px;
line-height: 97%;
color: var(--color-black-solid);
border-radius: 4px;
width: 54px;
height: 42px;
min-width: 54px;
backdrop-filter: blur(9.399999618530273px);
background: var(--pramary);
display: table;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 10;
}

.etap-nomver::before {
content: "";
background: var(--color-black-solid);
position: relative;
display: inline-block;
border-radius: 1px;
width: 5px;
height: 18px;
top: -2px;
margin-right: 5px;
z-index: 10;
}


.etap-text {
padding-left: 40px;
}

.etap-block:after {
background: url(images/line3.png) no-repeat;
width: 45px;
height: 100%;
position: absolute;
top: 0px;
content: "";
z-index: 1;
left: 5px;
}


.etap .etap-block:last-child:after {
display: none;
}

.etap {
padding-top: 20px;
}


.etap-link {
display: flex;
align-items: center;
padding-top: 20px;
}


.etap-link1 {
display: table;
background: var(--pramary);
border-radius: 4px;
padding: 0px 30px;
height: 58px;
line-height: 58px;
font-family: var(--second-family);
font-weight: 700;
font-size: 16px;
text-align: center;
color: var(--color-black-solid);
text-decoration: none;
transition: all 0.3s ease 0s;
border: 1px solid var(--pramary);
margin-right: 20px;
}


.etap-link1:hover,
.etap-link:active {
background: #c0e030;
border: 1px solid #c0e030;
text-decoration: none;
color: var(--color-black-solid);
}

.etap-link1:focus {
box-shadow: 0 0 4px 0 var(--pramary);
background: var(--pramary);
text-decoration: none;
}


.etap-link2 {
display: table;
border-radius: 4px;
padding: 0px 50px;
height: 58px;
line-height: 58px;
font-family: var(--second-family);
border: 1px solid var(--pramary);
font-weight: 700;
font-size: 16px;
text-align: center;
color: var(--white);
text-decoration: none;
transition: all 0.3s ease 0s;
}


.etap-link2:hover,
.etap-link2:active {
border: 1px solid #c0e030;
color: #c0e030;
text-decoration: none;
}

.etap-link2:focus {
box-shadow: 0 0 4px 0 var(--pramary);
text-decoration: none;
}


#news2 {
padding-top: 0px;
padding-bottom: 80px;
background: #121212;
}


.tour_tag {
display: flex;
flex-wrap: wrap;
padding-top: 20px;
}

.tour_tag a {
margin-right: 7px;
margin-bottom: 7px;
backdrop-filter: blur(15.9px);
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 38px;
height: 38px;
color: var(--white);
background: rgba(151, 151, 151, 0.1);
border-radius: 1000px;
padding: 0px 16px;
border-width: 1px;
border-style: solid;
border-color: rgb(60, 60, 60);
border-image: none;
transition: 0.3s;
text-decoration: none;
}

.tour_tag a:hover {
border: 1px solid var(--pramary);
}


.serv-txt-block1, .etap-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
color: var(--white);
}



.serv-txt-block1 ul, .etap-desc ul, .cattxt ul, #catdesc ul {
list-style: none;
padding-left: 0;
}

.serv-txt-block1 ul li,  .etap-desc ul li, .cattxt ul li, #catdesc ul li {
position: relative;
padding-left: 27px;
margin-bottom: 20px;
}

.serv-txt-block1 ul li::before, .etap-desc ul li::before, .cattxt ul li::before, #catdesc ul li::before  {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 17px;
height: 17px;
background: url(images/ul.svg) no-repeat center;
background-size: contain;
}


.serv-txt-block1 h2, .serv-txt-block1 h3,
.etap-desc h2, .etap-desc h3,
.cattxt h2, .cattxt h3  {
padding: 0;
margin: 0;
font-family: var(--second-family);
font-weight: 700;
font-size: 32px;
line-height: 110%;
text-transform: uppercase;
color: var(--white);
margin-bottom: 20px;
}

.serv-txt-block1 h3,
.etap-desc h3,
.cattxt h3 {
font-size: 28px;
}


.serv-txt-item {
display: flex;
justify-content: space-between;
padding-top: 40px;
}


.serv-txt-block1 {
width: 68%;
}

.serv-txt-block2 {
width: 30%;
position: relative;
}


.service-naws {
position: sticky;
top: 140px;
background: #242424;
padding-top: 20px;
padding-bottom: 20px;
border-radius: 10px
}


#serv-txt {
padding-top: 20px;
padding-bottom: 80px;
}


.service-naw-title {
padding: 20px 25px;
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 97%;
color: var(--pramary);
}


.service-naw-link ul {
list-style: none;
padding-left: 0;
margin-bottom: 0px;
}

.service-naw-link ul li {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: var(--color-white-solid);
padding: 10px 25px;
transition: all 0.3s ease 0s;
background: #242424;
}

.service-naw-link ul li a {
color: var(--color-white-solid);
text-decoration: none;
}


.service-naw-link ul li:hover {
background: var(--pramary);
}


.service-naw-link ul li:hover a {
color: var(--color-black-solid);
text-decoration: none;
}


#etap {
padding-top: 80px;
padding-bottom: 80px;
background: #121212;
}


#calc2 {
padding-top: 80px;
padding-bottom: 80px;
}

#port2 {
background: #121212;
padding-top: 80px;
padding-bottom: 80px;
}


#page-service .title2 {
padding-top: 20px;
}


.h1 {
padding: 0;
margin: 0;
font-family: var(--second-family);
font-weight: 700;
font-size: 48px;
line-height: 108%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: var(--white);
}


.services2 {
display: flex;
flex-wrap: wrap;
margin-left: -0.66%;
margin-right: -0.66%;
margin-top: 40px;
}



.services2  .services-block, .services-block22 {
width: 32%;
margin-left: 0.66%;
margin-right: 0.66%;
}

.services-block22 {
background: url(images/bg-service.jpg) repeat top center;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 393px;
}

.services-block2-1 {
padding: 30px;
}

.services2 img {
height: 393px;
}
.services-block2-title {
font-family: var(--second-family);
font-weight: 700;
font-size: 18px;
line-height: 110%;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--color-black-solid);
padding-bottom: 10px;
}

.services-block2-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-black-solid);
padding-bottom: 20px;
}


.services-block22 .calc-form-submit a {
padding: 0px 60px;
}

#page-service {
padding-bottom: 80px;
}


#quiz {
width: 1280px;
background: #121212 url(images/qvz.png) no-repeat top right;
padding: 80px 50px;
}


.step-hidden {
display: none;
}

.quiz-title {
padding-top: 20px;
padding-bottom: 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 24px;
line-height: 110%;
letter-spacing: 0.02em;
color: var(--white);
}

.quiz-title span {
font-weight: 700;
}


.quiz-progress {
width: 100%;
height: 9px;
margin-bottom: 40px;
background: url(images/pg1.png) no-repeat top left;
position: relative;
}

#step1 .quiz-progress::before {
content: "";
height: 6px;
position: absolute;
background: url(images/pg2.png) no-repeat top left;
width: 33%;
top: 0;
}

#step2 .quiz-progress::before {
content: "";
height: 9px;
position: absolute;
background: url(images/pg2.png) no-repeat top left;
width: 66%;
top: 0;
}


.quiz-input input {
background: var(--color-azure-13);
border: 1px solid var(--color-grey-23);
border-radius: 2px;
height: 73px;
line-height: 73px;
padding: 0;
margin: 0;
padding-left: 25px;
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
color: var(--white);
}


.quiz-form-nav {
margin-top: 40px;
display: flex;
justify-content: space-between;
}


.quiz-prev {
font-family: var(--second-family);
text-align: center;
color: var(--white);
border: 1px solid var(--white);
border-radius: 4px;
padding: 0px 45px;
height: 40px;
line-height: 40px;
text-decoration: none;
transition: all 0.3s ease 0s;
font-weight: 700;
font-size: 14px;
}

.quiz-prev:hover {
border: 1px solid var(--pramary);
color: var(--pramary);
text-decoration: none;
}


.quiz-next {
font-family: var(--second-family);
color: var(--color-black-solid);
background: var(--pramary);
border-radius: 4px;
padding: 0px 45px;
height: 40px;
line-height: 40px;
text-decoration: none;
transition: all 0.3s ease 0s;
font-weight: 700;
font-size: 14px;
}

.quiz-next:hover {
background: #c0e030;
color: var(--color-black-solid);
text-decoration: none;
}




#step1 .quiz-prev {
opacity: 0;
}


.quiz-form-item {
display: flex;
flex-wrap: wrap;
margin-left: -0.66%;
margin-right: -0.66%;
}

.quiz-form-block {
width: 32%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-bottom: 20px;
}

.quiz-form-block img {
display: block;
margin-bottom: 15px;
}


.quiz-form-block .wpcf7-form-control-wrap {
display: block;
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
color: var(--white);
padding-left: 30px;
}


.quiz-item .wpcf7-list-item {
margin: 0;
}


.quiz-form-block input[type=checkbox] {
position: absolute;
visibility: hidden;
width: 26px;
height: 26px;
top: 0;
left: 0;
}


.quiz-form-block input[type=checkbox]+span:before {
display: block;
position: absolute;
content: '';
height: 26px;
width: 26px;
left: 0px;
top: -2px;
background: url(images/qiz1.svg);
}



.quiz-form-block input[type=checkbox]:checked+span:before {
background: url(images/qiz2.svg)
}


#step1 .quiz-form-nav {
margin-top: 80px;
}

.quiz-form-block .form-control {
height: auto!important;
padding: 0!important;
color: #fff!important;
background: transparent !important;
border-radius: 0!important;
}

.quiz-form-block .wpcf7-list-item {
margin-left: 10px!important;
}


#quiz::before {
content: "";
position: absolute;
left: 15px;
top: 15px;
background: url(images/sk2.svg) no-repeat;
width: 45px;
height: 49px;
}

#quiz::after {
content: "";
position: absolute;
left: 15px;
bottom: 15px;
background: url(images/sk2.svg) no-repeat;
width: 45px;
height: 49px;
transform: rotate(180deg) scaleX(-1);
}


.quiz-desc {
margin-top: 20px;
margin-bottom: 40px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
}

#step3 .feedback-item {
max-width: 860px;
}


#step3  {
padding-bottom: 40px;
}


.feedback-mail .wpcf7-not-valid-tip {
display: none !important;
}


.quiz::before {
content: "";
position: absolute;
right: 15px;
bottom: 15px;
background: url(images/sk2.svg) no-repeat;
width: 45px;
height: 49px;
transform: rotate(180deg) scaleX(1);
}


.video2-item, .video_rews-item {
margin-top: 40px;
}

#video2 {
padding-top: 20px;
padding-bottom: 80px;
}

.video2-image {
position: relative;
}

.video2-image img {
opacity: 0.5;
}

.video2-image a {
position: absolute;
left: 50%;
top: 50%;
transition: transform 0.3s ease;
transform: translate(-50%, -50%) scale(1);
background: url(images/white.jpg) repeat;
border-radius: 4px;
display: table;
padding: 8px 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-black-solid);
text-decoration: none;
}


.video2-image a svg {
position: relative;
display: inline-block;
margin-right: 7px;
top: 0px;
}


.video2-title {
padding-top: 15px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: var(--white);
}



.video2-image a:hover,
.video2-image a:focus,
.video2-image a:active {
transform: translate(-50%, -50%) scale(1.05);
}



#video_rews {
padding-top: 80px;
}



@media (max-width: 1300px) {
.container {
padding-right: 40px;
padding-left: 40px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
padding: 0px 5px;
font-size: 14px;
}

.videos {
position: relative;
width: 100%;
}

.video-item .owl-item .video-block {
margin-left: 0px;
}

.video-item .owl-item.is-featured {
margin-left: 0px;
}


#video {
min-height: 100px;
}


.header-contac1 a {
font-size: 14px;
}
.header-contac2 a {
padding: 0px 15px;
}

}

@media (max-width: 1200px) {

.header-contac2 {
display: none;
}


.logo-block2 {
display: none;
}

#baner-main h1 {
font-size: 46px;
}
.h1 {
font-size: 36px;
}

.main_desc {
font-size: 18px;
padding-top: 40px;
padding-bottom: 40px;
}

.main_link1 a {
padding: 0px 25px;
height: 50px;
line-height: 50px;
font-size: 14px;
}

.main_link {
padding-bottom: 60px;
}

.main_plus-title {
font-size: 22px;
padding-bottom: 15px;
}
#baner-main {
height: 650px;
}

.running1-title, .running2-title {
font-size: 28px;
}

.title {
font-size: 32px;
}

.services-title1 a {
font-size: 16px;
}

.video2-title {
font-size: 14px;
}

.calc-form-price {
font-size: 32px;
}
.feedback-title {
font-size: 32px;
}

.stock-title a {
font-size: 16px;
}

.estimation-soc {
padding: 40px 40px;
top: 280px;
}


.estimation-soc::after {
left: -355px;
top: 67px;
}

.estimation-soc svg {
zoom: 0.8;
}
.plus-title2 {
font-size: 16px;
}

.scheme-title {
font-size: 16px;
}

.scheme-nomber {
font-size: 16px;
}

.master-title2 a {
font-size: 16px;
}

.video2-image a {
zoom: 0.8;
}

.text-item h2 {
font-size: 32px;
}

.faq-item {
padding-right: 5%;
}

.faq-item summary {
font-size: 18px;
}

.rews-desc {
font-size: 14px;
}
#menu-footer3 li a {
font-size: 12px;
}

#quiz {
width: 96%;
padding: 60px 40px;
margin-left: 2%;
margin-right: 2%;
}

.form-control {
font-size: 14px;
}
.baner-cat h1 {
font-size: 36px;
}

.baner-link1, .baner-link2 {
padding: 0px 30px;
height: 50px;
line-height: 50px;
}

.taxonomy-accordion h3 {
font-size: 16px;
}

.taxonomy-menu-link-wrap > a, .taxonomy-menu-post a {
font-size: 14px;
}

.cattxt {
font-size: 14px;
}

#catdesc {
font-size: 14px;
}

.etap-title {
font-size: 16px;
}
.serv-txt-block1, .etap-desc {
font-size: 14px;
}


.etap-link1 {
padding: 0px 25px;
height: 50px;
line-height: 50px;
font-size: 14px;
}


.etap-link2 {
padding: 0px 35px;
height: 50px;
line-height: 50px;
font-size: 14px;
}

.service-naw-title {
padding: 15px 25px;
font-size: 16px;
}


.service-naw-link ul li {
font-size: 14px;
}


.serv-txt-block1 h2, .serv-txt-block1 h3, .etap-desc h2, .etap-desc h3, .cattxt h2, .cattxt h3  {
font-size: 28px;
}


#catdesc h2, #catdesc h3 {
font-size: 28px;
}

}


@media (max-width: 992px) {

.logo-block4 {
display: none;
}

.header-contac1 {
display: none;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
padding: 0px 7px;
font-size: 14px;
}


.logo-block2, .logo-block3, .logo-block4 {
font-size: 14px;
}

.logo-block5-1 {
font-size: 14px;
}

.logo-block1 img {
max-width: 140px;
}

.main_tag a {
margin-right: 7px;
margin-bottom: 7px;
padding: 10px 10px;
font-size: 10px;
display: block;
}
.main_tags {
padding-top: 40px;
padding-bottom: 30px;
}

#baner-main h1 {
font-size: 34px;
}

.main_desc {
font-size: 16px;
padding-top: 30px;
padding-bottom: 30px;
}


.main_plus-block2 {
display: none;
}

.main_plus-title {
font-size: 16px;
}

#baner-main {
height: 480px;
}
.running1-title, .running2-title {
font-size: 18px;
}

.running1-image img, .running2-image img {
max-height: 30px;
}

#service {
padding-bottom: 60px;
}

.title {
font-size: 28px;
}

.service-item {
flex-wrap: wrap;
}

.service-block1 {
width: 100%;
margin-bottom: 40px;
}

.service-block1-1 {
position: relative;
top: 0px;
}

.service-block2 {
width: 100%;
}

.services-block img {
max-height: 380px;
}

#video2 {
padding-top: 0px;
padding-bottom: 60px;
}

.calc-form1 {
width: 50%;
padding-right: 20px;
padding-top: 40px;
padding-bottom: 40px;
}


.calc-form2 {
padding: 30px;
width: 50%;
}

.calc-form-price {
font-size: 28px;
}


.calc-form-text br {
display: none;
}


.calc-form-block2 {
width: 100%;
}

.calc-form-submit a {
font-size: 14px;
padding: 0px 20px;
}

.title2 {
font-size: 14px;
}

.stock-date {
font-size: 14px;
padding-top: 15px;
padding-bottom: 15px;
}


.estimation-soc::after {
display: none;
}


.estimation-soc {
padding: 20px 25px;
top: auto;
right: 0;
left: 0;
display: table;
margin-left: auto;
margin-right: auto;
bottom: 0px;
}

.estimation-soc svg {
zoom: 0.7;
}

.estimation-time {
font-size: 12px;
width: 140px;
height: 140px;
top: 20px;
left: 110px;
}

#estimation {
padding-top: 60px;
padding-bottom: 60px;
background: url(images/bg-service.jpg) repeat;
height: auto;
}

.estimation-time span {
font-size: 16px;
}

.title-nav2 a {
padding: 12px 12px;
font-size: 12px;
}


.price-block2 {
font-size: 14px;
padding-right: 0px;
white-space: nowrap;
}

.price-block1 {
font-size: 14px;
}

.price-block1 span {
font-size: 14px;
}

#price {
padding-top: 60px;
padding-bottom: 60px;
}

#plus {
padding-top: 60px;
padding-bottom: 30px;
}

#sert {
padding-top: 30px;
padding-bottom: 60px;
}

.plus-block {
width: 50%;
}



#scheme {
padding-top: 60px;
padding-bottom: 40px;
}

.scheme-item {
flex-wrap: wrap;
}

.scheme-block {
width: 50%;
margin-bottom: 20px;
}

#port {
padding-top: 60px;
padding-bottom: 40px;
}

.port-item {
margin-left: -1%;
margin-right: -1%;
}


.port-block {
width: 48%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 20px;
}

#video {
padding-top: 60px;
padding-bottom: 60px;
}

#master {
padding-top: 60px;
padding-bottom: 60px;
}

#video_rews {
padding-top: 60px;
}

.brand-block {
width: 50%;
height: 100px;
}

.brand-block a {
font-size: 16px;
}

.brand-block img {
max-height: 40px;
}

#material {
padding-top: 30px;
padding-bottom: 30px;
}

#running2 {
padding-top: 30px;
padding-bottom: 60px;
}

#news {
padding-top: 60px;
padding-bottom: 60px;
}

#text {
padding-top:40px;
padding-bottom: 40px;
background: url(images/bg-service.jpg) repeat;
}


.text-item {
margin-left: 0%;
padding-left: 40px;
padding-right: 40px;
padding-top: 60px;
padding-bottom: 60px;
}

#faq {
padding-top: 60px;
padding-bottom: 60px;
}
.faq-item summary {
font-size: 16px;
}

.rews-tabs-nomber {
font-size: 14px;
}

.rews-tabs-nomber span {
font-size: 22px;
}

.rews-tabs-star {
zoom: 0.8;
width: 100%;
}


#rews {
padding-top: 60px;
padding-bottom: 60px;
}

#tour {
padding-top: 60px;
padding-bottom: 60px;
}

#map {
padding-top: 60px;
padding-bottom: 60px;
}

.map-item {
flex-wrap: wrap;
min-height: 40px;
}

.map-block1 {
width: 100%;
position: relative;
order: 2;
}

.map-block2 {
width: 100%;
margin-left: 0%;
padding-left: 0px;
order: 1;
margin-bottom: 40px;
}

.map {
height: 360px;
}

.footer-item {
flex-wrap: wrap;
justify-content: space-between;
}

.footer-block1, .footer-block2 {
width: 49%;
margin-bottom: 20px;
}

.footer-block3, .footer-block4 {
width: 49%;
}

.footer-tags {
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
}

.footer-tag1 {
text-align: center;
margin-bottom: 20px;
}

.footer-pay {
justify-content: center;
}

#menu-footer3 {
flex-direction: column;
align-items: center;
}

.services2 {
margin-left: -1%;
margin-right: -1%;
}

.services2 .services-block, .services-block22 {
width: 48%;
margin-left: 1%;
margin-right: 1%;
}

.h1 {
font-size: 32px;
}

.services2 img {
height: 360px;
}

#page-service {
padding-bottom: 60px;
}

.baner-cat h1 {
font-size: 32px;
}

.baner-cat {
padding: 50px 40px;
}

.baner-link1, .baner-link2 {
padding: 0px 25px;
height: 48px;
line-height: 48px;
font-size: 14px;
}

.taxonomy-accordion h3 {
font-size: 14px;
margin-top: 0px;
padding: 10px 20px;
}

.taxonomy-menu-link-wrap, .taxonomy-menu-post {
padding: 8px 20px;
}

#price-block {
padding-bottom: 60px;
}

#stock {
padding-top: 60px;
padding-bottom: 60px;
}

#brand {
padding-top: 60px;
padding-bottom: 30px;
}
#material2 {
padding-top: 30px;
padding-bottom: 60px;
}

#catdesc {
padding-top: 60px;
padding-bottom: 60px;
}

#catdesc h2, #catdesc h3 {
font-size: 26px;
}

.serv-txt-block1 h2, .serv-txt-block1 h3, .etap-desc h2, .etap-desc h3, .cattxt h2, .cattxt h3 {
font-size: 26px;
}

.etap-link1 {
padding: 0px 20px;
height: 48px;
line-height: 48px;
}
.etap-link2 {
padding: 0px 30px;
height: 48px;
line-height: 48px;
}


#news2 {
padding-bottom: 60px;
}

.service-naw-title {
padding: 10px 20px;
font-size: 14px;
}

.service-naw-link ul li {
padding: 8px 20px;
}

#serv-txt {
padding-bottom: 60px;
}

#etap {
padding-top: 60px;
padding-bottom: 60px;
}

#calc2 {
padding-top: 60px;
padding-bottom: 60px;
}

#port2 {
padding-top: 60px;
padding-bottom: 60px;
}

.category-block a {
font-size: 14px;
}

.sub-category-block li a {
font-size: 14px;
}

.text-item h2 {
font-size: 26px;
}
.services-block22 {
width: 100%;
margin-left: 0%;
margin-right: 0%;
height: auto;
padding: 20px 20px;
}
#step1 .quiz-form-nav {
margin-top: 60px;
}
#quiz {
background: #121212;
}

.quiz-input input {
height: 60px;
line-height: 60px;
}


}


@media (max-width: 768px) {

.logo-block3 {
display: none;
}


.logo-soc {
display: none;
}

.logo-block6 a svg {
width: 42px;
height: 42px;
}

.container {
padding-right: 15px;
padding-left: 15px;
}


#header-menu {
display: none;
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-left {
padding-left: 2px;
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right {
padding-right: 2px;
}

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

#header-top {
background: #050601;
}
.content-fx {
padding-top: 72px;
}


.baner-main .container {
display: flex;
flex-direction: column;
}



#baner-main h1 {
font-size: 25px;
color: #fff;
order: 1;
padding-top: 40px;
}

.main_tags {
padding-top: 20px;
padding-bottom: 20px;
order: 2;
}


.main_desc {
order: 3;
color: #fff;
font-size: 14px;
padding-top: 0px;
padding-bottom: 20px;
}


.main_link {
order: 4;
flex-direction: column;
align-items: stretch;
padding-bottom: 30px;
}


.main_link2 {
padding-left: 0px;
margin-top: 20px;
}


.main_plus {
flex-direction: column;
padding-left: 15px;
padding-right: 15px;
align-items: flex-start;
padding-top: 40px;
}


.main_link1 a {
padding: 0px 25px;
height: 48px;
line-height: 48px;
display: block;
width: 100%;
}


#baner-main h1 br {
display: none;
}

.category-block {
margin-bottom: 10px;
width: 100%;
padding-left: 0px;
position: relative;
}

.category-item {
padding: 0px;
}

.category-block a {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
color: var(--white);
}

.sub-category-block li a {
color: var(--ming-100)!important;
}

.toggle-subcategories {
background: url(images/toggle.svg) no-repeat center center;
width: 35px;
height: 35px;
display: block;
position: absolute;
right: -7px;
cursor: pointer;
top: -9px;
transition: all .3s ease 0s;
transform: rotate(90deg);
}

.sub-category-block {
display: none !important;
}

.actives {
display: block !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
padding: 0px 15px;
font-size: 15px;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {
padding: 5px;
padding-top: 20px;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding: 10px;
}


#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
background: #242424;
}


#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
font-size: 32px;
color: #fff;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
font-size: 32px;
color: #fff;
}


.opened {
transform: rotate(-90deg);
}

.sub-category-block li a {
font-size: 13px;
}

.mega-menu-item-422 .mega-sub-menu {
display: block !important;
padding: 0 !important;
margin:  0 !important;
}

#mega-menu-item-422 .mega-menu-link {
height: 0px!important;
}


#contact-moby {
border-top: 1px solid #393939;
padding-top: 25px;
}


.contact-moby-link {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
color: var(--white);
margin-bottom: 25px;
}

.contact-moby-link a {
color: var(--white);
text-decoration: none;
}

.contact-moby-link svg {
position: relative;
display: inline-block;
margin-right: 10px;
}

.contact-moby-link2 {
padding-bottom: 25px;
border-bottom: 1px solid #393939;
}


.contact-moby-yandex {
display: flex;
justify-content: space-between;
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
color: #adadad;
margin-bottom: 10px;
}
.contact-moby-yandex a {
color: #adadad;
text-decoration: none;
transition: all 0.3s ease 0s;
}


.contact-moby-yandex a:hover {
color: var(--pramary);
}

.contact-moby-yandex1 span {
color: var(--pramary);
display: inline-block;
margin-right: 7px;
} 

.contact-moby-yandex svg {
position: relative;
display: inline-block;
margin-right: 7px;
}

.contact-moby-soc {
display: flex;
margin-bottom: 20px;
}

.contact-moby-soc a {
display: block;
text-decoration: none;
margin-right: 7px;
}

.contact-moby-soc-title {
margin-top: 20px;
margin-bottom: 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
}

#contact-moby .header-contac2 {
display: block;
padding-left: 0px;
margin-bottom: 40px;
}

#contact-moby .header-contac2 a {
display: block;
width: 100%;
}

#baner-main {
height: auto;
}


.main_plus-title {
padding-bottom: 5px;
}


.main_plus-block {
padding-bottom: 30px;
}

.main_plus-block2 {
display: block;
order: 5;
bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 100px;
height: 80px;
background-size: 100%;
}

.title {
font-size: 24px;
}
.title br {
display: none;
}


.service_desc br {
display: none;
}

.service_desc {
padding-bottom: 0px;
}


.services-block {
display: flex;
flex-direction: column;
}


.services-block img {
height: 200px;
position: relative;
order: 1;
}


.services-block2 {
order: 2;
}

.services-title {
position: relative;
padding-left: 0px;
padding-right: 0px;
bottom: 0;
transition: all 0.3s ease 0s;
padding-top: 10px;
order: 3;
}

.services-block {
background: transparent;
}

.services-block::before, .services-block::after, .services-block2::before, .services-block2::after {
background-size: 100%;
width: 14px;
height: 15px;
}

.services-title1 a {
font-size: 14px;
}


.service_tag {
padding: 10px 10px;
font-size: 11px;
}
.service_tags {
padding-bottom: 0px;
padding-top: 20px;
}

.cnn {
display: none;
}
.video2-image a {
zoom: 0.7;
}

#service {
padding-bottom: 40px;
}


.calc-form {
flex-wrap: wrap;
}


.calc-form1 {
width: 100%;
padding-right: 0px;
padding-top: 40px;
padding-bottom: 40px;
}


.calc-form2 {
padding: 40px 20px;
width: 100%;
}

.calc-form-price {
font-size: 26px;
}


.calc-form2::before, .calc-form2::after, .calc-form2-3 {
display: none;
}

.calc-form-submit a {
width: 100%;
}

.feedback-title {
font-size: 24px;
}

.feedback-block1, .feedback-block1-1, .feedback-image {
width: 100% !important;
}

.feedback-form::before, .feedback-form::after, .feedback-line {
display: none;
}

.feedback-form {
width: 100%;
padding: 40px 35px;
}

.feedback-block2 {
margin-bottom: 20px;
padding-top: 0px;
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}

.feedback-item .form-sog {
width: 100%;
margin-bottom: 20px;
}


.feedback-block3 {
width: 100%;
}

.stock-title a {
font-size: 14px;
}

.stock-link .bottoms {
padding: 0 20px;
width: 100%;
}

.title-nav2 a {
text-align: center;
margin-top: 30px;
}

.estimation-time {
top: 20px;
left: 0px;
zoom: 0.9;
}

.estimation-soc {
padding: 15px 25px;
top: auto;
right: 0;
left: 0;
bottom: 0;
position: relative;
}

#estimation {
padding-top: 40px;
padding-bottom: 40px;
}
.price-block {
align-items: flex-start;
padding: 15px 15px;
flex-direction: column;
}

.price-block2 {
padding-top: 10px;
}

.title-desc br {
display: none;
}

.plus-block {
width: 100%;
}


.sert-image img {
max-height: 380px;
}

.owl-dots {
display: flex;
margin-top: 40px;
flex: 1;
height: 7px;
background: repeating-linear-gradient(to right, #252525 0, #252525 2px, transparent 2px, transparent 5px);
position: relative;
border-radius: 2px;
justify-content: space-between;
}

.owl-dots .owl-dot {
background: repeating-linear-gradient(to right, #252525 0, #252525 2px, transparent 2px, transparent 5px)!important;
transition: left 0.4s ease, width 0.4s ease;
flex: 1;
height: 7px;
width: 100%;
}

.owl-dots .active {
background: repeating-linear-gradient(to right, var(--pramary) 0, var(--pramary) 2px, transparent 2px, transparent 5px) !important;
}


.scheme-block {
width: 100%;
margin-bottom: 0px;
}



.scheme-block:after {
background: url(images/line22.png) no-repeat;
width: 7px;
height: 100%;
position: absolute;
top: 0px;
content: "";
z-index: 1;
left: 5px;
}


.scheme-nomber::before {
width: 12px;
height: 18px;
}

.scheme-nomber {
width: 75px;
}

.scheme-title, .scheme-desc {
padding-left: 30px;
}

.port-item {
margin-left: 0%;
margin-right: 0%;
}

.port-block {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}

#video {
padding-top: 50px;
padding-bottom: 50px;
}

#video_rews {
padding-top: 50px;
}

#running2 {
padding-bottom: 40px;
}


.text-item::before, .text-item::after, .text-item2 {
display: none;
}


.text-item h2 {
font-size: 24px;
}
.text-item {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.text-image-mob img {
width: 100%;

}

.faq-item details[open] summary:after, .faq-item details summary:after {
zoom: 0.8;
}

.faq-item summary {
padding-right: 40px;
padding-top: 20px;
padding-bottom: 20px;
}

.faq-item {
padding-right: 0%;
margin-top: 30px;
height: auto;
}

.rews-tabs {
flex-wrap: wrap;
margin-bottom: 20px;
}

.rews-tabs-block {
width: 100%;
margin-bottom: 20px;
}


.rews-nav {
align-items: flex-start;
flex-direction: column;
}


.rews-nav1 {
margin-bottom: 10px;
}

#map {
padding-top: 50px;
padding-bottom: 50px;
}

.footer-block1, .footer-block2 {
width: 100%;
}

.footer-block3, .footer-block4 {
width: 100%;
margin-bottom: 20px;
}

.footer-pay {
justify-content: flex-start;
}

.footer-rews {
flex-wrap: wrap;
}

.footer-rews a {
margin-bottom: 10px;
}

#menu-footer3 {
align-items: flex-start;
}

.footer-menu3 {
margin-top: 20px;
}

.footer-call a {
width: 100%;
}

footer {
padding-top: 40px;
padding-bottom: 40px;
}

.map-contact1 {
font-size: 14px;
}
.map-block2 {
margin-bottom: 20px;
}

.rews-tabs-star {
zoom: 1;
width: 50%;
margin-bottom: 0px;
}

.rews-tabs-link {
width: 50%;
}

.rews-tabs-block {
align-items: center;
}

.rews-name2 {
font-size: 14px;
}

.rews-desc {
-webkit-line-clamp: 8;
}

.news-block {
height: 340px;
}


.baner-cat h1 {
font-size: 27px;
}


.baner-cat {
padding: 25px 20px;
}

.baner-link1 {
margin-right: 0px;
margin-bottom: 10px;
}   


.baner-cat-link {
flex-direction: column;
}

#baner-cat .container {
padding-right: 0px;
padding-left: 0px;
}
.yoast-breadcrumbs {
font-size: 10px;
}
.cat-tags a {
margin-right: 5px;
margin-bottom: 5px;
padding: 0px 10px;
}

#cattxt {
padding-top: 20px;
padding-bottom: 20px;
}
.price-cat-block {
flex-wrap: wrap;
}

.price-cat-block1 {
width: 100%;
margin-bottom: 40px;
}

.taxonomy-accordion {
position: relative;
top: 0px;
}
.price-cat-block3 {
width: 100%;
}

#price-block {
padding-bottom: 0px;
padding-top: 0px;
}

.price-cat-block {
padding-bottom: 30px;
}

#running2 {
padding-bottom: 30px;
}
#catdesc {
padding-top: 40px;
padding-bottom: 40px;
}

.etap-link1 {
margin-right: 0px;
margin-bottom: 10px;
width: 100%;
}

.etap-link {
flex-direction: column;
}


.etap-link2 {
width: 100%;
}

.etap-text {
padding-left: 20px;
}

.etap-block:after {
width: 10px;
}

.etap-block {
padding-bottom: 20px;
align-items: flex-start;
}

.etap-nomver {
font-size: 16px;
}

#news2 {
padding-bottom: 50px;
}

.serv-txt-item {
flex-wrap: wrap;
}

.serv-txt-block1 {
width: 100%;
order: 2;
}

.serv-txt-block2 {
width: 100%;
order: 1;
margin-bottom: 40px;
}

.serv-txt-block1 h2, .serv-txt-block1 h3, .etap-desc h2, .etap-desc h3, .cattxt h2, .cattxt h3 {
font-size: 24px;
}

.service-naws {
padding-bottom: 10px;
}

#serv-txt {
padding-bottom: 40px;
}


#calc2 {
padding-top: 0px;
padding-bottom: 0px;
}

#etap {
padding-top: 50px;
padding-bottom: 50px;
}

.h1 {
font-size: 26px;
}

.services-block img {
height: 160px;
}
.services-block-sub:hover img {
opacity: 1;
}

.services-block22 {
width: 100%;
margin-left: 0%;
margin-right: 0%;
height: auto;
padding: 0px;
}

.services-block2-1 {
padding: 40px 30px;
}

#quiz::before, #quiz::after, .quiz::before {
display: none;
}

#quiz {
width: 100%;
padding: 35px 35px;
margin-left: 0%;
margin-right: 0%;
}

.quiz-title {
font-size: 16px;
}

.quiz-input input {
height: 48px;
line-height: 48px;
font-size: 14px;
}

#step1 .quiz-form-nav {
margin-top: 40px;
}

.quiz-next {
padding: 0px 30px;
font-size: 14px;
}

.quiz-next {
padding: 0px 30px;
font-size: 14px;
}

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


.quiz-form-block {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}

.quiz-form-item {
margin-left: 0%;
margin-right: 0%;
}

#stock {
padding-top: 50px;
padding-bottom: 50px;
}


#page-service {
padding-bottom: 40px;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
background: #242424;
padding: 10px 8px;
}

}



.title-page {
padding: 0;
margin: 0;
font-family: var(--second-family);
font-weight: 700;
font-size: 48px;
line-height: 117%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: var(--white);
margin-top: 10px;
}


.category-list {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
margin-top: 30px;
list-style-type: none;
}

.category-list a {
margin-right: 7px;
margin-bottom: 7px;
backdrop-filter: blur(15.9px);
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 38px;
height: 38px;
color: var(--white);
background: rgba(151, 151, 151, 0.1);
border-radius: 1000px;
padding: 0px 16px;
border-width: 1px;
border-style: solid;
border-color: rgb(60, 60, 60);
border-image: none;
transition: 0.3s;
text-decoration: none;
display: block;
}

.category-list a:hover {
border: 1px solid var(--pramary);
}


.category-list .active a {
border: 1px solid var(--pramary);
}


.single-item {
margin-top: 80px;
margin-bottom: 60px;
}

#content-news {
padding-bottom: 60px;
}



.news_block {
display: flex;
border-bottom: 1px solid #232323;
margin-bottom: 30px;
padding-bottom: 30px;
}

.news-block1 {
width: 18%;
}


.news-block2 {
width: 82%;
}

.news-block-date {
margin-bottom: 7px;
font-family: var(--second-family);
font-weight: 700;
font-size: 14px;
line-height: 130%;
color: var(--pramary);
}

.news_cat {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--pramary);
}



.news-block-title {
margin-bottom: 10px;
}

.news-block-title a {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: var(--white);
text-decoration: none;
transition: all 0.3s ease 0s;
}

.news-block-title a:hover {
text-decoration: none;
color: var(--pramary);
}


.news-block-excerpt {
margin-bottom: 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--color-grey-63);
}

.news-block-excerpt p {
margin: 0;
padding: 0;
}


.news-block-link a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: var(--pramary);
text-decoration: none;
transition: all 0.3s ease 0s;
}

.news-block-link svg {
display: inline-block;
position: relative;
margin-left: 2px;
top: 0px;
}

.news-block-link a:hover {
text-decoration: underline;
}

.pagination {
display: flex;
justify-content: center;
border-bottom: 1px solid #232323;
padding-bottom: 10px;
margin-bottom: 20px;
}


.pagination a, .pagination span {
padding: 0px 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 97%;
color: var(--white);
text-decoration: none;
margin: 0px 15px;
}
.pagination span {
position: relative;
}



.pagination span::before {
box-shadow: 0 11px 12px 0 rgba(217, 235, 130, 0.69);
background: var(--pramary);
position: absolute;
width: 100%;
height: 3px;
content: "";
display: block;
bottom: -11px;
left: 0px;
}

.pagination a:hover {
text-decoration: none;
color: var(--pramary);
}


.serv-txt-cat {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--pramary);
}

.serv-txt-date {
font-family: var(--second-family);
font-weight: 700;
font-size: 14px;
line-height: 130%;
color: var(--pramary);
margin-left: 10px;
}


.serv-txt-title {
display: flex;
margin-bottom: 20px;
}

#content-post {
padding-bottom: 60px;
}


#news3 {
padding-top: 60px;
padding-bottom: 80px;
}



.stock-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
overflow: hidden;
text-overflow: ellipsis;
color: var(--white);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}


.stock-desc p {
padding: 0;
margin: 0;
}




.stock-desc.is-expanded {
display: block; 
}

/* Стили для кнопки */
.read-more-btn {
display: inline-block;
background: none;
border: none;
cursor: pointer;
padding: 0;
text-decoration: underline;
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
white-space: nowrap;
overflow: hidden;
color: var(--white);
}

.read-more-btn:hover {
text-decoration: none;
color: var(--pramary);
}


.stock2-block2 .stock-title a {
min-height: 20px;
}


.stock2-block {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}


.stock2-block1 {
width: 34%;
}
.stock2-block2 {
width: 66%;
padding-left: 20px;
}


.stock2-block2 .stock-date {
padding-top: 0px;
}


.stock2-block2 .stock-link {
margin-top: 20px;
}


.stock-item2 {
margin-top: 60px;
margin-bottom: 80px;
}



.master-item2 {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
margin-bottom: 60px;
margin-left: -1%;
margin-right: -1%;
}

.master-item2 .master-block {
width: 23%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 20px;
}

#comand {
display: block;
position: relative;
margin-top: 80px;
}



#comand::before {
content: "";
position: absolute;
left: 15px;
top: 15px;
background: url(images/sk2.svg) no-repeat;
width: 45px;
height: 49px;
}




.comand::before {
content: "";
position: absolute;
right: 15px;
top: 15px;
background: url(images/sk2.svg) no-repeat;
width: 45px;
height: 49px;
transform: scaleX(-1);
}



.master-page .title2 {
padding-bottom: 0px;
}



.master-image img {
width: auto;
}


.price-page {
margin-top: 40px;
margin-bottom: 60px;
}


.price-page-title {
font-family: var(--second-family);
font-weight: 700;
font-size: 20px;
line-height: 110%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: var(--pramary);
padding:15px 30px;
}


.price-page .price-item {
margin-bottom: 40px;
margin-top: 0px;
}



.company-desc {
margin-top: 20px;
margin-bottom: 40px;
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 130%;
color: var(--white);
}


.company-image {
position: relative;
}

.company-image img {
display: block;
margin-left: auto;
margin-right: auto;
}



.company-plus-block {
backdrop-filter: blur(11.600000381469727px);
background: rgba(0, 0, 0, 0.53);
border-radius: 2px;
width: 313px;
height: 214px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 25px;
position: absolute;
}


.company-plus-title {
font-family: var(--second-family);
font-weight: 700;
font-size: 28px;
line-height: 69%;
color: var(--pramary);
}

.company-plus-desc {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
}


.cpb01 {
top: 26%;
left: 0px;
}


.cpb02 {
top: 26%;
right: 0px;
text-align: right;
}


.cpb03 {
bottom: 0px;
right: 17%;
text-align: right;
}


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


.obr_block1 {
width: 41%;
}



.obr_block2 {
width: 55%;
}


.obr_cov {
padding-top: 20px;
padding-bottom: 20px;
}


.obr_image {
position: relative;
}

.obr_image a {
position: absolute;
left: 50%;
top: 50%;
transition: transform 0.3s ease;
transform: translate(-50%, -50%) scale(1);
background: url(images/white.jpg) repeat;
border-radius: 4px;
display: table;
padding: 10px 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-black-solid);
text-decoration: none;
}


.obr_image a svg {
position: relative;
display: inline-block;
margin-right: 7px;
top: 0px;
}

.obr_image a:hover,
.obr_image a:focus,
.obr_image a:active {
transform: translate(-50%, -50%) scale(1.05);
}


#obr {
background: #121212;
padding-top: 80px;
padding-bottom: 80px;
}

#master2 {
padding-top: 80px;
padding-bottom: 80px;
}



.obr_block2 .title-desc {
font-size: 15px;
}



#opit {
padding-top: 80px;
padding-bottom: 40px;
}


.opit-item {
display: flex;
align-items: center;
position: relative;
}
.opit-block1 {
position: relative;
width: 70%;
}


.opit-block2 {
font-family: var(--second-family);
font-weight: 700;
font-size: 48px;
line-height: 110%;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--white);
position: absolute;
right: 0;
width: 36%;
}


.opit-block3 {
position: absolute;
background: url(images/keys.svg) no-repeat top center;
width: 148px;
height: 120px;
right: 0;
bottom: 0;
}






.opit-block1 a,
.materials-block1 a,
.box-video a,
.contact-video a,
.garant_video a {
position: absolute;
left: 50%;
top: 50%;
transition: transform 0.3s ease;
transform: translate(-50%, -50%) scale(1);
background: url(images/white.jpg) repeat;
border-radius: 4px;
display: table;
padding: 10px 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--color-black-solid);
text-decoration: none;
}


.opit-block1 a svg,
.materials-block1 a svg,
.box-video a svg,
.contact-video a svg,
.garant_video a svg {
position: relative;
display: inline-block;
margin-right: 7px;
top: 0px;
}

.opit-block1 a:hover,
.opit-block1 a:focus,
.opit-block1 a:active,
.materials-block1 a:hover,
.materials-block1 a:focus,
.materials-block1 a:active,
.box-video a:hover,
.box-video a:focus,
.box-video a:active,
.contact-video a:hover,
.contact-video a:focus,
.contact-video a:active,
.garant_video a:hover,
.garant_video a:focus,
.garant_video a:active   {
transform: translate(-50%, -50%) scale(1.05);
}


#brand2 {
padding-top: 40px;
padding-bottom: 80px;
}


#video2-1 {
padding-top: 80px;
padding-bottom: 60px;
}


#garant {
padding-top: 40px;
padding-bottom: 80px;
}



#materials {
padding-top:80px;
padding-bottom: 80px;
background: #121212;
}


.materials-item {
margin-top: 40px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.materials-block1 {
position: relative;
width: 32%;
}

.materials-block2 {
width: 67%;
}


.materials-gallery {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.materials-image {
width: 49%;
margin-bottom: 15px;
}


#gosty {
padding-top: 80px;
padding-bottom: 40px;
}


#box {
padding-top: 40px;
padding-bottom: 80px;
}

.box-video {
position: relative;
}


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

.box-block1 {
width: 32%;
}


.box-block2 {
width: 32%;
}

.box-block3 {
width: 32%;
}


.bx1 {
margin-bottom: 15px;
}

.box-image {
position: relative;
}

.box-title {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 97%;
color: var(--white);
bottom: 20px;
left: 20px;
position: absolute;
}


.box-block2 {
display: flex;
flex-direction: column;
justify-content: space-between;
}


#training {
padding-top: 80px;
padding-bottom: 80px;
background: #121212;
}


.training-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
}


.training-block {
width: 33.33333%;
border: 1px solid #232323;
height: 252px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px;
background: #121212;
transition: all 0.3s ease 0s;
}




.training-block:hover {
background: #222;
}



.training-block .news-link {
padding-bottom: 20px;
}





.training-cat {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: var(--pramary);
}

.training-title {
padding-bottom: 10px;
}


.training-title a {
transition: all 0.3s ease 0s;
text-decoration: none;
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 97%;
color: var(--white);
}

.training-title a:hover {
color: var(--pramary);
text-decoration: none;
}


.single-stok .cattxt {
margin-top: 30px;
}

.single-stok .title2 {
padding-bottom: 0px;
padding-top: 20px;
}


.page-training .training-item {
margin-bottom: 60px;
}

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


.brand-block1 {
width: 16%;
}

.brand-block2 {
background: #303030;
display: flex;
align-items: center;
justify-content: center;
height: 120px;
}

.brand-block2 img {
max-height: 50px;
}

.brand-title {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 140%;
letter-spacing: -0.01em;
color: var(--white);
padding-top: 10px;
}


.brand-post-item {
display: flex;
justify-content: space-between;
}


.brand-post-block1 {
width: 30%;
}

.brand-post-block2 {
width: 70%;
padding-left: 20px;
}

.brands-list {
width: 100%;
}


.brand-block2 a {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 140%;
letter-spacing: -0.01em;
color: var(--white);
text-decoration: none;
transition: all 0.3s ease 0s;
}
.brand-block2 a:hover {
color: var(--pramary);
text-decoration: none;
}


.brands-group {
display: grid;
grid-template-columns: 50px 1fr;
gap: 25px;
padding: 25px 0;
border-top: 1px solid  #e0e0e0;
}

.brands-group:last-child {
border-bottom: 1px solid  #e0e0e0;
}

.brands-letter {
font-family: var(--font-family);
font-weight: 400;
font-size: 36px;
color: var(--white);
}

.brands-items {
display: flex;
flex-wrap: wrap;
}

.brands-items a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
text-decoration: none;
transition: opacity .2s;
display: block;
width: 50%;
margin-bottom: 10px;
}

.brands-items a:hover {
color: var(--pramary);
text-decoration: none;
}

@media (max-width: 767px) {

.brands-group {
grid-template-columns: 35px 1fr;
gap: 15px;
}

.brands-items {
grid-template-columns: 1fr;
gap: 12px;
}

}


.brand-products {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}


.brand-product {
width: 49%;
margin-bottom: 25px;
}


.brand-product-title {
margin-top: 10px;
}

.brand-product-title a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 130%;
color: var(--white);
text-decoration: none;
transition: all 0.3s ease 0s;
}

.brand-product:hover .brand-product-title a {
color: var(--pramary);
text-decoration: none;
}



.brand-post-block2 .pagination {
margin-top: 40px;
}


#brand-post {
padding-top: 40px;
padding-bottom: 40px;
}

#calc3 {
padding-top: 30px;
padding-bottom: 80px;
}


#brand-post .cattxt  {
margin-top: 40px;
}


.brand-page .service-naws {
position: relative;
top: 0px;
}


.service-brands {
margin-top: 40px;
}

.serv-txt-block2-1 {
position: sticky;
top: 140px;
}


#news3 {
padding-top: 80px;
padding-bottom: 80px;
}

@media (min-width: 1200px) {
.category-brands .category-block {
width: 16.6666%;
margin-bottom: 10px;
}}

@media (min-width:768px) {
.category-brands .category-block a {
font-weight: 400;
font-size: 15px;
}}


.brand-page {
padding-bottom: 80px !important;
}


.contact-video {
position: relative;
}


.contact-page-item {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
align-items: center;
}


.contact-page-block1 {
width: 35%;
}


.contact-page-block2 {
width: 65%;
padding-left: 40px;
}


.map1 {
width: 100%;
height: 500px;
}


.contact-page-block2 .title-page {
padding-bottom: 30px;
}


.contact-page-block2 .title2 {
position: relative;
}
.contact-page-block2 .title2::before {
content: "";
background: url(images/strela.svg) no-repeat;
position: absolute;
width: 136px;
height: 93px;
top: 26px;
left: -147px;
}



.contact-page-link {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: var(--white);
position: relative;
margin-bottom: 20px;
}

.contact-page-link a {
color: var(--white);
transition: all 0.3s ease 0s;
text-decoration: none;
}

.contact-page-link a:hover {
text-decoration: none;
color: var(--pramary);
}

.contact-page-link svg {
position: relative;
display: inline-block;
top: 0;
margin-right: 7px;
}


.contact-page-title {
margin-top: 40px;
margin-bottom: 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 97%;
color: var(--white);
}


.contact-page-soc {
display: flex;
}

.contact-page-soc a {
text-decoration: none; 
transition: all 0.2s ease 0s;
display: block;
margin-right: 7px;
}

.contact-page-soc a :hover .svg-white {
fill: var(--pramary);
text-decoration: none;
}


#content-form {
background: url(images/contact.jpg) no-repeat top center;
background-size: cover;
margin-bottom: 60px;
}


.content-form {
width: 50%;
background: #141414;
padding-top: 80px;
padding-bottom: 80px;
}


#content-form  .feedback-line::before,
#content-form  .feedback-line::after {
display: none;
}


#himchistka {
background: url(images/him.jpg) no-repeat top center;
background-size: cover;
padding-top: 80px;
padding-bottom: 80px;
}


.himchistka-link {
padding-top: 40px;
}


.himchistka-link a {
padding: 0 45px;
}


#content-klient {
padding-bottom: 40px;
}


#comand2 {
display: block;
position: relative;
margin-top: 60px;
margin-bottom: 80px;
}

.garant_video {
display: table;
position: relative;
margin-top: 40px;
}

.garant_desc {
position: relative;
}

.garant_video::before {
position: absolute;
content: "";
background: url(images/strel2.svg) no-repeat;
width: 79px;
height: 54px;
right: 17px;
top: -47px;
}


#garant2 {
padding-top: 20px;
padding-bottom: 20px;
}


.clear-page .title-page {
padding-bottom: 20px;
}


.video-pleer {
width: 853px;
height: 480px;
}

 
.master-page .title2 {
padding-top: 20px;
}





@media (max-width: 1300px) {
.header-contact {
width: 30%;
}

.header-menu {
width: 70%;
padding-right: 10px;
}
}


@media (max-width: 1200px) {

.header-contact {
width: 15%;
display: flex;
justify-content: flex-end;
}

.header-menu {
width: 85%;
}

.title-page {
font-size: 40px;
}

.company-plus-block {
zoom: 0.7;
}


.opit-block2 {
font-size: 36px;
width: 40%;
padding-left: 20px;
position: relative;
}
.opit-block1 {
width: 60%;
}

.box-title {
font-size: 15px;
}

.training-title a {
font-size: 15px;
}

.master-item2 .master-block {
width: 32%;
margin-left: 0.66%;
margin-right: 0.66%;
}

.master-item2 {
margin-left: -0.66%;
margin-right: -0.66%;
}

}


@media (max-width:992px) {

.header-contact {
display: none;
}

.header-menu {
width: 100%;
padding-right: 0px;
}
.title-page {
font-size: 36px;
}

.company-desc {
font-size: 14px;
}

#master2 {
padding-top: 60px;
padding-bottom: 60px;
}

#obr {
padding-top: 60px;
padding-bottom: 60px;
}
.obr_block2 .title-desc {
font-size: 14px;
}

.opit-block2 {
font-size: 28px;
}

.opit-block3 {
zoom: 0.7;
}

#opit {
padding-top: 60px;
}
#brand2 {
padding-top: 30px;
padding-bottom: 60px;
}

#video2-1 {
padding-top: 60px;
}

.materials-block1 a, .box-video a {
zoom: 0.8;
}

#materials {
padding-top: 60px;
padding-bottom: 60px;
}

#box {
padding-bottom: 60px;
}

.training-block {
width: 50%;
}

#garant {
padding-bottom: 60px;
}

#training {
padding-top: 60px;
padding-bottom: 60px;
}

.stock-item2 {
margin-top: 40px;
margin-bottom: 60px;
}

.stock-desc {
font-size: 14px;
}

.stock-title a {
font-size: 15px;
}


.master-item2 .master-block {
width: 48%;
margin-left: 1%;
margin-right: 1%;
}

.master-item2 {
margin-left: -1%;
margin-right: -1%;
}

#comand {
margin-top: 60px;
}

.feedback-form {
width: 100%;
padding: 60px 40px;
}


.brand-item2 {
flex-wrap: wrap;
}

.brand-block1 {
width: 32%;
margin-bottom: 20px;
}

#brand-post {
padding-top: 20px;
padding-bottom: 20px;
}

.brand-post-block1 {
width: 25%;
}

.brand-post-block2 {
width: 75%;
}

.brands-group {
grid-template-columns: 25px 1fr;
gap: 20px;
padding: 20px 0;
}

.brands-letter {
font-size: 28px;
}

#calc3 {
padding-top: 20px;
padding-bottom: 60px;
}

.brand-page {
padding-bottom: 60px !important;
}

#news3 {
padding-top: 60px;
padding-bottom: 60px;
}

.price-page-title {
font-size: 16px;
padding: 15px 30px;
}
.price-page {
margin-bottom: 20px;
}

#himchistka {
padding-top:60px;
padding-bottom: 60px;
}

.news-block-title a {
font-size: 15px;
}

.single-item {
margin-top: 40px;
}

.contact-page-block2 .title2::before {
display: none;
}
.contact-page-link {
font-size: 15px;
}

.contact-page-soc a svg {
width: 40px;
height: 40px;
}

.contact-page-title {
font-size: 15px;
}
.map1 {
height: 400px;
}

.content-form {
width: 70%;
background: #141414;
padding-top: 60px;
padding-bottom: 60px;
padding-right: 20px;
}

#content-form {
margin-bottom: 40px;
}

.contact-page-item {
margin-bottom: 60px;
}

.master-page .title2 {
padding-top: 10px;
}


}

@media (max-width:768px) {

.title-page {
font-size: 26px;
}
.master-page .title2 {
padding-top: 0px;
}

.company-plus-block {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.company-plus-block {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
zoom: 1;
width: 100%;
text-align: center;
background: #242424;
margin-bottom: 20px;
height: auto;
}

.company-plus {
margin-top: 20px;
}

.company-plus-title {
font-size: 18px;
margin-bottom: 40px;
}
#master2 {
padding-top: 40px;
padding-bottom: 40px;
}

#obr {
padding-top: 50px;
padding-bottom: 50px;
}

.obr_item {
flex-wrap: wrap;
}

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

.obr_block2 {
width: 100%;
order: 1;
margin-bottom: 40px;
}

.obr_image a {
zoom: 0.8;
}


.opit-item {
flex-wrap: wrap;
}

.opit-block1 {
width: 100%;
margin-bottom: 40px;
}


.opit-block2 {
width: 100%;
padding-left: 0px;
font-size: 20px;
text-align: center;
}

.opit-block1 a {
zoom: 0.8;
}

#garant {
padding-top: 30px;
padding-bottom: 50px;
}

.materials-item {
flex-wrap: wrap;
}
.materials-block1 {
width: 100%;
order: 2;
}

.materials-block2 {
width: 100%;
order: 1;
margin-bottom: 20px;
}

#materials {
padding-top: 50px;
padding-bottom: 50px;
}
#box {
padding-bottom: 50px;
}



.box-item {
flex-wrap: wrap;
}

.box-block1 {
width: 100%;
margin-bottom: 20px;
}
.box-block2 {
width: 100%;
margin-bottom: 20px;
flex-direction: row;
}


.box-block2  .box-image {
width: 49%;
}


.box-block3 {
width: 100%;
}

.box-title {
font-size: 14px;
bottom: 15px;
left: 15px;
}


.box-block1 .box-video img,
.box-block3 img,
.materials-block1 img {
height: 300px;
width: 100%;
object-fit: cover;
}


#training {
padding-top: 50px;
padding-bottom: 50px;
}


.training-title a {
font-size: 14px;
}

.training-block {
width: 100%;
height: 230px;
}

#tour {
padding-top: 50px;
padding-bottom: 50px;
}

#rews {
padding-top: 50px;
padding-bottom: 50px;
}

#faq {
padding-top: 50px;
padding-bottom: 50px;
}

.opit-block3 {
display: none;
}


.stock2-block {
flex-wrap: wrap;
}

.stock2-block1 {
width: 100%;
margin-bottom: 15px;
}

.stock2-block2 {
width: 100%;
padding-left: 0px;
}

.stock-title a {
font-size: 14px;
}

.stock-desc {
font-size: 12px;
}

#content-news {
padding-bottom: 40px;
}

.stock-item2 {
margin-bottom: 0px;
}


.master-item2 .master-block {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}

.master-item2 {
margin-left: 0%;
margin-right: 0%;
}


.comand::before, .comand::after {
display: none;
}

#comand {
margin-top: 40px;
}

.feedback-form {
padding: 40px 20px;
}  

#content-post {
padding-bottom: 40px;
}

.page-training .training-item {
margin-bottom: 50px;
}


.brand-block1 {
width: 49%;
}

#brand-post {
padding-top: 0px;
}

.brand-post-item {
flex-wrap: wrap;
}

.brand-post-block1 {
width: 100%;
}
.brand-post-block2 {
width: 100%;
padding-left: 0px;
}


.brands-list {
display: none;
}

.brands-list-open {
display: block;
}

.cats-links {
display: block;
margin-bottom: 40px;
margin-top: -20px;
}

.brand-product {
width: 100%;
margin-bottom: 30px;
}

.brand-item2 {
margin-top: 25px;
}

#brand-post .cattxt {
margin-top: 20px;
}
#calc3 {
padding-top: 0px;
padding-bottom: 40px;
}


.brand-page {
padding-bottom: 50px !important;
}

#news3 {
padding-top: 50px;
padding-bottom: 50px;
}

.price-page-title {
font-size: 14px;
padding: 10px 15px;
}

.price-page .price-item {
margin-bottom: 20px;
}

.price-page {
margin-top: 20px;
}

.serv-txt-item {
padding-top: 30px;
}

#content-klient {
padding-bottom: 20px;
}

#himchistka {
padding-top: 50px;
padding-bottom: 50px;
background: #232323;
}

.himchistka-link a {
padding: 0 10px;
width: 100%;
}

#comand2 {
margin-top: 40px;
margin-bottom: 40px;
}

.garant_video::before {
display: none;
}

.garant_video a {
zoom: 0.8;
}

#garant2 {
padding-top: 10px;
padding-bottom: 10px;
}


.news_block {
flex-wrap: wrap;
}
.news-block1 {
width: 100%;
margin-bottom: 10px;
}
.news-block2 {
width: 100%;
}

.news-block2 .news-block-link {
display: none;
}

.news_block {
margin-bottom: 20px;
padding-bottom: 20px;
}

.single-item {
margin-bottom: 40px;
}

.contact-page-item {
margin-bottom: 40px;
flex-wrap: wrap;
}

.contact-page-block1 {
width: 100%;
order: 2;
}

.contact-page-block2 {
width: 100%;
padding-left: 0px;
margin-bottom: 40px;
order: 1;
}


.contact-video img {
height: 320px;
width: 100%;
object-fit: cover;
}


.contact-video a {
zoom: 0.8;
}

.map1 {
height: 320px;
}

#content-contact {
padding-bottom: 20px;
}


.content-form {
width: 100%;
background: #141414;
padding-top: 50px;
padding-bottom: 50px;
padding-right: 0px;
}
#content-form {
margin-bottom: 20px;
background: transparent;
}

.contact-page-link {
font-size: 14px;
}

.contact-page-title {
font-size: 14px;
}

.video-pleer {
width: 100%;
height: 420px;
}


.video-modal-overlay {
padding: 10px;
}

.video-modal-content {
width: 100%;
max-width: 100%;
}

.video-modal-iframe-wrap {
padding-bottom: 177.78%;
}

.video-modal-close {
top: 5px;
right: 8px;
font-size: 28px;
}

.title-page {
overflow-wrap: break-word;
word-break: normal;
max-width: 100%;
}

.sub-category-block {
padding-left: 10px;
}

.map {
height: 320px;
}

.main_plus .main_plus-block2 {
    display: none;
}


}