/*
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: 'Montserrat';
    src: url('fonts/Montserrat-Regular.ttf') format('woff'), 
    url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.ttf') format('woff'), 
    url('fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.ttf') format('woff'), 
    url('fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraBold.ttf') format('woff'), 
    url('fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}



@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Regular.ttf') format('woff'), 
    url('fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Medium.ttf') format('woff'), 
    url('fonts/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-SemiBold.ttf') format('woff'), 
    url('fonts/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Bold.ttf') format('woff'), 
    url('fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: 700;
}


@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-MediumItalic.ttf') format('woff'), 
    url('fonts/Raleway-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-SemiBoldItalic.ttf') format('woff'), 
    url('fonts/Raleway-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}





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

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;
    margin-top: 100px;
}

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: #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;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
  background-color: #eee;
  text-decoration: none;
}

.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}

.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 4.125rem;
}

.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;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-item .gallery-columns-2 {
  max-width: 50%;
}

.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}

.gallery-item .gallery-columns-4 {
  max-width: 25%;
}

.gallery-item .gallery-columns-5 {
  max-width: 20%;
}

.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}

.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}

.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}

.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value>select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

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

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}

body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-color: #f7f7f7;
}

.navbar-dark .site-info {
  color: #fff;
}

.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a,
footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav>li>a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }

  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}

/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}


.header-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
}

.header-block4 a {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #1A1A1A;
  display: block;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.estimation {
  display: block;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 130% !important;
  text-decoration: underline !important;
  color: #4D4D4D !important;
  position: relative;
  padding-left: 30px;
  margin-top: 5px;
}

.estimation::before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(images/camera.svg) no-repeat;
}

.whatsapp {
  display: block;
  width: 25px;
  height: 25px;
  background: url(images/whatsapp.svg) no-repeat;
  margin-right: 5px;
}

.viber {
  display: block;
  width: 25px;
  height: 25px;
  background: url(images/viber.svg) no-repeat;
  margin-right: 5px;
}

.telegram {
  display: block;
  width: 25px;
  height: 25px;
  background: url(images/telegram.svg) no-repeat;
}

.soc {
  display: flex;
}

.header-block3 span {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #1A1A1A;
  margin-top: 5px;
}

.header-block5 a {
  text-decoration: none;
  font-weight: 700;
  font-size: 22px;
  line-height: 130%;
  color: #1A1A1A;
  font-feature-settings: 'pnum' on, 'lnum' on;
}


.header-block6 a {
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 55px;
  color: #1A1A1A;
  border: 1px solid #E01010;
  border-radius: 5px;
  width: 200px;
  height: 55px;
  display: table;
  text-align: center;
  transition: all 0.3s ease 0s;
}

.header-block6 a:hover {
  text-decoration: none;
  background: #E01010;
  color: #fff;
}

.header-block2 {
  position: relative;
}



.header-block2 span {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #1A1A1A;
  display: block;
  font-feature-settings: 'pnum' on, 'lnum' on;
}




.header-select {
  position: absolute;
  bottom: -85px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  padding: 10px;
  display: none;
  z-index: 100;
  background: #fff;
}

.open-block {
  display: block;
}



.header-select span {
  font-size: 13px !important;
  margin-bottom: 7px;
}


.header-block2 a {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-decoration: underline;
  color: #4D4D4D;
  margin-top: 5px;
}





.header-block2 a::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 14px;
  height: 7px;
  background: url(images/down.svg) no-repeat;
  margin-left: 5px;
}

.header-block-open a::after {
  transform: rotate(180deg);
}


#header-menu {
  background: #1A1A1A;
}

.header-menu-block {
  margin-left: 0;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
}


.header-menu-block li {
  list-style-type: none;
  position: relative;
}


.header-menu-block li a {
  line-height: 45px;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
}

@media (min-width: 768px) {
  .header-menu-block .sub-menu {
    position: absolute;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    min-width: 260px;
    z-index: 100;
    border: 1px solid #E01010;
    display: none;
  }

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

  .header-menu-block .sub-menu li a {
    color: #1A1A1A;
    font-size: 14px;
    line-height: 32px;
  }
}


.header-menu-block .menu-item-has-children::after {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 4px 0;
  border-color: #E01010 transparent transparent;
  display: inline-block;
  margin: 5px 0 0 4px;
  cursor: pointer;
}


@media (min-width: 768px) {
  .header-menu-block .menu-item-has-children:hover .sub-menu {
    display: block;
  }
}



.header-menu-block .current-menu-item::after {
  width: 10px;
  height: 10px;
  background: #E01010;
  position: absolute;
  content: "";
  border-radius: 100%;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
}



.main-baner-item {
  display: flex;
}

.main-baner-block1 {
  width: 45%;
  padding-top: 80px;
  padding-bottom: 60px;
}

.main-baner-block1-1 {
  width: 46%;
  padding-top: 80px;
  padding-bottom: 60px;
}



.main-baner-block2 {
  width: 55%;
  padding-top: 140px;
    padding-bottom: 80px;
}

.main-baner-block2-1 {
  width: 54%;
  padding-top: 80px;
  position: relative;
}



.main-baner-block2-1 .main-baner-link {
  padding-left: 0px;
  padding-bottom: 0px;
  position: absolute;
  right: 0px;
  bottom: 310px;
  z-index: 1000;
}






.main-baner-block1 h1,
.main-baner-block1-1 h1 {
  padding: 0;
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 55.0048px;
  line-height: 130%;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #1A1A1A;
}

.main-title {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 130%;
  color: #1A1A1A;
  padding-top: 10px;
}

.main-title span {
  color: #E01010;
  font-weight: 800;
  font-feature-settings: 'pnum' on, 'lnum' on;
}








button:focus {
  outline: 0px dotted !important;
  outline: 0px auto -webkit-focus-ring-color !important;
}


.main-baner-form {
  background: #FFFFFF;
  box-shadow: inset 45.3667px -45.3667px 45.3667px rgba(194, 194, 194, 0.151), inset -45.3667px 45.3667px 45.3667px rgba(255, 255, 255, 0.151);
  backdrop-filter: blur(45.3667px);
  border-radius: 25px;
  padding: 40px 50px 30px 40px;
  width: 570px;
  max-width: 100%;
  margin-top: 40px;
  border-right: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.main-baner-form h2 {
  font-size: 22px;
  font-weight: 800;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
  



.main-baner-form #user,
.main-baner-form #phone {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #4D4D4D;
  border-radius: 0px;
  height: 50px;
  font-weight: 600;
  font-size: 18px;
  line-height: 50px;
  color: #4D4D4D;
  margin-bottom: 30px;
}

.main-baner-form #phone {
  background: transparent url(images/call.svg) no-repeat 98% 50%;
}

.main-baner-form #user {
  background: transparent url(images/user.svg) no-repeat 98% 50%;
}


.main-baner-form #subs {
  position: relative;
  background: transparent;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #1A1A1A;
  border-radius: 0px;
  border: none;
  height: 114px;
  padding-left: 110px;
}

.subs {
  position: relative;
  margin-top: 40px;
}


.subs::before {
  position: absolute;
  content: "";
  background: url(images/subs.svg) no-repeat;
  width: 107px;
  height: 114px;
  display: block;
  left: 0;
  transition: all 0.3s ease 0s;
}


.subs:hover:before {
  left: -10px;
}


#main-baner {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: bottom center !important;
}


.main-baner-link {
  padding-left: 120px;
  padding-bottom: 50px;
}


.main-baner-link a {
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  text-decoration: none;
  position: relative;
  padding-left: 75px;
  display: block;
}


.main-baner-link a::before {
  position: absolute;
  content: "";
  background: url(images/video.svg) no-repeat;
  width: 71px;
  height: 76px;
  left: 0;
  top: -17px;
  transition: all 0.3s ease 0s;
}

.main-baner-link a:hover:before {
  left: -5px;
}



.subs p {
  margin-bottom: 0;
}



#uslugy {
  padding-top: 80px;
  padding-bottom: 60px;
}


.title {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #1A1A1A;
}

.title2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #E01010;
  margin-top: 5px;
}


#uslugy .title,
#uslugy .title2,
#price .title,
#price .title2 {
  text-align: center;
}


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

.uslugy-block {
  width: 32.7%;
  margin-bottom: 20px;
  background: #F2F2F2;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
}



.uslugy-block:not(:nth-child(-n + 6)) {
  display: none;
}


.actives {
  display: flex !important;
}






.uslugy--title {
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #E01010;
  padding-bottom: 10px;
  display: block;
}

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



.uslugy-list span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 148.5%;
  color: #4D4D4D;
}


.fn_readmore+[data-readmore-toggle],
.fn_readmore[data-readmore] {
  display: inline-block;
  width: auto;
  position: relative;
}

.fn_readmore[data-readmore] {
  transition: height 500ms;
  overflow: hidden;
  max-height: 63px;
  display: block;
  width: 100%;
}

.fn_readmore+[data-readmore-toggle] {
  text-decoration: none;
  transition: all 0.3s;
}

.fn_readmore+[data-readmore-toggle]:hover,
.fn_readmore+[data-readmore-toggle]:focus {
  color: var(--okay-button-text);
  text-decoration: none;
}

.fn_readmore+[data-readmore-toggle] span {
  font-weight: 500;
  font-size: 14px;
  line-height: 148.5%;
  color: #4D4D4D;
  position: relative;
}


.fn_readmore+[data-readmore-toggle] span::after {
  content: "";
  display: inline-block;
  background: url(images/arrow-right.svg) no-repeat;
  width: 20px;
  height: 20px;
  top: 5px;
  position: relative;
  margin-left: 5px;
}

.fn_readmore+[data-readmore-toggle] span:hover {
  text-decoration: underline;
}


.uslugy-block1 {
  padding-left: 30px;
  padding-top: 40px;
  padding-bottom: 10px;
}


.uslugy-all {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}

.uslugy-all a {
  display: table;
  font-weight: 700;
  font-size: 16px;
  line-height: 55px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  background: #E01010;
  border-radius: 5px;
  width: 200px;
  height: 55px;
  border: 1px solid #E01010;
  transition: all 0.3s ease 0s;
}

.uslugy-all a:hover {
  color: #1A1A1A;
  background: #fff;
  text-decoration: none;
}


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


.tab_navigation {
  overflow: hidden;
  z-index: 1;
  display: flex;
  justify-content: center;
}

.tab_navigation a {
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  border: none;
  background: #F4F4F4;
  border-radius: 4px;
  padding: 0px 25px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-weight: 700;
  font-size: 16px;
  line-height: 57px;
  color: #1A1A1A;
}

.tab_navigation a:hover {
  color: #E01010;
}



.tab_navigation a.selected {
  background: #E01010;
  box-shadow: 0px 15px 21px -10px rgba(198, 16, 16, 0.61);
  color: #fff;
}

.tab_container {
  overflow: hidden;
  margin: -1px 0 0;
}

.tab {
  display: none;
}


.tabs-price {
  padding-top: 40px;
}


.tab-images {
  display: table;
  margin-top: 40px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}


.cd-single-desc {
  position: absolute;
  background: rgba(255, 255, 255, 0.51);
  box-shadow: inset 2.60877px -2.60877px 2.60877px rgba(204, 204, 204, 0.6), inset 5.21754px -5.21754px 5.21754px rgba(255, 255, 255, 0.6), inset -2.60877px 2.60877px 2.60877px rgba(255, 255, 255, 0.6), inset -5.21754px 5.21754px 5.21754px rgba(204, 204, 204, 0.6);
  backdrop-filter: blur(18.7831px);
  border-radius: 10px;
  padding: 30px 20px;
  overflow-y: visible;
  line-height: 1.4;
  display: none;
  top: -135px;
  right: -9px;
  z-index: 1111;
  font-family: 'Raleway';
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #000000;
  text-align: center;
  white-space: nowrap;
}


.cd-single-desc a {
  color: #E01010;
  text-decoration: underline;
  display: block;
  margin-top: 3px;
}

.cd-single-desc::after {
  content: "";
  position: absolute;
  background: url(images/triug.png) no-repeat;
  width: 32px;
  height: 28px;
  bottom: -27px;
  right: 25px;
}


.pulse {
  background: rgba(255, 255, 255, 0.2) url(images/plus.svg) no-repeat center center;
  display: block;
  width: 48px;
  height: 49px;
  cursor: pointer;
  backdrop-filter: blur(6.74682px);
  padding: 32px;
  border-radius: 100%;
}


.pulse-open {
  background: rgba(224, 16, 16, 0.2) url(images/plus-open.svg) no-repeat center center;
  display: block;
  width: 48px;
  height: 49px;
  cursor: pointer;
  backdrop-filter: blur(6.74682px);
  padding: 32px;
  border-radius: 100%;
}


.price-icon1 {
  position: absolute;
  top: 160px;
  left: 280px;
}

.price-icon2 {
  position: absolute;
  top: 270px;
  left: 410px;
}

.price-icon3 {
  position: absolute;
  top: 175px;
  left: 530px;
}

.price-icon4 {
  position: absolute;
  top: 240px;
  left: 655px;
}

.price-icon5 {
  position: absolute;
  top: 210px;
  right: 128px;
}

.price-icon6 {
  position: absolute;
  top: 200px;
  right: 22px;
}

.price-icon7 {
  position: absolute;
  top: 20px;
  right: 275px;
}

.price-icon8 {
  position: absolute;
  top: 140px;
  left: 275px;
}

.price-icon9 {
  position: absolute;
  top: 280px;
  left: 270px;
}

.price-icon10 {
  position: absolute;
  top: 235px;
  right: 365px;
}

.price-icon11 {
  position: absolute;
  top: 200px;
  right: 190px;
}

.price-icon12 {
  position: absolute;
  top: 190px;
  right: 120px;
}

.price-icon13 {
  position: absolute;
  top: 190px;
  right: 120px;
}

.price-icon14 {
  position: absolute;
  top: 10px;
  right: 270px;
}

.price-icon15 {
  position: absolute;
  top: 168px;
  left: 190px;
}

.price-icon16 {
  position: absolute;
  top: 347px;
  left: 267px;
}

.price-icon17 {
  position: absolute;
  top: 184px;
  left: 543px;
}

.price-icon18 {
  position: absolute;
  top: 179px;
  right: 226px;
}


.price-icon19 {
  position: absolute;
  top: 213px;
  right: 94px;
}


.price-icon20 {
  position: absolute;
  top: 177px;
  right: 2px;
}

.price-icon21 {
  position: absolute;
  top: 0px;
  right: 283px;
}


.price-icon22 {
  position: absolute;
  top: 183px;
  left: 283px;
}

.price-icon23 {
  position: absolute;
  top: 310px;
  left: 375px;
}


.price-icon24 {
  position: absolute;
  top: 190px;
  right: 375px;
}

.price-icon25 {
  position: absolute;
  top: 245px;
  right: 250px;
}

.price-icon26 {
  position: absolute;
  top: 223px;
  right: 139px;
}

.price-icon27 {
  position: absolute;
  top: 162px;
  right: 62px;
}

.price-icon28 {
  position: absolute;
  top: 16px;
  right: 362px;
}


.price-icon7 .cd-single-desc,
.price-icon14 .cd-single-desc,
.price-icon21 .cd-single-desc,
.price-icon28 .cd-single-desc {
  top: -30px;
  right: -224px;
}


.price-icon7 .cd-single-desc::after,
.price-icon14 .cd-single-desc::after,
.price-icon21 .cd-single-desc::after,
.price-icon28 .cd-single-desc::after {
  bottom: 34px;
  right: 99%;
  transform: rotate(90deg);
}


.header-menu-block li a:hover {
  color: #E01010;
}

.hidden {
  display: none;
}

.form-items {
  border-radius: 6px;
  padding: 30px;
  max-width: 420px;
}


.form-items h3 {
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 26px;
}



.form-items #user {
  background: transparent url(images/user.svg) no-repeat 98% 50%;
  border-radius: 5px;
  height: 55px;
  margin-bottom: 20px;
}


.form-items #phone {
  background: transparent url(images/call.svg) no-repeat 98% 50%;
  border-radius: 5px;
  height: 55px;
  margin-bottom: 20px;
}

.form-items #subs {
  position: relative;
  background: transparent;
  font-weight: 700;
  font-size: 18px;
  color: #1A1A1A;
  border-radius: 0px;
  border: none;
  height: 75px;
  padding-left: 75px;
}

.form-items p {
  margin-bottom: 0;
}

.otpr {
  position: relative;
  height: 75px;
}


.otpr::before {
  position: absolute;
  content: "";
  background: url(images/subs.svg) no-repeat;
  background-size: 100%;
  width: 70px;
  height: 75px;
  display: block;
  left: 0;
  transition: all 0.3s ease 0s;
}

.otpr:hover:before {
  left: -5px;
}


.otpr p {
  margin: 0;
  padding: 0;
}

.form-sog2 {
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  opacity: 0.7;
  margin-top: 15px;
}




.form-items .input-file {
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1
}

.form-items .input-file+.js-labelFile .icon:before {
  content: "\f093"
}

.form-items .input-file+.js-labelFile.has-file .icon:before {
  content: "\f00c";
  color: #5AAC7B
}

.form-items .js-labelFile {
  background: url(images/camera2.svg) no-repeat 98% 50%;
  width: 100%;
  border: 1px solid #ced4da;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: .01em;
  color: #495057;
  display: block;
  padding: 0 15px;
  height: 55px;
  line-height: 55px;
  margin-bottom: 20px;
  text-align: left;
}


.header-menu-block .arrowsss {
  display: none;
}

.twentytwenty-handle:before,
.twentytwenty-handle:after {
  content: " ";
  display: block;
  width: 3px;
  background: white;
  height: 9999px;
  position: absolute;
  left: 50%;
  margin-left: -1.5px;
  z-index: 30;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 50%;
  margin-top: -19px;
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
}

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.twentytwenty-container img {
  position: absolute;
  top: 0;
  display: block;
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.twentytwenty-before-label {
  opacity: 0;
}

.twentytwenty-before-label:before {
  content: "Before";
  left: 10px;
}

.twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-after-label:before {
  content: "After";
  right: 10px;
}

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25;
}



.twentytwenty-before {
  z-index: 20;
}

.twentytwenty-after {
  z-index: 10;
}

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  z-index: 40;
  background: #fff;
}

.twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  background: url(images/lines.svg);
}

.twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  background: url(images/lines.svg);
  transform: rotate(180deg);
}

.twentytwenty-left-arrow {
  border-right: 6px solid #E01010;
  left: 50%;
  margin-left: -17px;
}

.twentytwenty-right-arrow {
  border-left: 6px solid #E01010;
  right: 50%;
  margin-right: -17px;
}

@media (max-width: 1450px) {

  .main-baner-block1 h1,
  .main-baner-block1-1 h1 {
    font-size: 40px;
  }

  .main-title {
    font-size: 30px;
  }

  .main-baner-block1 h1 br,
  .main-baner-block1-1 h1 br {
    display: none;
  }


}

@media (max-width: 1200px) {


  .main-baner-block1 h1,
  .main-baner-block2 h1 {
    font-size: 34px;
  }

  .main-title {
    font-size: 22px;
  }

  .main-baner-form {
    padding: 25px 25px 20px 25px;
    width: 100%;
  }



  .subs::before {
    background-size: 100%;
    width: 50px;
    height: 53px;
  }


  .main-baner-form #subs {
    font-size: 16px;
    height: 53px;
    padding-left: 55px;
  }

  .subs {
    padding-left: 0px;
    margin-top: 30px;
  }

  .subs:hover:before {
    left: -3px;
  }

  .main-baner-form #user,
  .main-baner-form #phone {
    font-size: 16px;
    margin-bottom: 25px;
  }


  .main-baner-block2,
  .main-baner-block2-1 {
    padding-left: 20px;
    padding-top: 60px;
  }



  .main-baner-block1,
  .main-baner-block1-1 {
    padding-top: 60px;
    padding-bottom: 40px;
  }


  .header-block3 {
    display: none;
  }



  .header-block6 a {
    font-size: 14px;
    line-height: 45px;
    width: 150px;
    height: 45px;
  }


  .header-block5 a {
    font-size: 18px;
  }

  .header-block2 span {
    font-size: 14px;
  }


  .header-block2 a {
    font-size: 12px;
  }


  .header-block1 img {
    max-width: 180px;
  }


  .header-menu-block li a {
    font-size: 14px;
  }


  #uslugy {
    padding-top: 60px;
  }

  .title {
    font-size: 32px;
  }


  .title2 {
    font-size: 16px;
  }


  .uslugy-image {
    display: flex;
    align-items: flex-end;
  }


  .uslugy-block1 {
    padding-left: 20px;
    padding-top: 20px;
  }

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

  .fn_readmore+[data-readmore-toggle] span {
    font-size: 13px;
  }


  #price {
    padding-top: 20px;
  }

  .cd-single-desc {
    padding: 25px 15px;
    font-size: 16px;
  }


  .main-baner-link {
    padding-left: 65px;
  }



}


@media (max-width: 992px) {

  .header-block5 {
    display: none;
  }

  .header-block1 img {
    max-width: 142px;
  }


  .header-block4 a {
    font-size: 14px;
  }

  .estimation {
    font-size: 13px !important;
    padding-left: 25px;
  }

  .header-menu-block li a {
    font-size: 13px;
  }


  .main-baner-block1,
  .main-baner-block1-1 {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 52%;
  }

  .main-baner-block1 h1,
  .main-baner-block1-1 h1 {
    font-size: 30px;
  }

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


  .main-baner-block2,
  .main-baner-block2-1 {
    width: 48%;
    padding-top: 100px;
  }

  .main-baner-link {
    padding-left: 0px;
  }

  .main-baner-form {
    padding: 20px 20px 0px 20px;
    margin-top: 30px;
  }

  .main-baner-form #user,
  .main-baner-form #phone {
    font-size: 14px;
    margin-bottom: 25px;
    height: 45px;
  }


  .uslugy-block {
    width: 49%;
    margin-bottom: 15px;
  }


  .uslugy-all a {
    font-size: 14px;
    line-height: 50px;
    width: 180px;
    height: 50px;
  }

  .tab_navigation a {
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px 15px;
    font-size: 14px;
    line-height: 45px;
  }


  .pulse {
    background-size: 100%;
    width: 30px;
    height: 31px;
    padding: 20px;
  }


  .cd-single-desc {
    padding: 20px 15px;
    font-size: 14px;
    top: -109px;
    right: -21px;
  }


  .price-icon7 .cd-single-desc,
  .price-icon14 .cd-single-desc,
  .price-icon21 .cd-single-desc,
  .price-icon28 .cd-single-desc {
    top: -13px;
    right: -196px;
  }


  .tab_container {
    margin-top: -20px;
  }


  .price-icon1 {
    top: 112px;
    left: 197px;
  }

  .price-icon2 {
    top: 215px;
    left: 270px;
  }

  .price-icon3 {
    top: 135px;
    left: 377px;
  }

  .price-icon5 {
    top: 160px;
    right: 90px;
  }


  .price-icon4 {
    top: 170px;
    left: 470px;
  }


  .price-icon6 {
    top: 124px;
    right: 21px;
  }


  .price-icon7 {
    top: 20px;
    right: 220px;
  }


  .price-icon8 {
    top: 104px;
    left: 215px;
  }

  .price-icon10 {
    top: 117px;
    right: 209px;
  }

  .price-icon9 {
    top: 200px;
    left: 315px;
  }

  .price-icon13 {
    top: 104px;
    right: 39px;
  }

  .price-icon12 {
    top: 150px;
    right: 84px;
  }

  .price-icon11 {
    top: 172px;
    right: 137px;
  }

  .price-icon15 {
    top: 129px;
    left: 122px;
  }

  .price-icon16 {
    top: 234px;
    left: 186px;
  }


  .price-icon17 {
    top: 143px;
    left: 377px;
  }


  .price-icon18 {
    top: 145px;
    right: 150px;
  }


  .price-icon19 {
    top: 123px;
    right: 70px;
  }

  .price-icon20 {
    top: 103px;
    right: 2px;
  }


  .price-icon24 {
    top: 145px;
    right: 269px;
  }


  .price-icon22 {
    top: 138px;
    left: 200px;
  }


  .price-icon25 {
    top: 174px;
    right: 179px;
  }

  .price-icon23 {
    top: 226px;
    left: 272px;
  }

  .price-icon27 {
    top: 122px;
    right: 46px;
  }

  .price-icon26 {
    top: 178px;
    right: 103px;
  }


  .tab-images img {
    width: 690px;
    object-fit: cover;
  }


  .price-icon28 {
    top: 19px;
    right: 294px;
  }

  #uslugy {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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


@media (max-width: 768px) {

  .header-block4 a {
    font-size: 20px;
    text-decoration: none;
  }


  .header-block2,
  .header-block6,
  .estimation {
    display: none !important;
  }



  .header-menu-block {
    margin-left: 0;
    padding-left: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .open-menu-menu {
    display: block;
  }




  .header-menu-block .current-menu-item::after {
    display: none;
  }


  .open-menu-body {
    position: relative;

  }

  .open-menu-body::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    z-index: 20;
  }

  .open-mob-menu {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 20px;
    top: 30px;
  }

  .header-block4 {
    padding-right: 60px;
  }

  .open-mob-menu span {
    content: "";
    background: #E01010;
    position: absolute;
    width: 24px;
    height: 2px;
    left: 10px;
    top: 7px;
    transition: all 0.3s ease 0s;
  }

  .open-mob-menu::before {
    content: "";
    background: #E01010;
    position: absolute;
    width: 24px;
    height: 2px;
    left: 10px;
    top: 0px;
    transition: all 0.3s ease 0s;
  }

  .open-mob-menu::after {
    content: "";
    background: #E01010;
    position: absolute;
    width: 24px;
    height: 2px;
    left: 10px;
    top: 15px;
    transition: all 0.3s ease 0s;
  }


  .open-menu-body .open-mob-menu {
    left: 53%;
    top: 10px;
    z-index: 101;
  }

  .open-menu-body .open-mob-menu span {
    opacity: 0;
  }


  .open-menu-body .open-mob-menu::before {
    transform: rotate(45deg);
    top: 15px;
  }

  .open-menu-body .open-mob-menu::after {
    transform: rotate(-45deg);
    top: 15px;
  }


  .header-menu-block li a {
    font-size: 16px;
  }

  .arrowsss {
    display: block;
  }


  .header-menu-block .arrowsss {
    position: absolute;
    width: 25px;
    height: 25px;
    cursor: pointer;
    top: 10px;
    background: url(images/dowwnn.png) no-repeat center center;
    right: 0px;
    z-index: 100000;
    display: inline-block;
  }

  .header-menu-block .sub-menu {
    display: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
  }


  .header-menu-block .active {
    transform: rotate(180deg);
  }



  .header-menu-block .menu-item-has-children::after {
    display: none;
  }

  .mob-menu {
    margin-top: 40px;
  }

  .mob-menu,
  .mob-menu a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
  }

  .mob-menu-adress {
    margin-bottom: 20px;
  }

  .mob-menu-adress span {
    display: block;
    margin-bottom: 10px;
  }

  .mob-menu-phone {
    margin-bottom: 20px;
  }

  .mob-menu-soc {
    display: flex;
  }

  mob-menu-soc .whatsapp,
  .mob-menu-soc .viber {
    margin-right: 5px;
  }


  .mob-menu-phone a {
    display: block;
  }


  .main-baner-block1,
  .main-baner-block1-1 {
    width: 100%;
    padding-bottom: 20px;
  }

  .main-baner-block2,
  .main-baner-block2-1 {
    width: 100%;
    padding-top: 20px;
    padding-left: 0px;
  }


  .main-baner-item {
    flex-wrap: wrap;
  }


  #main-baner {
    background-size: unset !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
  }

  .main-baner-link a::before {
    content: "";
    background: url(images/play-mob.svg) no-repeat;
    width: 71px;
    height: 76px;
    top: -17px;
  }


  .main-baner-link a {
    color: #1A1A1A;
  }


  .main-baner-form #user,
  .main-baner-form #phone {
    font-size: 16px;
    height: 50px;
  }

  .main-baner-form {
    padding: 20px 20px 35px 20px;
    margin-top: 20px;
  }



  .uslugy-block {
    width: 100%;
  }

  .uslugy-block:not(:nth-child(-n + 4)) {
    display: none;
  }

  .uslugy--title a {
    font-size: 18px;
  }

  .fn_readmore+[data-readmore-toggle] span {
    font-size: 14px;
  }

  .title {
    font-size: 24px;
  }

  #uslugy {
    padding-bottom: 20px;
  }

  .tab_navigation {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .tab_navigation a.selected {
    box-shadow: none;
  }


  .tab_navigation a {
    margin-bottom: 10px;
  }

  .tab-images img {
    width: 390px;
  }

  .pulse {
    width: 25px;
    height: 26px;
  }

  .price-icon1 {
    top: 62px;
    left: 92px;
  }

  .cd-single-desc {
    padding: 13px 10px;
    font-size: 13px;
    top: -85px;
    right: -20px;
  }

  .price-icon2 {
    top: 124px;
    left: 102px;
  }

  .price-icon3 {
    top: 77px;
    left: 204px;
  }

  .price-icon4 {
    top: 80px;
    left: 256px;
  }

  .price-icon5 {
    top: 84px;
    right: 39px;
  }

  .price-icon6 {
    top: 51px;
    right: 8px;
  }

  .price-icon7 .cd-single-desc,
  .price-icon14 .cd-single-desc,
  .price-icon21 .cd-single-desc,
  .price-icon28 .cd-single-desc {
    top: 4px;
    right: -166px;
  }

  .price-icon7 .cd-single-desc::after,
  .price-icon14 .cd-single-desc::after,
  .price-icon21 .cd-single-desc::after,
  .price-icon28 .cd-single-desc::after {
    bottom: 28px;
    right: 98%;
    transform: rotate(90deg);
  }


  .price-icon8 {
    top: 54px;
    left: 126px;
  }

  .price-icon9 {
    top: 130px;
    left: 90px;
  }

  .price-icon10 {
    top: 79px;
    right: 120px;
  }

  .price-icon11 {
    top: 81px;
    right: 69px;
  }

  .price-icon12 {
    top: 84px;
    right: 23px;
  }


  .price-icon13 {
    top: 42px;
    right: 20px;
  }


  .tab_container {
    margin-top: -5px;
  }

  .price-icon14 {
    top: 0px;
    right: 166px;
  }

  .price-icon15 {
    top: 77px;
    left: 62px;
  }

  .price-icon16 {
    top: 124px;
    left: 124px;
  }

  .price-icon17 {
    top: 80px;
    left: 208px;
  }

  .price-icon18 {
    top: 84px;
    right: 84px;
  }

  .price-icon19 {
    top: 81px;
    right: 38px;
  }

  .price-icon20 {
    top: 47px;
    right: 9px;
  }

  .price-icon21 {
    top: 0px;
    right: 180px;
  }

  .price-icon22 {
    top: 67px;
    left: 132px;
  }

  .price-icon23 {
    top: 136px;
    left: 143px;
  }

  .price-icon24 {
    top: 90px;
    right: 149px;
  }

  .price-icon25 {
    top: 95px;
    right: 98px;
  }

  .price-icon26 {
    top: 94px;
    right: 53px;
  }

  .price-icon27 {
    top: 59px;
    right: 26px;
  }

  .price-icon28 {
    top: 11px;
    right: 177px;
  }

  .tabs-price {
    padding-top: 35px;
  }


}


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


#brand .title {
  text-align: center;
}




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


.brand-block {
  width: 25%;
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #F4F4F4;
  text-decoration: none;
}



.brand-block img {
  transition: 0.3s;
  display: block;
}

.brand-block img:hover {
  transform: scale(1.1);
}


.brand-block a {
  font-family: 'Raleway';
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #F4F4F4;
  text-decoration: none;
}


.brand-all {
  width: 25%;
  background: #E01010;
  color: #fff;
  position: relative;
  display: flex;
  align-items: flex-end;
}


.brand-all span {
  padding-bottom: 30px;
  padding-left: 20px;
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #F4F4F4;
  position: relative;
  cursor: pointer;
}

.brand-all span::after {
  content: "";
  background: url(images/arrow-right2.svg) no-repeat;
  width: 116px;
  height: 24px;
  position: relative;
  display: inline-block;
  top: 6px;
  left: 8px;
}



.brand-title {
  position: absolute;
  bottom: 35px;
  left: 20px;
}


.brand-block:not(:nth-child(-n + 7)) {
  display: none;
}


.brand-block-open {
  display: block !important;
}


.dis-non {
  display: none;
}

#forms {
  padding-top: 140px;
  padding-bottom: 80px;
}




.form-item {
  background: #A40012 url(images/image30.png) no-repeat 90% 0%;
  border-radius: 20px;
  height: 360px;
  position: relative;
  padding-top: 65px;
  padding-left: 100px;
}

#forms .title,
#forms2 .title {
  color: #fff;
}


.form-sov {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  color: #FFFFFF;
}

.form-sov .whatsapp {
  margin-left: 10px;
}


.form-form-item {
  display: flex;
  padding-top: 40px;
}

.form-block3 {
  display: none;
}



#filles {
  display: none;
}

.form-phone {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
}


.form-phone input {
  position: absolute;
  bottom: 82px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  text-align: center;
  display: table;
  color: #FFFFFF;
  border: none;
  background: #E01010;
  border-radius: 5px;
  padding-left: 25px;
  padding-right: 25px;
}

.form-phone input:hover {
  background: #A40012;
}


.form-block1 {
  width: 20%;
  margin-right: 20px;
}


.form-block4 {
  width: 100%;
  position: relative;
  padding-top: 10px;
}





.form-block4 input,
.form-block4 input:hover,
.form-block4 input:active,
.form-block4 input:focus {
  background: transparent;
  border: none;
  border-radius: none;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #FFFFFF;
  padding-left: 100px;
  position: relative;
  z-index: 10;
}

.form-block4::before {
  position: absolute;
  content: "";
  background: url(images/subs.svg) no-repeat;
  width: 110px;
  height: 123px;
  left: 0;
  top: -20px;
  transition: all 0.3s ease 0s;
  z-index: 0;
}

.form-block4:hover:before {
  left: -5px;
}

.form-block4 p {
  margin: 0;
  padding: 0;
}

.form-sog {
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  opacity: 0.7;
}


.form-block1 input {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), rgba(164, 0, 18, 0.7);
  border: 2px solid #FFFFFF;
  backdrop-filter: blur(2px);
  border-radius: 5px;
  height: 62px;
  line-height: 62px;
  color: #1A1A1A;
  padding-left: 20px;
}


#choice {
  padding-top: 140px;
  padding-bottom: 80px;
  background: url(images/bg2-min.png) no-repeat bottom center;
  margin-bottom: 60px;
}

#choice2 {
background: url(images/bg2-min.png) no-repeat bottom center;
  margin-bottom: 60px;
}

.choice-item {
  padding-top: 40px;
}


.choice-block {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.choice-text {
  padding-left: 30px;
}


.choice-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #1A1A1A;
  margin-bottom: 5px;
}

.choice-desc {
  font-size: 16px;
  line-height: 130%;
  color: #4D4D4D;
}



.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-banner .slick-slide img {
  display: block;
  width: 100%;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url('../images/fn_loader.gif') center center no-repeat;
}

.slick-prev,
.slick-next {
  font-size: 0;
  position: absolute;
  width: 41px;
  height: 41px;
  top: 50%;
  margin-top: -20px;
  display: block;
  padding: 0;
  z-index: 10;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
}

.slick-prev {
  left: 0px;
  background: url(images/arrow-slick.svg);
  transform: rotate(180deg);
}

.slick-next {
  right: 0px;
  background: url(images/arrow-slick.svg);
}

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

.slick-dots {
  position: absolute;
  bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
}



.slick-dots li button {
  display: block;
  width: 100px;
  height: 2px;
  outline: none;
  padding: 0;
  border: 0;
  background-color: #BCBCBC;
  cursor: pointer;
  color: transparent;
}

.slick-dots li button:hover,
.slick-dots li.slick-active button {
  background-color: #E01010;
}




.carousel .slick-prev,
.carousel .slick-next {
  top: -70px;
  margin: 0;
}

.carousel .slick-next {
  right: 15px;
}

.carousel .slick-prev {
  left: auto;
  right: 45px;
}


#job {
  padding-top: 80px;
  padding-bottom: 140px;
  background: #F4F4F4;
}

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

.job-block {
  display: flex !important;
  justify-content: space-between;
}

.job-block2 {
  display: flex;
  justify-content: space-between;
}


.job-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #E01010;
  margin-bottom: 20px;
}

.job-name a {
  color: #E01010;
  text-decoration: none;
}


.job-desc,
.job-time,
.job-price {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #1A1A1A;
  margin-bottom: 20px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}


.job-desc span,
.job-time span,
.job-price span {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #4D4D4D;
  display: block;
  position: relative;
  padding-left: 20px;
}

.job-desc span::before {
  content: "";
  position: absolute;
  background: url(images/01-job.svg);
  width: 12px;
  height: 12px;
  left: 0;
}

.job-time span::before {
  content: "";
  position: absolute;
  background: url(images/02-job.svg);
  width: 12px;
  height: 12px;
  left: 0;
}

.job-price span::before {
  content: "";
  position: absolute;
  background: url(images/03-job.svg);
  width: 12px;
  height: 12px;
  left: 0;
}



.job-block2 img {
  width: 50%;
}


#job .slick-dots {
  left: 45%;
  bottom: -50px;
}


#job .slick-prev {
  left: 61%;
  bottom: -100px;
  top: auto;
}


#job .slick-next {
  left: 66%;
  bottom: -100px;
  top: auto;
}

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


#main {
  background: #F4F4F4;
  padding-top: 80px;
  padding-bottom: 80px;
}


.reviews-item {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.reviews-item1 {
  margin-top: 40px;
}



.main-item {
  margin-top: 40px;
  display: flex;
}

.main-block1 {
  width: 50%;
}

.main-block2 {
  width: 50%;
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
}

.main-block2::before {
  content: "";
  position: absolute;
  left: 0;
  background: url(images/komplany.svg) no-repeat;
  width: 40px;
  height: 425px;
  top: 20px;
}



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

.photos-block {
  width: 33%;
}



.fn_readmore1+[data-readmore-toggle],
.fn_readmore1[data-readmore] {
  display: inline-block;
  width: auto;
  position: relative;
}


.fn_readmore1[data-readmore] {
  transition: height 500ms;
  overflow: hidden;
  max-height: 175px;
  display: block;
  width: 100%;
}

.fn_readmore1+[data-readmore-toggle] {
  margin-top: 13px;
  text-decoration: none;
  transition: all 0.3s;
}

.fn_readmore1+[data-readmore-toggle]:hover,
.fn_readmore1+[data-readmore-toggle]:focus {
  color: var(--okay-button-text);
  text-decoration: none;
}

.fn_readmore1+[data-readmore-toggle] span {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  color: #FFFFFF;
  background: #E01010;
  border-radius: 5px;
  width: 174px;
  text-align: center;

}

.fn_readmore1+[data-readmore-toggle]:hover span {
  background: #A40012;
}


.photos-title {
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 36px;
  line-height: 130%;
  text-transform: uppercase;
  color: #E01010;
  margin-bottom: 10px;
}

.photos-title2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #1A1A1A;
  margin-bottom: 10px;

}

.photos-desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #4D4D4D;
}



#main .slick-dots li button {
  width: 45px;
}


#main .slick-dots {
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
}



#staff {
  padding-top: 80px;
  padding-bottom: 160px;
}



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

.staff-block img {
  border-radius: 6px;
  margin-bottom: 15px;
}


.staff-name {
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 20px;
  line-height: 130%;
  color: #1A1A1A;
  margin-bottom: 10px;
}


.staff_prof {
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #4D4D4D;
  margin-bottom: 5px;
}


.staff_opit {
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #E01010;
  position: relative;
  padding-left: 25px;
}

.staff_opit::before {
  content: "";
  position: absolute;
  left: 0;
  width: 15px;
  height: 14px;
  background: url(images/star.svg) no-repeat;
  top: 1px;
}

#staff .slick-dots,
#staff2 .slick-dots,
#staff3 .slick-dots {
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
}


#staff .slick-prev,
#staff2 .slick-prev,
#staff3 .slick-prev {
  left: 50%;
  top: auto;
  bottom: -120px;
  margin-left: -50px;
}

#staff .slick-next,
#staff2 .slick-next,
#staff3 .slick-next {
  right: 50%;
  top: auto;
  bottom: -120px;
  margin-right: -50px;
}


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

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


.contact-block1 {
  width: 35%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}

.contact-block2 {
  width: 65%;
}


.contact-text1,
.contact-text2,
.contact-text3,
.contact-text4,
.contact-text5,
.contact-text6,
.contact-text7 {
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  color: #4D4D4D;
  padding-left: 45px;
  position: relative;
}


.contact-text2 a,
.contact-text3 a,
.contact-text4 a,
.contact-text5 a,
.contact-text6 a,
.contact-text7 a {
  text-decoration: none;
  color: #4D4D4D;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.contact-text2 a:hover,
.contact-text3 a:hover,
.contact-text4 a:hover,
.contact-text5 a:hover,
.contact-text6 a:hover,
.contact-text7 a:hover {
  text-decoration: none;
  color: #E01010;
}


.contact-text1::before,
.contact-text2::before,
.contact-text3::before,
.contact-text4::before,
.contact-text5::before,
.contact-text6::before,
.contact-text7::before {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  top: 2px;
}


.contact-text1::before {
  background: url(images/con01.svg) no-repeat;
}

.contact-text2::before {
  background: url(images/con02.svg) no-repeat;
}

.contact-text3::before {
  background: url(images/con03.svg) no-repeat;
}

.contact-text4::before {
  background: url(images/con04.svg) no-repeat;
}

.contact-text5::before {
  background: url(images/con05.svg) no-repeat;
}

.contact-text6::before {
  background: url(images/con06.svg) no-repeat;
}

.contact-text7::before {
  background: url(images/con07.svg) no-repeat;
}



footer {
  background: #1A1A1A;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

footer a {
  color: #fff;
  text-decoration: none;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

footer a:hover {
  color: #E01010;
  text-decoration: none;
}


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

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


.footer-item h3 {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: #fff;
}

.footer-item li {
  list-style-type: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 180%;
}

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



.footer-item p {
  margin-bottom: 0;
  line-height: 180%;
}


.header-block4 a:hover,
.header-block5 a:hover {
  color: #E01010;
  text-decoration: none;
}


.footer-soc {
  display: flex;
  margin-top: 20px;
}


.foot01 {
  display: block;
  width: 24px;
  height: 24px;
  background: url(images/foot01.svg) no-repeat;
  margin-right: 10px;
}

.foot02 {
  display: block;
  width: 24px;
  height: 24px;
  background: url(images/foot02.svg) no-repeat;
  margin-right: 10px;
}

.foot03 {
  display: block;
  width: 25px;
  height: 25px;
  background: url(images/foot03.svg) no-repeat;
}


.job-block1 {
  padding-right: 10px;
}



@media (max-width: 1200px) {

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


  .brand-all span {
    font-size: 14px;
  }

  .brand-all span::after {
    background: url(images/arrow-right2.svg) no-repeat top right;
    width: 32px;
  }


  .form-phone img {
    width: 200px;
  }


  .form-item .title {
    font-size: 28px;
  }


  .form-phone input {
    bottom: 50px;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }


  .form-item {
    height: auto;
    padding-top: 40px;
    padding-left: 40px;
    padding-bottom: 40px;
  }


  .form-block1 {
    width: 23%;
    margin-right: 10px;
  }


  .form-block4 input,
  .form-block4 input:hover,
  .form-block4 input:active,
  .form-block4 input:focus {
    font-size: 14px;
    padding-left: 60px;
  }

  .form-block4::before {
    background-size: 100%;
    width: 60px;
    height: 65px;
    top: -8px;
  }


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


  #choice {
    padding-top: 80px;
    padding-bottom: 80px;
    background: url(images/bg2-min.png) no-repeat center left;
    background-size: 120%;
    margin-bottom: 0px;
  }


    #choice2 {
    background: url(images/bg2-min.png) no-repeat center left;
      background-size: 120%;
      margin-bottom: 0px;
    }


  .job-block2 img {
    object-fit: cover;
  }


  .main-block2::before {
    display: none;
  }

  #job .slick-dots {
    left: 42%;
  }


  #job .slick-prev {
    left: 60%;
  }


  #main .slick-dots li button {
    width: 25px;
  }


  .main-item {
    align-items: flex-start;
  }

  .fn_readmore1[data-readmore] {
    max-height: 185px !important;
  }


  #main .slick-dots {
    bottom: -35px;
  }


  .fn_readmore1+[data-readmore-toggle] span {
    font-size: 14px;
    line-height: 45px;
    height: 45px;
    width: 150px;
  }

  .photos-title {
    font-size: 30px;
    margin-bottom: 5px;
  }


  .photos-block {
    width: auto;
    padding-right: 10px;
  }

  .photos-title2 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .photos-desc {
    font-size: 13px;
  }

  #staff {
    padding-top: 60px;
    padding-bottom: 120px;
  }

  .staff-item {
    margin-left: -7px;
    margin-right: -7px;
  }



  .staff-block {
    margin-left: 7px;
    margin-right: 7px;
  }


  .staff-name {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .staff_prof {
    font-size: 14px;
  }


  .staff_opit {
    font-size: 14px;
  }


  .slick-dots li button {
    width: 50px;
  }


  .contact-text1,
  .contact-text2,
  .contact-text3,
  .contact-text4,
  .contact-text5,
  .contact-text6,
  .contact-text7 {
    font-size: 16px;
  }


  .footer-block1 img {
    width: 180px;
  }



  .footer-item h3 {
    font-size: 16px;
  }

  .footer-block1 {
    padding-right: 20px;
  }

  .footer-item li {
    font-size: 14px;
  }

  .footer-item {
    font-size: 14px;
  }


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

}


@media (max-width: 992px) {

  .brand-title {
    bottom: 15px;
    left: 15px;
  }

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


  .brand-all br {
    display: none;
  }


  .brand-all span {
    font-size: 13px;
    padding-bottom: 15px;
    padding-left: 15px;
  }


  .form-phone {
    right: 20px;
  }

  .form-phone img {
    width: 160px;
  }

  .form-form-item {
    display: flex;
    padding-top: 25px;
    flex-wrap: wrap;
  }

  .form-block1 {
    width: 30%;
  }

  .form-block4 {
    width: 100%;
    margin-bottom: 30px;
  }

  .form-block4::before {
    top: -2px;
  }

  .form-phone input {
    bottom: 45px;
    font-size: 12px;
    line-height: 35px;
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
  }


  .form-item {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
  }

  .form-item .title {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .form-sov {
    font-size: 18px;
  }


  #forms {
    padding-top: 60px;
    padding-bottom: 20px;
  }


  #choice {
    padding-top: 60px;
    padding-bottom: 60px;
    background-size: 140%;
  }

    #choice2 {
      background-size: 140%;
    }


  .choice-text {
    padding-left: 20px;
  }


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

  .choice-desc {
    font-size: 14px;
  }


  #job {
    padding-top: 60px;
    padding-bottom: 120px;
    background: #F4F4F4;
  }


  .job-block {
    flex-wrap: wrap;
  }

  .job-block1 {
    width: 100%;
  }

  .job-block2 {
    width: 100%;
  }

  #job .slick-dots {
    left: 50%;
    transform: translateX(-50%);
    bottom: -40px;
  }


  #job .slick-prev {
    left: 50%;
    bottom: -80px;
    margin-left: -40px;
  }


  #job .slick-next {
    left: 50%;
    bottom: -80px;
  }


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


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

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


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

  .main-block2 {
    width: 100%;
  }

  .fn_readmore1[data-readmore] {
    max-height: 165px !important;
  }

  .contact-block1 {
    width: 50%;
  }

  .contact-block2 {
    width: 50%;
  }


  .footer-block3 {
    display: none;
  }


  .footer-block4 {
    padding-right: 20px;
  }

}


@media (max-width: 768px) {


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

  .brand-block {
    width: 50%;
  }

  .brand-all {
    width: 50%;
  }


  .brand-block:not(:nth-child(-n + 5)) {
    display: none;
  }

  .form-phone {
    display: none;
  }

  .form-block1 {
    width: 48%;
    margin-right: 2%;
  }

  .form-block1 input {
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
  }


  #forms {
    padding-top: 40px;
    padding-bottom: 10px;
  }

  #choice {
    padding-top: 40px;
    padding-bottom: 20px;
    background: transparent;
  }


    #choice2 {
      background: transparent;
    }

  .form-item {
    padding-top: 30px;
    padding-left: 26px;
    padding-bottom: 25px;
    padding-right: 25px;
  }


  #job {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .slick-dots li button {
    width: 25px;
  }

  .job-item {
    margin-top: 35px;
  }

  #reviews {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  #staff .slick-dots,
  #staff2 .slick-dots,
#staff3 .slick-dots {
    bottom: -45px;
  }


  #staff .slick-prev,
  #staff2 .slick-prev,
   #staff3 .slick-prev {
    bottom: -90px;
  }

  #staff .slick-next,
  #staff2 .slick-next,
   #staff3 .slick-next {
    bottom: -90px;
  }


  .main-block2 {
    padding-left: 40px;
    padding-right: 40px;
  }


  #staff {
    padding-top: 40px;
    padding-bottom: 85px;
  }





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


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

  .contact-block2 {
    width: 100%;
  }


  .contact-block1 div {
    margin-bottom: 20px;
  }


  #contact {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

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


  .footer-block2 {
    width: 50%;
    margin-bottom: 20px;
    padding-right: 10px;
  }

  .footer-block4 {
    width: 50%;
    padding-right: 10px;
  }

  .footer-block3 {
    display: block;
    width: 50%;
    margin-bottom: 20px;
    padding-right: 10px;
  }


  .footer-block5 {
    width: 50%;
  }

  .brand-title {
    bottom: 15px;
    left: 10px;
    font-size: 13px;
  }

  #job .slick-prev {
    margin-left: -40px;
  }

  #job .slick-next {
    margin-left: 10px;
  }

  .job-block2 img {
    width: 100%;
  }

  .job-block2 {
    flex-wrap: wrap;
  }

}


.imgss {
  opacity: 0;
  height: 0;
}


.twentytwenty-before {
  opacity: 1 !important;
  height: auto !important;
}


.twentytwenty-after {
  opacity: 1 !important;
  height: auto !important;
}



#gruz {
  padding-top: 80px;
  padding-bottom: 70px;
}


#gruz .title,
#gruz .title2 {
  text-align: center;
}


.gruz-item {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.gruz-block {
  width: 33.33333%;
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
}

.gruz-block img {
  border-radius: 10px;
  margin-bottom: 10px;
}


.gruz-name {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #1A1A1A;
}

.gruz-name a {
  color: #1A1A1A;
  text-decoration: none;
}

.gruz-name a:hover {
  color: #E01010;
  text-decoration: none;
}



.gruz-price {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #E01010;
}


.gruz-info {
  position: relative;
}

.gruz-info::after {
  content: "";
  width: 42px;
  height: 42px;
  background: url(images/str-gruz.svg) no-repeat;
  position: absolute;
  right: 0;
  top: 0px;
  transition: all 0.3s ease 0s;
}


.gruz-block:hover .gruz-info::after {
  right: 10px;
}


#txtblock {
  padding-top: 80px;
  padding-bottom: 80px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}


.txtblock-item {
  width: 50%;
}

.txtblock-text {
  margin-top: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #4D4D4D;
}



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


.price_remont-item {
  display: flex;
  margin-top: 40px;
}


.price_remont-block1 {
  width: 60%;
  padding-right: 20px;
}

.price_remont-block2 {
  width: 40%;
}


.price_remont-block1details div {
  padding-bottom: 10px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #243F4A;
}



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

.price_remont-block1 details,
.faq-item details {
  display: block;
  outline-style: none;
  cursor: pointer;
  position: relative;
}


.price_remont-block1 summary,
.faq-item summary {
  padding: 18px 20px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #1A1A1A;
  background: #F4F4F4;
  border-radius: 4px;
}






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



.price_remont-block1 details:after,
.faq-item details:after {
  content: "";
  background: url(images/ddown.svg);
  width: 32px;
  height: 32px;
  position: absolute;
  right: 20px;
  top: 14px;
}


.price_remont-block1 details[open]:after,
.faq-item details[open]:after {
  content: "";
  background: url(images/uup.svg);
  width: 32px;
  height: 32px;
  position: absolute;
  right: 20px;
  top: 14px;
}


.price_remont-block1 summary:hover,
.faq-item summary:hover {
  color: #E01010;
}



.price_remont-block1 details[open] summary,
.faq-item details[open] summary {
  background: #E01010;
  color: #fff;
}



.price_remont_price {
  margin-top: 15px;
  margin-bottom: 15px;
}

.price_remont_vid {
  font-weight: 400;
  font-size: 18px;
  line-height: 50px;
  color: #1A1A1A;
  padding-left: 20px;
}



.price_remont_cena {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 50px;
  color: #4D4D4D;
  text-align: right;
  padding-right: 20px;
}


.price_remont_row {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.price_remont_row:nth-child(odd) {
  background: #fafafa;
}



.price_form_wats {
  width: 30px;
  height: 30px;
  display: block;
  background: url(images/wats-form.svg) no-repeat;
  margin-left: 15px;
  margin-right: 10px;
}

.price_form_teleg {
  width: 30px;
  height: 30px;
  display: block;
  background: url(images/teleg-form.svg) no-repeat;
}

.price_form_title {
  display: flex;
  align-items: center;
}



.price_form_title span {
  display: block;
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  color: #FFFFFF;
}


.price_form {
  background: #A40012 url(images/image-30.png) no-repeat bottom center;
  border-radius: 6px;
  padding: 45px 35px;
  color: #fff;
}

.price_form h3 {
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 36px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}


.price_form_title2,
.price_form_title2 a {
  font-family: 'Raleway';
  font-weight: 700;
  font-size: 29.4488px;
  line-height: 130%;
  color: #FFFFFF;
}


.price_form_block4 {
  display: none;
}


.price_form_item {
  margin-top: 30px;
  margin-bottom: 10px;
}


.price_form_block1 input,
.price_form_block2 input,
.price_form_block5 input {
  background: #f6e5e7;
  border: 2px solid #FFFFFF;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 62px;
  height: 62px;
  color: #1A1A1A;
  width: 100%;
  text-align: left;
  padding-left: 20px;
}


.price_form_block1 input {
  background: #f6e5e7 url(images/fr-user.svg) no-repeat 97% 50%;
}

.price_form_block2 input {
  background: #f6e5e7 url(images/fr-phone.svg) no-repeat 97% 50%;
}

.price_form_block5 input {
  background: #f6e5e7 url(images/fr-camera.svg) no-repeat 97% 50%;
}

.price_form_block1 input::placeholder,
.price_form_block2 input::placeholder {
  color: #1A1A1A;
}


.price_form_block5 span {
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  display: block;
  margin-top: 7px;
}


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


.price_form_block7 p {
  margin: 0;
  padding: 0;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
}

.price_form_block8 {
  position: relative;
}

.price_form_block8::before {
  content: "";
  position: absolute;
  left: 0;
  background: url(images/price-bottom.svg) no-repeat;
  width: 93px;
  height: 99px;
  top: 4px;
  transition: all 0.3s ease 0s;
  z-index: 0;
}


.price_form_block8 input {
  background: transparent;
  border: none;
  border-radius: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 99px;
  color: #FFFFFF;
  position: relative;
  z-index: 10;
  padding-left: 95px;
}

.price_form_block8 input:hover,
.price_form_block8 input:active,
.price_form_block8 input:focus,
.price_form_block8 input:visited {
  background: transparent !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 0 !important;
}


.price_form_item p {
  margin: 0;
  padding: 0;
}


.price_form_block1,
.price_form_block2 {
  margin-bottom: 20px;
}



.price_form_block8 p {
  margin: 0;
  padding: 0;
}


.price_form_block8:hover::before {
  left: -5px;
}


.price_form_block7 {
  padding-top: 40px;
}


.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: transparent !important;
  border-color: none !important;
  box-shadow: 0 0 0 0rem rgb(38 143 255 / 0%) !important;
}


#marky {
  background: #F4F4F4;
  padding-top: 80px;
  padding-bottom: 110px;
}

#marky .title {
  text-align: center;
}


.marky-item {
  margin-top: 50px;
  margin-left: -7px;
  margin-right: -7px;
}

.marky-block {
  margin-left: 7px;
  margin-right: 7px;
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 4px 34px #F2F2F2;
  border-radius: 10px;
  height: 164px;
display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
	padding-top: 10px;
	padding-bottom: 10px;
}

.marky-block img {
  filter: grayscale(100%);
  opacity: 0.3;
  display: block;
  transition: all 0.3s ease 0s;
	max-height: 83px;
}


.marky-block:hover img {
  opacity: 0.6;
}

#marky .slick-prev {
  left: 50%;
  top: auto;
  bottom: -60px;
  margin-left: -45px;
}

#marky .slick-next {
  right: 50%;
  top: auto;
  bottom: -60px;
  margin-right: -45px;
}


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

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


.garant-block1,
.garant-block2,
.garant-block3 {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 4px 34px #F2F2F2;
  border-radius: 10px;
  width: 32%;
  padding: 40px;
  transition: all 0.3s ease 0s;
}

.garant_name {
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  color: #1A1A1A;
  margin-top: 40px;
  margin-bottom: 10px;
}

.garant_desc {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #4D4D4D;
}


.garant-ico1 {
  display: block;
  background: url(images/gar-01.svg) no-repeat;
  width: 67px;
  height: 67px;
}

.garant-ico2 {
  display: block;
  background: url(images/gar-02.svg) no-repeat;
  width: 67px;
  height: 67px;
}

.garant-ico3 {
  display: block;
  background: url(images/gar-03.svg) no-repeat;
  width: 67px;
  height: 67px;
}


.garant-block1:hover,
.garant-block2:hover,
.garant-block3:hover {
  background: #E01010;
}

.garant-block1:hover .garant_name,
.garant-block2:hover .garant_name,
.garant-block3:hover .garant_name {
  color: #fff;
}

.garant-block1:hover .garant_desc,
.garant-block2:hover .garant_desc,
.garant-block3:hover .garant_desc {
  color: #fff;
}

.garant-block1:hover .garant-ico1 {
  background: url(images/gar-01-2.svg) no-repeat;
}

.garant-block2:hover .garant-ico2 {
  background: url(images/gar-02-2.svg) no-repeat;
}

.garant-block3:hover .garant-ico3 {
  background: url(images/gar-03-2.svg) no-repeat;
}


#desc-gruz {
  padding-top: 40px;
  padding-bottom: 80px;
  position: relative;
}

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

#desc-gruz {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #4D4D4D;
}



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


#staff2 {
  padding-top: 80px;
  padding-bottom: 160px;
  background: #F4F4F4;
  margin-bottom: 20px;
}


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


@media (max-width: 1200px) {

  .main-baner-block2-1 .main-baner-link {
    padding-left: 40px;
    padding-bottom: 30px;
    position: relative;
    right: 0px;
    bottom: 0px;
  }

  .gruz-name {
    font-size: 16px;
  }

  .gruz-price {
    font-size: 16px;
  }

  .gruz-info::after {
    width: 35px;
    height: 35px;
    background-size: 100%;
  }

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


  .price_remont-block1 summary,
  .faq-item summary {
    padding: 15px 15px;
    font-size: 16px;
  }

  .price_remont-block1 details[open]:after,
  .price_remont-block1 details:after,
 .faq-item details[open]:after,
.faq-item details:after {
    background-size: 100%;
    width: 30px;
    height: 30px;
    top: 11px;
    right: 15px;
  }

  .price_remont_vid {
    font-size: 16px;
    padding-left: 20px;
  }


  .price_remont_cena {
    font-size: 16px;
    padding-right: 15px;
  }


  .price_form {
    padding: 30px 25px;
  }


  .price_form h3 {
    font-size: 26px;
  }


  .price_form_title span {
    font-size: 18px;
  }

  .price_form_block1 input,
  .price_form_block2 input,
  .price_form_block5 input {
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    padding-left: 15px;
  }


  .price_form_block6 {
    flex-wrap: wrap;
  }


  .price_form_block7 {
    width: 100%;
    order: 2;
    padding-top: 15px;
  }

  .price_form_block8 {
    width: 100%;
    order: 1;
  }


  .price_form_block8::before {
    background-size: 100%;
    width: 70px;
    height: 75px;
    top: 6px;
  }

  .price_form_block8 input {
    font-size: 18px;
    line-height: 75px;
    padding-left: 72px;
  }

  .price_form_title2,
  .price_form_title2 a {
    font-size: 18px;
  }


  .marky-block {
    height: 120px;
  }


  .garant-block1,
  .garant-block2,
  .garant-block3 {
    padding: 20px;
  }


  .garant_name {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
  }


  .garant_desc {
    font-size: 16px;
  }

  .garant_desc br {
    display: none;
  }

  #desc-gruz {
    padding-bottom: 70px;
  }

}


@media (max-width: 992px) {

  #gruz {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .gruz-block {
    width: 48%;
    margin-bottom: 30px;
  }

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


  #txtblock {
    padding-top: 60px;
    padding-bottom: 60px;
    background-position: top left !important;
    background-size: 300% !important;
  }


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



  .txtblock-item {
    width: 100%;
  }



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

  .price_remont-block1 {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 30px;
  }

  .price_remont-block2 {
    width: 100%;
  }

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


  .price_form_block5 {
    margin-bottom: 20px;
  }


  #marky {
    padding-top: 60px;
    padding-bottom: 90px;
  }

  .marky-block {
    height: 120px;
    padding: 20px;
  }

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


  #garant {
    padding-top: 60px;
  }


  .garant-block1,
  .garant-block2,
  .garant-block3 {
    padding: 15px;
  }

  #desc-gruz {
    padding-bottom: 50px;
  }


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

  #staff2 {
    padding-top: 60px;
    padding-bottom: 140px;
    margin-bottom: 0px;
  }

  .main-baner-block2-1 .main-baner-link {
    padding-left: 0px;
    padding-bottom: 30px;
  }


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

}


@media (max-width: 768px) {

  .gruz-block {
    width: 100%;
  }


#staff3 {
  padding-top: 40px;
  padding-bottom: 40px;
}



  #txtblock {
    padding-top: 40px;
    padding-bottom: 40px;
  }


  #gruz {
    padding-bottom: 0px;
  }

  #price_remont {
    padding-top: 40px;
    padding-bottom: 50px;
  }

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

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


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


  .garant-block1,
  .garant-block2,
  .garant-block3 {
    padding: 25px;
    width: 100%;
    margin-bottom: 20px;

  }


  #desc-gruz {
    padding-bottom: 30px;
    padding-top: 20px;
  }

  #reviews2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #staff2 {
    padding-top: 40px;
    padding-bottom: 110px;
  }


  .garant_desc {
    font-size: 18px;
  }

  .garant_name {
    font-size: 22px;
  }


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

  .gruz-price {
    font-size: 18px;
  }

}


.yoast-breadcrumbs {
  margin-top: 20px;
  margin-bottom: 10px;
}

.breadcrumb_last {
  color: #4D4D4D;
}

.yoast-breadcrumbs a {
  color: #1A1A1A;
  text-decoration: none;
}


.yoast-breadcrumbs a:hover {
  color: #E01010;
  text-decoration: none;
}


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

.company-item1 {
  display: flex;
  justify-content: space-between;
  padding-top: 80px;
  padding-bottom: 60px;
}


.company-block1 {
  width: 50%;
}

.company-block2 {
  width: 50%;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 20px;
  position: relative;
}

.company-block1-1 {
  width: 50%;
  padding-right: 50px;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #4D4D4D;
}

.company-block2-1 {
  width: 50%;
}

.company-desc {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #4D4D4D;
  padding-top: 60px;
}


.company-block2 .slick-dots {
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}


.company-block2 .slick-dots li button {
  width: 45px;
}


.company-block2-1 .photos-item {
  background: #F4F4F4;
  border-radius: 6px;
  margin-top: 0px;
  padding: 30px 50px;
}


.title-h1 {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 52px;
  line-height: 130%;
  text-transform: uppercase;
  color: #1A1A1A;
}


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


.company-image {
  margin-top: 40px;
  position: relative;
  z-index: 0;
}


.company-image a {
  display: block;
  background: url(images/video.svg) no-repeat;
  background-size: 100%;
  position: absolute;
  width: 71px;
  height: 76px;
  transition: all 0.3s ease 0s;
  left: 50%;
  z-index: 10;
  top: 50%;
  transform: translateX(-50%);
  margin-top: -36px;
  transition: all 0.3s ease 0s;
}


.company-image a:hover {
  width: 80px;
  height: 86px;
  margin-top: -40px;
}




@media (max-width: 1270px) {
  .company-block2 .slick-dots li button {
    width: 38px;
  }

}


@media (max-width: 1200px) {

  .company-item {
    align-items: flex-start;
  }

  .company-block2 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .company-block2 .slick-dots li button {
    width: 25px;
  }

  .title-h1 {
    font-size: 42px;
  }

  .company-desc {
    font-size: 16px;
    padding-top: 30px;
  }


  .company-block1-1 {
    padding-right: 20px;
    font-size: 16px;
  }

  .company-block2-1 .photos-item {
    padding: 20px 20px;
  }

  .company-block2-1 .photos-item br {
    display: none;
  }


  .company-item1 {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  #company {
    padding-top: 30px;
    padding-bottom: 10px;
  }

}

@media (max-width: 992px) {

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

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

  .company-block2 {
    width: 100%;
  }

  .company-item1 {
    padding-bottom: 40px;
    flex-wrap: wrap;
  }


  .company-block1-1 {
    width: 100%;
  }

  .company-block2-1 {
    width: 100%;
  }

  .title-h1 {
    font-size: 36px;
  }

  #company {
    padding-top: 20px;
    padding-bottom: 0px;
  }


}


@media (max-width: 768px) {

  .title-h1 {
    font-size: 30px;
  }

  .company-block1 {
    margin-bottom: 0px;
  }

  .company-block2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .company-item1 {
    padding-top: 40px;
  }


  .company-image {
    margin-top: 30px;
  }
}



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

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

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



.contact-adress-item {
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}

.contact-adress-block {
  width: 24%;
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 4px 34px #F2F2F2;
  border-radius: 10px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  padding-bottom: 45px;
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  color: #4D4D4D;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.contact-adress-block a {
  color: #4D4D4D;
  text-decoration: none;
      display: block;
        margin-top: 10px;
}


.contact-adress-icon {
  display: block;
  width: 76px;
  height: 67px;
  background: url(images/contact-adress.svg) no-repeat;
  margin-bottom: 30px;
}


.contact-masend-ico1,
.contact-masend-ico2,
.contact-masend-ico3,
.contact-masend-ico4 {
  background-size: 100% !important;
  height: 36px;
  width: 36px;
  display: block;
  margin-bottom: 20px;
  border-radius: 100%;
}

.contact-masend-ico1 {
  background: url(images/con02.svg) no-repeat;
}

.contact-masend-ico2 {
  background: url(images/con04.svg) no-repeat;
}

.contact-masend-ico3 {
  background: url(images/con03.svg) no-repeat;
}

.contact-masend-ico4 {
  background: url(images/con05.svg) no-repeat;
}


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

.contact-masend-block {
  width: 24%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 4px 34px #F2F2F2;
  border-radius: 10px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  color: #4D4D4D;
}

.contact-masend-block a {
  color: #4D4D4D;
  text-decoration: none;
}

.contact-masend-block a:hover {
  color: #E01010;
}


.recv-item {
  display: flex;
  align-items: center;
}

.recv-block2 {
  padding-left: 20px;
}

.recv-block2 a {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #4e4e4e;
  text-decoration: none;
}

.recv-block2 a:hover {
  color: #E01010;
  text-decoration: none;
}


.recv-block2 a::after {
  width: 16px;
  height: 21px;
  content: "";
  display: inline-block;
  position: relative;
  background: url(images/recv.svg) no-repeat;
  left: 10px;
  top: 4px;
}


.contact-recv-item {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 130%;
}


.contact-recv-block1 {
  width: 27%;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 20px;
}

.contact-recv-block2 {
  width: 73%;
  color: #1A1A1A;
  font-weight: 400;
  margin-bottom: 20px;
}


.contact-recv-block2 button {
  border: none;
  background: url(images/file-copy.svg) no-repeat;
  width: 24px;
  height: 24px;
  left: 20px;
  top: 5px;
  position: relative;
}

.contact-recv-block2 button:active {
  background: url(images/file-copy1.svg) no-repeat;
}

.contact-recv-block2 button:focus {
  background: url(images/file-copy1.svg) no-repeat;
}



#contact-map {
  padding-bottom: 40px;
}



@media (max-width: 1200px) {


  .contact-adress-block {
    width: 32%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 16px;
  }

  .contact-adress-icon {
    width: 60px;
    height: 53px;
    background-size: 100%;
    margin-bottom: 25px;
  }

  #contact-adress {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  #contact-masend {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  #contact-recv {
    padding-top: 30px;
    padding-bottom: 40px;
  }



  .contact-masend-block {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
  }

}



@media (max-width: 992px) {

  .contact-masend-item {
    flex-wrap: wrap;
  }


  .contact-masend-block {
    width: 48%;
    margin-bottom: 20px;
  }


  #contact-masend {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #contact-adress {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  #contact-recv {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .contact-recv-block1 {
    width: 35%;
  }

  .contact-recv-block2 {
    width: 65%;
  }
}


@media (max-width: 768px) {


  .contact-adress-item {
    flex-wrap: wrap;
    margin-top: 35px;
  }

  .contact-adress-block {
    width: 100%;
    margin-bottom: 20px;
  }


  #contact-adress {
    padding-top: 20px;
    padding-bottom: 10px;
  }


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


  .recv-block1 {
    width: 100%;
    margin-bottom: 10px;
  }


  .recv-block2 {
    width: 100%;
    padding-left: 0px;
  }

  .contact-recv-block1 {
    width: 38%;
  }

  .contact-recv-block2 {
    width: 62%;
  }


  .contact-recv-block2 button {
    left: 15px;
  }

  #contact-recv {
    padding-top: 10px;
    padding-bottom: 20px;
  }

}

.uslugy-baner-bg {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  position: relative;
}


.uslugy-baner-bg2 {
  background: url(../../uploads/2025/10/1760023106.png) no-repeat top center;
  background-size: cover;
  position: relative;
}


.uslugy-baner-bg3 {
  background: url(../../uploads/2025/10/1760022881.png) no-repeat top center;
  background-size: cover;
  position: relative;
}



.uslugy-baner-bg::before,
.uslugy-baner-bg2::before,
.uslugy-baner-bg3::before {
  background: linear-gradient(89.85deg, rgba(0, 0, 0, 0.35) -0.77%, rgba(0, 0, 0, 0.35) -0.76%, rgba(0, 0, 0, 0.2415) 99.89%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 0;
}

.uslugy-baner-item {
  position: relative;
  z-index: 10;
  padding-top: 60px;
  padding-bottom: 60px;
}


.uslugy-baner-item h1 {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 55.0048px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
}

.uslugy-title {
  font-weight: 600;
  font-size: 36px;
  line-height: 130%;
  color: #FFFFFF;
}


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

#category-uslugy .title {
  text-align: center !important;
}


#reviews3 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #F4F4F4;
}



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

#price-page .title {
  text-align: center;
}



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

.price-page-row1,
.price-page-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  border-radius: 4px;
}

.price-page-row1 {
  background: #E01010;
}

.price-page-row1 .price-page-block1,
.price-page-row1 .price-page-block2 {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
}


.price-page-block1 {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #1A1A1A;
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 85%;
}

.price-page-block2 {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #4D4D4D;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 15%;
}


.price-page-row:nth-child(odd) {
  background: #fafafa;
}


#forms2 {
  padding-top: 140px;
  padding-bottom: 140px;
}



@media (max-width: 1400px) {


  .uslugy-baner-item h1 {
    font-size: 40px;
  }

  .uslugy-title {
    font-size: 30px;
  }

}


@media (max-width: 1200px) {
  .uslugy-baner-item h1 {
    font-size: 34px;
  }

  .uslugy-title {
    font-size: 22px;
  }

  .uslugy-baner-item .main-baner-form {
    width: 50%;
  }

  .price-page-row1 .price-page-block1,
  .price-page-row1 .price-page-block2 {
    font-size: 18px;
  }

  .price-page-block1,
  .price-page-block2 {
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #forms2 {
    padding-top: 80px;
    padding-bottom: 60px;
  }


}


@media (max-width: 992px) {

  #forms2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }


  .uslugy-baner-item h1 {
    font-size: 30px;
  }

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

  .uslugy-baner-item .main-baner-form {
    width: 60%;
  }

  .uslugy-baner-item {
    padding-top: 60px;
    padding-bottom: 60px;
  }


  #category-uslugy {
    padding-top: 40px;
    padding-bottom: 0px;
  }


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

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



  #price-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }


  .price-page-block1 {
    padding-left: 20px;
    width: auto;
  }

  .price-page-block2 {
    padding-right: 20px;
    width: auto;
  }


  .price-page-row1 .price-page-block1,
  .price-page-row1 .price-page-block2 {
    font-size: 16px;
  }

  .price-page-row1,
  .price-page-row {
    margin-bottom: 5px;
  }
}


@media (max-width: 768px) {


  .price-page-block1 {
    padding-left: 15px;
  }

  .price-page-block2 {
    padding-right: 15px;
  }


  .price-page-block1,
  .price-page-block2 {
    font-size: 14px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .price-page-item {
    margin-top: 30px;
  }

  #forms2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }


  .uslugy-baner-item .main-baner-form {
    width: 100%;
    margin-top: 30px;
  }

  .uslugy-baner-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #reviews3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }


  #txtblock {
    background: #F4F4F4 !important;
  }





  .uslugy-baner-item h1 br {
    display: none;
  }

}

.photos-block-item {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
}

.photos-block-block {
  width: 23%;
  margin-bottom: 40px;
  margin-left: 1%;
  margin-right: 1%;
}

.photos-block-block img {
  border-radius: 10px;
}


.photos-block-title {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #1A1A1A;
  position: relative;
  margin-top: 10px;
}

.photos-block-title a {
  color: #1A1A1A;
  text-decoration: none;

}

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

.sub-menu .current-menu-item::after {
  display: none;
}


.photos-block-block:hover .photos-block-title a {
  color: #E01010;
}

#reviews4 {
  background: linear-gradient(0deg, #F4F4F4 50%, transparent 50%);
  padding-top: 30px;
  padding-bottom: 60px;
}


@media (max-width: 1200px) {

  .photos-block-title {
    font-size: 14px;
  }

  .photos-block-block {
    margin-bottom: 20px;
  }

  #photos {
    padding-top: 30px;
    padding-bottom: 0px;
  }

}


@media (max-width: 992px) {

  .photos-block-block {
    width: 31%;
  }

}

@media (max-width: 768px) {

  .photos-block-block {
    width: 48%;
  }

  #reviews4 {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 0px;
  }

}

.persp {
  display: block;
  font-size: 12px;
  margin-top: 15px;
  opacity: 0.4;
  color: #fff;
}



.read-block {
  display: flex;
  width: 100%;
  justify-content: center;
}


.readMore, .showless {
  display: table;
    font-weight: 700;
    font-size: 16px;
    line-height: 55px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    background: #E01010;
    border-radius: 5px;
    width: 200px;
    height: 55px;
    border: 1px solid #E01010;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.readMore:hover,
.showless:hover {
  color: #1A1A1A;
  background: #fff;
  text-decoration: none;
}



.padding-30 {
  padding: 30px;
}



@media (max-width: 992px) {

  .readMore,
    .showless {
      font-size: 14px;
      line-height: 50px;
      width: 180px;
      height: 50px;
    }
     }




#uslugy .uslugy-all {
  display: none;
}



.marky-item2 {
  display: flex;
 flex-wrap: wrap;
 margin-top: 60px;
 justify-content: space-between;
}





.marky-block2 {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 4px 34px #f2f2f2;
  border-radius: 10px;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
    width: 19%;
      margin-bottom: 20px;
}


.marky-block2 img {
  filter: grayscale(100%);
  opacity: 0.3;
  display: block;
  transition: all 0.3s ease 0s;
  max-height: 125px;
      object-fit: cover;
}


.marky-block2:hover img {
  opacity: 0.6;
}

.marky-block2 a {
  text-decoration: none
}



.marky-title {
  text-align: center;
      font-size: 13px;
        line-height: 130%;
        color: #4D4D4D;
        padding-top: 10px;
        text-decoration: none;
}


.marky-block2:hover .marky-title {
color: #E01010;
text-decoration: none;
}


.marky-item2 .readMore,
.marky-item2 .showless {
  margin-top: 30px;
}

#marky2 {
  background: #F4F4F4;
  padding-top: 80px;
  padding-bottom: 80px;
}

 

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


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

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


.faq-item details {
  width: 49%;
}


.faq-item summary {
  margin-bottom: 20px !important;
}



@media (max-width: 992px) {


#faq {
    padding-top: 60px;
  }


    .faq-item details {
      width: 100%;
    }


#marky3 {
    padding-top: 560px;
    padding-bottom: 60px;
  }

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


.marky-item2 {
  margin-top: 40px;
}


.marky-block2 {
  height: 110px;
  padding: 7px;
}


.marky-item2 .readMore,
.marky-item2 .showless {
  margin-top: 10px;
}

.marky-block2 img {
  max-height: 60px;
}


}


@media (max-width:768px) {

#marky3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #marky2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }


.marky-block2 {
  width: 32%;
      margin-bottom: 15px;
}


#faq {
  padding-top: 40px;
}

}










.fn_readmore2 + [data-readmore-toggle],
.fn_readmore[data-readmore] {
    display: inline-block;
    width: auto;
    position: relative;
}
.fn_readmore2[aria-expanded="false"]::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 4em;
    background: -moz-linear-gradient(top,#fff0 0,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
}
.fn_readmore2[data-readmore] {
    transition: height 500ms;
    overflow: hidden;
    max-height: 380px;
    display: block;
    width: 100%;
}
.fn_readmore2 + [data-readmore-toggle]{
    margin-top: 13px;
    text-decoration: none;
    transition: all 0.3s;
}
.fn_readmore2 + [data-readmore-toggle]:hover,
.fn_readmore2 + [data-readmore-toggle]:focus{
    color: var(--okay-button-text);
    text-decoration: none;
}
.fn_readmore2 + [data-readmore-toggle] span{
    color: #E01010;
    background: transparent;
    border-color:  #E01010;
    border: 1px solid;
    border-radius: 3px;
    padding: 1px 30px;
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    transition: all .3s;
    font-weight: 500;
}
.fn_readmore2 + [data-readmore-toggle]:hover span{
    color: #fff;
    background:#E01010;
    border-color: #E01010;
}


@media (min-width:768px) {


#mega-menu-wrap-primary #mega-menu-primary {
    display: flex;
    justify-content: space-between;
}




#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
color: #E01010;
}



.mega-current-menu-item::after {
  width: 10px;
  height: 10px;
  background: #E01010;
  position: absolute;
  content: "";
  border-radius: 100%;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
}



#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link::after {
  width: 10px;
  height: 10px;
  background: #E01010;
  position: absolute;
  content: "";
  border-radius: 100%;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  display: block;
}
}

@media (max-width:992px) {


#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    padding: 0px 0px 0px 0px !important;
    font-size: 13px!important;
}


  }


 @media (max-width:768px) {

  #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
      padding: 0px 15px 0px 15px !important;
      font-size: 16px !important;
    }

#header-menu {
  background: transparent;
}

.mega-toggle-blocks-right {
    position: absolute;
      right: 0px;
      top: -50px;
}


.mega-toggle-blocks-left {
display: none;
}

.mega-toggle-blocks-center {
display: none;
}

#mega-menu-wrap-primary {
  height: 0;
  background: transparent;
}

#mega-menu-wrap-primary .mega-menu-toggle {
  background: transparent !important;
      height: 0;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner {
  background-color: #E01010 !important;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
  background-color: #E01010 !important;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
  background-color: #E01010 !important;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
  margin-left: 0px!important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
  margin-right: 0px!important;
}


#mega-menu-item-966 {
  margin-top: 20px!important;
}


.mega-menu-item-971 .mega-sub-menu {
  display: block!important;
}


.mega-menu-item-971 .soc {
  padding-bottom: 30px!important;
}

.mega-menu-item-971 .mega-menu-link {
  display: none !important;
}


#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
  background: #222!important;
}


#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
  color: #fff!important;
}



#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
  color: #fff !important;
    font-size: 18px!important;
}


#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
  padding: 0px!important;
}


    }





#faq2 {
  padding-top: 40px;
  padding-bottom: 40px;
}




#marky3 .marky-block  {
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 5px 0px 15px #f2f2f2;
}



.uslugys2 {
  display: flex;
  flex-wrap: wrap;
      padding-top: 40px;
}

 
.uslugys2-block {
display: inline-block;
   margin-bottom: 30px;
   text-align: center;
   width: 9%;
   margin-left: 0.5%;
  margin-right: 0.5%;
}

.uslugys2-block img {
  display: block;
  margin-left: auto;
  margin-right: auto;
    height: 80px;
}

.uslugys2-block a {
  font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: #1A1A1A;
    text-decoration: none;
 }


 .uslugys2-block:hover a {
  color: #E01010;
    text-decoration: none;
 }




 .rew-ya {
width:760px;
height:800px;
overflow:hidden;
position:relative;
 }



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




 .bot-foot {
   background: #25d366 url(images/whatsapp-svgrepo-com.svg) no-repeat center center;
   height: 60px;
   width: 60px;
   border-radius: 100%;
   position: fixed;
   bottom: 30px;
   right: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
   animation: annoying .8s ease-in infinite alternate;
   cursor: pointer;
   transition: all 0.3s ease 0s;
   z-index: 100;
 }




 .bot-foot2 {
   background: #E01010 url(images/chat2.svg) no-repeat center center;
   height: 60px;
   width: 60px;
   border-radius: 100%;
   position: fixed;
   bottom: 110px;
   right: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
   animation: annoying .8s ease-in infinite alternate;
   cursor: pointer;
   transition: all 0.3s ease 0s;
   z-index: 100;
 }

 .bot-foot-open2 {
   background: #fff url(images/2023-09-27_12-11-53.png) no-repeat center center;
 }

 @keyframes annoying {
   from {
     transform: scale(1);
   }

   to {
     transform: scale(1.1);
   }
 }

 .form-namber {
   position: fixed;
   width: 360px;
   padding: 30px 35px;
   border-radius: 5px;
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, .4);
   background: #fff;
   bottom: 170px;
   right: 40px;
   display: none;
   z-index: 100;
 }

 .form-namber h3 {
   margin: 0;
   padding: 0;
   font-weight: 500;
   text-align: center;
   margin-bottom: 20px;
   font-size: 24px;
   line-height: 1.35;
 }

 .form-namber p {
   margin: 0;
   padding: 0;
 }


 .opens {
   display: block;
 }


 .footer-form h3 {
   font-weight: 500;
   margin: 0;
   padding: 0;
   font-size: 16px;
   margin-bottom: 20px;
 }

 .footer-form p {
   margin: 0;
   padding: 0;
 }



 .footer-form1 input {
   border: 1px solid #d6d6d6;
   border-radius: 30px;
   height: 50px;
   line-height: 50px;
   margin: 0;
   padding: 0;
   padding-left: 20px;
   font-size: 14px;
 }

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


 .footer-form1 textarea {
   border: 1px solid #d6d6d6;
   border-radius: 30px;
   height: 70px;
   margin: 0;
   padding: 0;
   padding-left: 20px;
   padding-top: 15px;
   font-size: 14px;
 }


 .footer-form2 input {
   width: 100%;
   margin: 0;
   padding: 0;
   height: 50px;
   line-height: 50px;
   border-radius: 30px;
   background: #E01010;
   color: #fff;
   transition: all 0.3s ease 0s;
   font-size: 16px;
   font-weight: 600;
   border: none;
 }


 .footer-form2 input:hover {
   background: #cc1111;
   color: #fff;
 }


.stati-page img {
  max-width: 100%;
}




 .call-form-title1 {
   font-size: 14px;
   color: #010101;
   text-align: center;
 }

 .call-form-title2 {
   text-align: center;
   font-size: 22px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-weight: 600;
 }

    .call-form-title2 a {
          color: #1A1A1A;
          text-decoration: none;
    }



#post-ssing  {
  padding-top: 30px;
  padding-bottom: 30px;
}



#category-stat   {
    padding-bottom: 30px;
  }


.content-text, .stati-page {
  padding-top: 20px;
}



.single-item {
  display: flex;
  margin-left: -1%;
  margin-right: -1%;
  flex-wrap: wrap;
  margin-top: 30px;
}

.single-block {
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 20px;
box-shadow: 0px 4px 34px #f2f2f2;
  border-radius: 15px;
  background: #fff;
  padding: 15px;
}


.single-title {
  color: #1A1A1A;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  height: 52px;
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
}

.single-title:hover {
  text-decoration: none;
}


.single-block img {
  height: 155px;
  object-fit: cover;
  object-position: center top;
  margin-bottom: 20px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}


.stati-page h2 {
  font-weight: 700;
}







 @media (max-width:992px) {

   .uslugys2-block {
     width: 19%;
   }

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


.single-block {
  width: 31%;
  margin-bottom: 20px;
}


.content-text {
  font-size: 16px;
}



 }

 @media (max-width:768px) {

   .rew-ya {
     width: 100%;
   }


   #choice2 {
     padding-top: 40px;
     padding-bottom: 40px;
   }


   .uslugys2-block {
     width: 24%;
   }

   #faq2 {
     padding-bottom: 20px;
   }


 .bot-foot,
 .bot-foot2 {
   right: 20px;
 }

 .single-block {
   width: 48%;
 }

#post-ssing {
  padding-top: 20px;
  padding-bottom: 20px;
}


 }
    

 .table {
   border: 1px solid #eee;
   width: 100%;
   margin-bottom: 20px;
 }

 .table th {
   font-weight: bold;
   padding: 5px;
   background: #efefef;
   border: 1px solid #dddddd;
 }

 .table td {
   padding: 5px 10px;
   border: 1px solid #eee;
   text-align: left;
 }

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

 .table tbody tr:nth-child(even) {
   background: #F7F7F7;
 }


 @media screen and (max-width: 769px) {
   .table {
     overflow-y: scroll;
    display: inline-block;
   }
 }
header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}