/*
Theme Name: Элитные проститутки
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
--------------------------------------------------------------*/
body {
	margin: 0;
	-webkit-font-smoothing: auto;
}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

dfn {
	font-style: italic;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 2.5rem;
}

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

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

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

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
	background: #f7f7f7ea;
	/* 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, 0.05),
		inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	padding: 0.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.75rem;
	}
	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.5rem;
}

.dropdown .open .dropdown-menu {
	display: block;
	left: 12.25em;
	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.25rem;
		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: #fff;
	background-color: #242a32;
}
.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%;
	}
}
/* =========================================== МОЙ КОД =============== */
.container {
	max-width: 1230px;
}
/* .container{padding: 0px 0px 0px 0px } */
.header__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	font-family: Literata;
}
.header__block1-row {
	display: flex;
}
.header__block2-row,
.header__block5-row {
	display: flex;
}
.header__block-6 a {
	font-size: 16px;
	line-height: 50px;
	background: #35bf6c;
	display: table;
	width: 180px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	filter: drop-shadow(0px 10px 18px rgba(122, 143, 155, 0.15))
		drop-shadow(0px -8px 25px rgba(203, 27, 72, 0.05));
}

.header__block-6 a:hover {
	background: #21759b;
}

.image-header-svg {
	padding-right: 14px;
}
.header__text-logo {
	padding-right: 14px;
}
.header__block-2-image-polygon {
	padding-right: 4px;
}
.header__block5-phone {
	padding-left: 13px;
}
.header__block-1 {
}

.header__block-2 {
	max-width: 180px;
	padding-left: 13px;
}

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

/* =============================макс мегаменю==================== */
#cancellation-container {
	background-color: rgb(0, 182, 255);
}
/* Третий блок после щапки и мегаменю с телкой */
/* =============================================================================== */
#main-baner {
	background: url(images/main-baner.jpg) no-repeat top center;
	background-size: cover !important;
	padding-top: 120px;
	padding-bottom: 120px;
}
#main-baner-2 {
	background: url(images/main-baner2.jpg) no-repeat top center;
	background-size: cover !important;
	padding-top: 120px;
	padding-bottom: 120px;
}

.figure {
	position: relative;
	width: 700px;
	min-height: 500px;
	clip-path: polygon(50% 0%, 100% 10%, 100% 90%, 50% 100%, 0 90%, 0 10%);
	background: radial-gradient(
		146.73% 141.81% at -4.14% 4.7%,
		rgba(117, 189, 255, 0.27) 0%,
		rgba(117, 189, 255, 0.09) 100%
	);
	backdrop-filter: blur(12.5px);
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
}

.line1 {
	background-color: rgba(227, 236, 245, 3);
	position: absolute;
	left: 0;
	content: '';
	width: 50.12%;
	height: 1px;
	top: 25px;
	transform: rotate(-8deg);
}
.line2 {
	background-color: rgba(227, 236, 245, 3);
	position: absolute;
	right: 0;
	content: '';
	width: 50.2%;
	height: 1px;
	top: 25px;
	transform: rotate(8deg);
}
/* потом сделаю  */
.line3 {
	background: rgba(227, 236, 245, 0.5);
	position: absolute;
	left: 0;
	content: '';
	width: 50.12%;
	height: 1px;
	bottom: 25px;
	transform: rotate(8deg);
}
.line4 {
	background: rgba(227, 236, 245, 0.5);
	position: absolute;
	right: 0;
	content: '';
	width: 50.2%;
	height: 1px;
	bottom: 25px;
	transform: rotate(-8deg);
}

.main-baner1 {
	font-family: Literata;
	padding-top: 60px;
	padding-bottom: 5px;
	color: #fff;
	font-size: 28px;
}

.main-baner2 {
	font-family: Literata;
	color: #fff;
	font-size: 20px;
	padding-bottom: 30px;
}
.figure h1 {
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 36px;
	font-weight: 800;
	line-height: 46px;
}
.main-baner-button a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 55px;
	display: table;
	width: 260px;
	background: var(
		--unnamed,
		radial-gradient(
			53.61% 53.64% at 50% 50%,
			rgba(78, 155, 244, 0.9) 0%,
			rgba(78, 155, 244, 0.05) 100%
		),
		#3789ea
	);
	transition: all 0.3s ease 0s;
	margin: auto;
}

/* ============================ */

.service-row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 50px;
}
.service-link {
	width: 31%;
	margin-bottom: 40px;
	margin-left: 1%;
	margin-right: 1%;
	background: #fff;
	box-shadow:
		0px 0px 50px 0px rgba(21, 82, 128, 0.05),
		7px 7px 25px 0px rgba(21, 82, 128, 0.04);
}

/* ======================== Настройка треугольной формы флажков ==================== */

.service-row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 50px;
}

.services-link__title {
	text-align: center;
	color: #fff;
	text-decoration: none;
	background:
		radial-gradient(
			100.21% 78.37% at 47.56% 53.93%,
			#55a0f9 0%,
			rgba(78, 153, 240, 0) 100%
		),
		#2f83e4;
	clip-path: polygon(
		20% 0%,
		80% 0%,
		100% 0,
		100% 85%,
		50% 100%,
		50% 100%,
		0 85%,
		0 0
	);
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 140px;
	font-size: 21px;
	font-weight: 800;
	letter-spacing: 0.23px;
	position: relative;
	font-family: Raleway;
	border-top: 3px solid #63a5f5;
	border-right: 3px solid #63a5f5;
	border-left: 3px solid #63a5f5;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	line-height: normal;
}

.services-link__title a {
	text-decoration: none;
}
/* =====================ннастройка ширины блоков=========== */
.service__offer {
	width: 31%;
	margin-bottom: 40px;
	margin-left: 1%;
	margin-right: 1%;
	background: #fff;
	box-shadow:
		0px 0px 50px 0px rgba(21, 82, 128, 0.05),
		7px 7px 25px 0px rgba(21, 82, 128, 0.04);
}
/* =====================наклонные полосы синие флажки=========== */
.services-link__title::before {
	width: 50.5%;
	height: 3px;
	background: #63a5f5;
	position: absolute;
	bottom: 11px;
	content: '';
	transform: rotate(6deg);
	left: -1px;
}

.services-link__title::after {
	width: 50.5%;
	height: 3px;
	background: #63a5f5;
	position: absolute;
	bottom: 11px;
	content: '';
	transform: rotate(-6deg);
	right: -1px;
}

/* =============блок с флажками синими нижняя часть======== */

#services {
	padding-top: 80px;
	padding-bottom: 60px;
}
.service {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 40px;
}
.service a {
	text-decoration: none;
}

.service-article {
	color: #1b2f43;

	font-size: 16px;
	font-weight: 500;
	font-family: Inter;
	line-height: normal;
	display: block;
	margin-bottom: 20px;
	position: relative;
	padding-left: 20px;
}

/* ======================== Стрелочки пунктов =================== */
.service-article::before {
	content: '';
	background: url(./images/str.svg);
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0px;
	top: 3px;
}

.service__offer a {
	text-decoration: none;
}
/* отключить ховер при наведении */

.services-link__title:hover {
	color: white;
}

/* заголовок УСЛУГИ c полосками  */
.services-title {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	color: black;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: raleway;
	font-size: 38px;
	font-weight: 800;
	line-height: 46px;
	position: relative;
}

.services-title::before {
	position: relative;
	content: '';
	width: 183px;
	height: 13px;
	background: url(./images/lns.svg) no-repeat;
	display: inline-block;
	margin-top: 18px;
	margin-right: 15px;
}

.services-title::after {
	position: relative;
	content: '';
	width: 183px;
	height: 13px;
	background: url(./images/lns.svg) no-repeat;
	display: inline-block;
	margin-top: 18px;
	margin-left: 15px;
	transform: rotate(180deg);
}
/* =======Блок-2 мужик в шапке=== */

/* === Установка голубого фона === */
.man-cap-row {
	display: flex;
	padding: 20px;
	background:
		url(images/act.jpg),
		lightgray 50% / cover no-repeat;
}
/* === Бордеры на блок + картинка на фон+ширины === */
.man-cap-1 {
	width: 40%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	/* так можно делать что бы растянуть во весь div */
	/* background: url(images/man-cap.jpg) no-repeat center center / cover; */
}

/* важнейший блок . позволяет сделать ресайз внутри ACF            */
.man-cap-1 img {
	height: 100%;
	object-fit: cover;
}

.man-cap-2 {
	border: 1px solid #fff;
	width: 60%;
	padding: 40px;
}
/* === Правый блок с акциями === */
.promotion-row {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.man-cap-2-2 {
	color: #0ef3bc;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 28px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	padding-left: 20px;
}

.man-cap-2-1 {
	display: block;
	width: 160px;
	height: 60px;
}
.promotion-title {
	color: #fff;
	font-family: Inter;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

.promotion-desk p {
	padding: 0;
	margin: 0;
	color: #fff;
	font-family: Inter;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 20px;
}
/* иконки плюса слева  */
.promotion-desk p::before {
	position: relative;
	content: '';
	display: inline-block;
	background: url(./images/plus.svg) no-repeat;
	width: 13px;
	height: 13px;
	margin-right: 10px;
	top: 1px;
}
/* ========== Блок с контакт формой ========= */
#contakt-form {
	padding-top: 60px;
	/* padding-bottom: 60px; */
}

.form-row {
	width: 883px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
/* контур формы на фон всего блока начало  */
.form-bg-1 {
	background: url(./images/f1-up.png) no-repeat top center;
	height: 93px;
}

.form-bg-2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: url(./images/f2-middle.png) repeat top center;
	padding-left: 110px;
	padding-right: 110px;
	padding-top: 40px;
	padding-bottom: 20px;
}
.form-bg-3 {
	background: url(./images/f3-down.png) no-repeat bottom center;
	height: 91px;
}
/* контур формы на фон всего блока конец  */
/* Стили наполнения блока  */
/* Заголовок  */
.form-title {
	padding: 0;
	margin: 0;
	/* color: #1B2F43; */
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 30px;
	width: 100%;
	line-height: normal;
}

/* Блок начинка */
.forms-block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
/* Центрирование  внутр блоков */
.forms-block-1 {
	width: 40%;
	margin-bottom: 20px;
}
.forms-block-2 {
	width: 56%;
	margin-bottom: 20px;
}
/* Размер инпутов персональный */
.inp input,
.forms-block2 select {
	width: 100%;
	border: 1px solid var(--unnamed, #dee7ed);
	background: var(--unnamed, #fff);
	height: 45px;
	line-height: 45px;
	color: #000;
	font-family: Inter;
	font-size: 15px;
	padding-left: 10px;
}

/* Кнопка */
.forms-block-2 button {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: var(
		--unnamed,
		radial-gradient(
			53.61% 53.64% at 50% 50%,
			rgba(78, 155, 244, 0.9) 0%,
			rgba(78, 155, 244, 0.05) 100%
		),
		#3789ea
	);
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	display: table;
	text-align: center;
	transition: all 0.3s ease 0s;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	filter: drop-shadow(0px 10px 18px rgba(122, 143, 155, 0.15))
		drop-shadow(0px -8px 25px rgba(203, 27, 72, 0.05));
}

/* непонятный блок ?  */
.forms-block3 {
	text-align: center;
	width: 100%;
	font-size: 18px;
	color: green;
}

/* ============ ЧЕК БОКС С КАРТИНКОЙ ============ */
/* текст чекбокса */

/* отключить чек бокс по дефолту */

.check-1 {
	/* padding-right: 10px;
  
    padding-top: 5px; */
}
.check-1 a {
	text-decoration: none;
}

.check-1 p {
	margin-bottom: 0px;
	padding-left: 10px;
}

/* ==========  блок с 5 карточками Мы в цифрах ============ */

/* === Заголовок ===  */
.titles {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	color: #0a121b;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 38px;
	font-style: normal;
	font-weight: 800;
	line-height: 46px;
	position: relative;
}

/* === Три полосы по бокам заголовка === */
.titles::before {
	width: 183px;
	height: 13px;
	content: '';
	background: url(./images/lns.svg) no-repeat;
	display: inline-block;
	position: relative;
	margin-top: 18px;
	margin-right: 15px;
}
.titles::after {
	width: 183px;
	height: 13px;
	content: '';
	background: url(./images/lns.svg) no-repeat;
	display: inline-block;
	position: relative;
	margin-top: 18px;
	margin-left: 15px;
	transform: rotate(180deg);
}

/* === Формируем блоки === */
.nomber-item {
	padding-top: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
/* === Добавляем синий фон === */
.nomber-block {
	width: 31%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 40px;
	background:
		url(./images/act.jpg),
		lightgray 50% / cover no-repeat;
	padding-top: 40px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
}
/* === заголовок карточки === */
.nomber-title {
	color: #fff;
	font-family: Raleway;
	font-size: 30px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0.3px;
	background: #3c8ded;
	display: table;
	padding: 3px 10px;
	position: relative;
	top: -22px;
	margin-left: 15px;
}

.nomber-block1 {
	border: 1px solid #fff;
}

.nomber-desc {
	color: #fff;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 90px;
}

/* ================ слайдер одиночный ========== */

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

.zvery__row .slick-prev {
	font-size: 0;
	position: absolute;
	width: 23px;
	height: 39px;
	top: 50%;
	/* margin-top: -16px; */
	display: block;
	padding: 0;
	z-index: 10;
	left: -30px;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;

	background: url(./images/left.svg);
}

.zvery__row .slick-next {
	font-size: 0;
	position: absolute;
	width: 23px;
	height: 39px;
	top: 50%;
	margin-top: -16px;
	display: block;
	padding: 0;
	z-index: 10;
	right: -30px;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;

	background: url(./images/left.svg);
	transform: rotate(180deg);
}

/* настройка непосредственно табличек слайдера */
.zvery__row .slick-slide {
	margin-left: 10px;
	margin-right: 10px;
	box-shadow:
		0px 0px 20px 0px rgba(21, 82, 128, 0.05),
		5px 5px 10px 0px rgba(21, 82, 128, 0.04);
	background: #fff;
	height: 120px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.zvery__row2 .slick-slide {
	margin-left: 5px;
	margin-right: 5px;
	box-shadow:
		0px 0px 20px 0px rgba(21, 82, 128, 0.05),
		5px 5px 10px 0px rgba(21, 82, 128, 0.04);

	padding: 20px;
}
/* =========================  Блок Гарантии ==================== */

#garanr {
	padding-top: 10px;
}
.garanr-item {
	display: flex;
	padding: 20px;
	background:
		url(./images/act.jpg),
		lightgray 50% / cover no-repeat;
}
.garanr-block1 {
	width: 42%;
	border: 1px solid #fff;
	padding: 40px 0px 20px 40px;
}
.garanr-title {
	color: #0ef3bc;
	font-family: Raleway;
	font-size: 55px;
	font-weight: 800;
	line-height: 46px;
	padding-bottom: 40px;
}
.garanr-desc {
	color: #fff;
	font-family: Inter;
	font-size: 22px;
	font-weight: 500;
	line-height: 40px;
	padding-left: 60px;
	position: relative;
}
.garanr-desc div {
	margin-bottom: 25px;
}
/* шрифт средней строки 2 строки */
.gr2 {
	line-height: 26px;
}
/* Бордер второго блока  */
.garanr-block2 {
	width: 58%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

/* заполнение  картинки второго блока */
.garanr-block2 img {
	height: 100%;
	object-fit: cover;
}

/* иконки первой строчки с лева  */

.gr1::before {
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	left: 0;
	background: url(./images/gr1.svg), no-repeat;
}
/* иконки второй строчки с лева  */
.gr2::before {
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	left: 0;
	background: url(./images/gr2.svg), no-repeat;
	margin-top: 3px;
}
/* иконки третьей строчки с лева  */

.gr3::before {
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	left: 0;
	background: url(./images/gr2.svg), no-repeat;
}
/* ============== Блок  Двойной слайдер начало =============  */

#pisma {
	padding-top: 80px;
	padding-bottom: 80px;
}
.rows2 {
	margin-left: -15px;
	margin-right: -15px;
}
.pisma-item {
	display: flex;
	justify-content: space-between;
}
.pisma-block1 {
	width: 32%;
}
.pisma-block2 {
	width: 68%;
	padding-left: 30px;
	padding-top: 17px;
}

.strelki {
	display: flex;
	padding-bottom: 10px;
	border-bottom: 1px solid #3789ea;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.strelki .prev {
	left: auto;
	background: url(./images/strelka.svg);
	margin-right: 10px;
}
.strelki .next {
	background: url(./images/strelka.svg);
	transform: rotate(180deg);
	right: auto;
}

.strelki .prev2 {
	left: auto;
	background: url(./images/strelka.svg);
	margin-right: 10px;
}

.strelki .next2 {
	background: url(./images/strelka.svg);
	transform: rotate(180deg);
	right: auto;
}

.strelki .prev,
.strelki .next {
	width: 36px;
	height: 36px;
	position: relative;
	top: 0;
	margin-top: 0px;
	display: block;
}

/********** #Reedmore Начало **************************************/
.fn_readmore + [data-readmore-toggle],
.fn_readmore[data-readmore] {
	display: inline-block;
	width: auto;
	position: relative;
}
.fn_readmore[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_readmore[data-readmore] {
	transition: height 500ms;

	overflow: hidden;
	max-height: 300px;
	display: block;
	width: 100%;
}
.fn_readmore + [data-readmore-toggle] {
	margin-top: 13px;
	text-decoration: none;
	transition: all 0.3s;
	text-decoration: none;
	transition: all 0.3s;
	display: flex;
	justify-content: center;
}

.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 {
	color: #35bf6c;
	background: transparent;
	border-color: #35bf6c;
	border: 1px solid;
	width: 31px;
	height: 31px;
	border-radius: 0px;
	font-size: 30px;
	display: flex;
	transition: all 0.3s;
	font-weight: 300;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding-bottom: 2px;
}

.fn_readmore + [data-readmore-toggle]:hover span {
	color: var(--okay-button-text);
	background: var(--okay-button-color);
	border-color: var(--okay-button-color);
}

/********** #Reedmore конец **************************************/

/* Центр сертификации и экспертизы «DOKMENSERT» в Санкт-Петербурге  начало */
#text {
	padding-top: 40px;
	padding-bottom: 40px;
}
.text-item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.text-block1 {
	width: 41%;
	position: relative;
	z-index: 5;
}
.text-block2 {
	width: 60%;
	padding: 40px;
	background: #fff;
	margin-left: -10px;
	position: relative;
	z-index: 0;
	margin-top: 20px;
	box-shadow:
		0px 0px 50px 0px rgba(21, 82, 128, 0.06),
		7px 7px 25px 0px rgba(21, 82, 128, 0.05);
}
/* Ахуенная строчка для сокращения текста до указанной длины  */
.text-news-text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.text-news-title {
	transition: 0.3s;
	display: block;
	position: relative;
	text-decoration: none;
	color: #1b2f43;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-top: 12px;
	margin-bottom: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.text-news-data {
	padding-right: 15px;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
	transition: all 0.3s;
	color: var(--unnamed, #35bf6c);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.text-news-text {
	color: #50677b;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
}

.slick-slide .slick-active {
	margin-left: 10px;
	margin-right: 10px;
}

.zvery__row .slick-slide {
	margin-left: 10px;
	margin-right: 10px;
	box-shadow:
		0px 0px 20px 0px rgba(21, 82, 128, 0.05),
		5px 5px 10px 0px rgba(21, 82, 128, 0.04);
	/* background: #fff;
    height: 120px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 20px; */
}
/* -----------------Слайдер новости------------------- */
.strelki2 {
	display: flex;
	justify-content: center;
	border: #fff;
	padding-top: 50px;
}

.strelki2 .prev2 {
	left: auto;
	background: url(./images/strelka.svg);
	margin-right: 10px;
	background-size: 100%;
}
.strelki2 .next2 {
	background: url(./images/strelka.svg);
	transform: rotate(180deg);
	right: auto;
	background-size: 100%;
}

.strelki2 .prev2,
.strelki2 .next2 {
	width: 25px;
	height: 25px;
	position: relative;
	top: 0;
	margin-top: 0px;
	display: block;
}

.titles-kod {
	margin-bottom: 30px;
}
/* ----------------контакты сделаны на стилях что выше----- */

/* ==================== карта начало ================= */
#map {
	padding-top: 40px;
	padding-bottom: 80px;
}
.map-item {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* разметка блоков  */
.map-block1 {
	width: 80%;
}
.map-block2 {
	width: 20%;
	padding-left: 30px;
}
/* заголовок  */
.map-block-title {
	color: #243844;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-bottom: 10px;
}
/* наполнение */
.map-block-adress {
	color: #657d93;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	display: block;
}
.map-block-2_1 {
	margin-bottom: 20px;
}
.map-block-2_1 span,
.map-block-2_1 a {
	color: #657d93;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	display: block;
}

/* ==================== карта конец ================= */
/* ======================= Подвал начало ================ */
.footer-item {
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
}
.footer-block {
	width: 24%;
}
ul {
	/* margin: 0;
  padding: 0; */
	list-style-type: none;
}
/* ================== оформление li ================== */
.footer-block ul {
	margin: 0;
	padding: 0;
}
.footer-block ul li {
	padding: 5px 0px;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 0px;
}
/* ======================= Подвал конец ================ */
.haip-1 {
	font-size: 20px;
	margin-bottom: 20px;
}
.haip-2 {
	text-decoration: none;
	margin-bottom: 15px;
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: block;
	padding-left: 0px;
}

.haip-3 {
	margin-bottom: 15px;
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: block;
}
.haip-4 {
	margin-bottom: 15px;
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: block;
}
.haip-5 {
	margin-bottom: 15px;
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: block;
}
.logo-footer {
	font-size: 16px;
}

.header__block-6_footer {
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 50px;
	height: 50px;
	display: table;
	text-align: center;
	width: 300px;
	background: #35bf6c;
	transition: all 0.3s ease 0s;
	text-align: center;
	text-decoration: none;
	margin-top: 20px;
}

.header__block-6_footer a {
	text-align: center;
}
.header__block-4 a {
	margin-left: 4px;
}
/* ----------------- футер самый низ копирайт-------------- */
.footer__copyright {
	border-top: 1px solid #50677b;
	background: #242a32;
	padding: 15px 0;
	color: #fff;
}
.footer__copyright-row {
	display: flex;
	justify-content: space-between;
	padding: 10px 0 10px 0;
}
.footer-copyright1 {
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 21px;
	text-decoration: none;
}
.footer-copyright1 a {
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 21px;
	text-decoration: none;
}
.footer-copyright2 a {
	color: #c6d4de;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 21px;
	text-decoration: underline;
}

.header__block-4 {
	display: flex;
	align-items: center;
}
.header__block-6 {
	/* margin-top: 20px; */
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 50px;
	height: 50px;
	display: table;
	text-align: center;
	/* width: 300px; */
	background: #35bf6c;
	transition: all 0.3s ease 0s;
	text-align: center;
	text-decoration: none;

	display: flex;
	justify-content: center;
}
.header__block-7 {
	margin-top: 20px;
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 50px;
	height: 50px;
	display: table;
	text-align: center;
	/* width: 300px; */
	background: #35bf6c;
	transition: all 0.3s ease 0s;
	text-align: center;
	text-decoration: none;

	display: flex;
	justify-content: center;
}

.btn-primary {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #8197fa;
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	display: table;
	text-align: center;
	transition: all 0.3s ease 0s;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	filter: drop-shadow(0px 10px 18px rgba(122, 143, 155, 0.15))
		drop-shadow(0px -8px 25px rgba(203, 27, 72, 0.05));
}
.form-control {
	height: 45px;
}
.forms-block-2 inp {
	font-family: Inter;
	font-size: 20px;
}
/* стили мини иконок */
.menu-moby {
	display: none;
}

/* настройка размера шрифта выпадающего списка */
.form-control {
	font-family: Inter;
	font-size: 15px;
}

.pisma-title {
	color: #50677b;
	font-family: Inter;
	font-size: 22px;
	padding-bottom: 20px;
}
/* слайдер новости  */
#news {
	padding-top: 80px;
	padding-bottom: 60px;
}

.map-messengers {
	display: flex;
	/* flex-direction: column; */
	/* align-items: center; */
	/* justify-content: space-between; */
	/* padding-left: 3px; */
}
.map-messengers a {
	margin-right: 4px;
}
.slick-slider .slick-track {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* =========== мобильная адаптация под главную страницу======== */

@media (max-width: 1200px) {
	.header__block-6 {
		display: none;
		/* font-size: 14px; */
	}

	/* мужик в шапке из пакета  */
	.man-cap-2-2 {
		font-size: 24px;
	}
	.zvery__row .slick-next {
		right: 0px;
	}
	.zvery__row .slick-prev {
		left: 0px;
	}

	.text-block2 {
		margin-top: 0px;
	}
}

@media (max-width: 992px) {
	.header__block-6 {
		display: none;
	}

	.header__block-3 {
		display: none;
	}

	.header__row {
		font-size: 14px;
	}

	#mega-menu-item-685 {
		font-size: 9px;
	}

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

	/* Мужик в шапке */

	.man-cap-1 img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		object-fit: cover;
	}

	.man-cap-1 {
		width: 40%;
	}

	.man-cap-2 {
		width: 60%;
	}

	.man-cap-2-2 {
		font-size: 24px;
		font-size: 20px;
	}

	.man-cap-2-1 {
		display: block;
		width: 100px;
		height: 43px;
		background-size: 100%;
	}

	.figure {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		min-height: 450px;
	}

	.line1,
	.line2,
	.line3,
	.line4 {
		display: none;
	}

	.figure {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		min-height: 450px;
	}

	.figure h1 {
		font-size: 32px;
		padding: 0;
	}

	#main-baner {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	/* первая контактная форма  */
	contakt-form {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.form-bg-2 {
		padding-left: 80px;
		padding-right: 80px;
	}

	/* Блок Мы в цифрах */
	.nomber-item {
		padding-top: 40px;
	}

	.nomber-block {
		margin-bottom: 25px;
		padding-top: 35px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	.titles {
		font-size: 32px;
	}

	.nomber-title {
		font-size: 18px;
		padding: 3px 10px;
		top: -15px;
		margin-left: 5px;
	}

	.nomber-desc {
		font-size: 15px;
		min-height: 75px;
	}

	.titles::before,
	.titles::after {
		width: 150px;
		height: 11px;
		background-size: 100%;
		margin-top: 18px;
	}

	.zver1,
	.slick-slide img {
		height: 80px;
		width: auto;
	}
	.zver1 {
		margin: 10px;
	}
	.garanr-title {
		font-size: 32px;
		padding-bottom: 30px;
	}
	/* блок под одиночным слайдером гарантируем  */
	.gr1::before,
	.gr2::before,
	.gr3::before {
		width: 35px;
		height: 35px;
		background-size: 100% !important;
	}
	.garanr-desc {
		font-size: 18px;
		padding-left: 50px;
	}
	.garanr-block2 img {
		height: 100%;
		object-fit: cover;
	}
	.garanr-block1 {
		width: 50%;
		padding-left: 25px;
		padding-top: 30px;
		padding-bottom: 10px;
	}

	/* блок про Центр сертификации и экспертизы «DOKMENSERT» */
	#text {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.text-item {
		align-items: center;
	}

	.text-block2 {
		padding: 30px;
	}
	/* слайдер новости  */
	.titles {
		font-size: 32px;
	}
	.zvery6 {
		margin-top: 40px;
	}
	/* мобилка карта  */
	#map {
		padding-top: 20px;
		padding-bottom: 60px;
	}

	.map-item {
		margin-top: 40px;
		flex-wrap: wrap;
	}
	.map-block1 {
		width: 100%;
		margin-bottom: 30px;
	}
	.map-block2 {
		width: 100%;
		padding-left: 0px;
		display: flex;
		justify-content: space-between;
	}
	.footer-item {
		flex-wrap: wrap;
		padding-bottom: 20px;
	}
	.footer-block {
		width: 50%;
		margin-bottom: 20px;
	}
	.map-messengers {
		justify-content: center;
	}
	.header__block-7 {
		width: 200px;
	}
	.service-row {
		padding-top: 40px;
	}
	.man-cap-2-1 {
		display: block;
		width: 100px;
		height: 43px;
		background-size: 100%;
	}
	.man-cap-2 {
		padding: 20px;
	}

	.promotion-title {
		font-size: 18px;
	}
	.promotion-desk p {
		font-size: 18px;
	}
}
@media (max-width: 768px) {
	.header__block-2-text {
		display: none;
	}

	.header__block-4 {
		display: none;
	}

	.header__block-2-image-polygon {
		display: none;
	}

	.header__row {
		font-size: 16px;
	}

	.service__offer {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 20px;
	}

	/* блок мужик в шапке из пакета */
	.man-cap-row {
		flex-wrap: wrap;
	}

	.man-cap-1 {
		width: 100%;
		/* border-top: none; */
		border-right: 1px solid #fff;
	}

	.man-cap-2 {
		width: 100%;
		border-top: none;
	}

	.man-cap-2-2 {
		font-size: 18px;
	}

	.image-header-svg {
		padding-right: 13px;
	}

	.image-header-svg img {
		height: 50px;
	}

	.header__block5-phone {
		font-size: 14px;
	}

	.figure {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		min-height: auto;
		padding-top: 10px;
		padding-bottom: 60px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.figure h1 {
		font-size: 20px;
		line-height: 25px;
		margin: 0;
		/* font-size: 10px; */
	}

	.main-baner1 {
		padding-top: 40px;
		padding-bottom: 5px;
		font-size: 26px;
		/* font-size: 10px; */
	}

	.main-baner2 {
		padding-bottom: 20px;
		font-size: 16px;
	}

	.line2 h1 {
		font-size: 26px;
		line-height: 36px;
	}

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

	.main-baner-button {
		padding-top: 15px;
	}

	/* контактная  форма  */
	form-row {
		width: 100%;
	}

	form-bg-1 {
		display: none;
	}

	form-bg-3 {
		display: none;
	}

	.contakt-form {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.form-bg-2 {
		padding: 50px 30px 50px;
		background: #fff;
	}

	.forms-block-1 {
		width: 100%;
	}

	.forms-block-2 {
		width: 100%;
	}

	/* строка которая сдвигает чек бокс с надписью относительно основного блока в лево */

	.check-1 label {
		position: relative;
		padding-left: 5px;
	}

	.check-1 label ::before {
		padding-left: 10px;
	}

	.check-1 {
		order: 20;
		padding-bottom: 10px;
	}

	.form-bg-1,
	.form-bg-3 {
		display: none;
	}

	.form-bg-2 {
		/* padding-left: 30px;
    padding-right: 30px; */
		padding-top: 50px;
		padding-bottom: 50px;
		background: #fff;
		-webkit-clip-path: polygon(
			50% 0%,
			100% 5%,
			100% 98%,
			50% 100%,
			0 95%,
			0 5%
		);
		clip-path: polygon(50% 0%, 100% 5%, 100% 95%, 50% 100%, 0 95%, 0 5%);
	}

	/* блок мы в цифрах  */
	.nomber-block {
		margin-bottom: 15px;
		width: 48%;
	}

	.titles {
		font-size: 23px;
	}

	.nomber-title {
	}

	.titles::before,
	.titles::after {
		/* width: 80px;
    height: 6px;
    margin-top: 20px; */
		display: none;
	}

	.forms-block-2 {
		/* margin-bottom: 0px; */
	}

	#doverye {
		padding-top: 30px;
		padding-bottom: 25px;
	}

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

	.menu-moby-soc {
		order: 1;
		padding-top: 4px;
	}

	.form-row {
		width: 100%;
	}
	/* блок гарантируем под слайдером одинарным  */
	.garanr-item {
		flex-wrap: wrap;
	}
	.garanr-block1 {
		width: 100%;
		padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.garanr-block2 {
		width: 100%;
		border-left: 1px solid #fff;
	}
	.garanr-desc div {
		margin-bottom: 15px;
	}
	.garanr-desc {
		font-size: 15px;
	}
	.garanr-title {
		font-size: 26px;
		padding-bottom: 20px;
	}

	.pisma-block2 {
		width: 100%;
		padding-left: 0px;
	}
	.pisma-block1 {
		width: 100%;
	}
	.pisma-item {
		flex-wrap: wrap;
	}

	.pisma-block1 img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-height: 420px;
		height: 320px;
	}

	.pismo-slider2 img {
		height: 150px;
		padding: 15px;
		display: block;
		margin: 0 auto;
	}

	.pismo-slider2 img {
		height: 150px;
		padding: 10px;
	}
	.pisma-block2 {
		text-align: center;
	}
	.strelki .prev {
		/* margin-right: 50%; */
	}
	.strelki .next {
		/* margin-right: 50%; */
	}
	.strelki {
		justify-content: center;
	}
	/* Центр сертификации и экспертизы «DOKMENSERT» в Санкт-Петербурге */
	.text-item {
		flex-wrap: wrap;
	}
	.text-block1 {
		width: 100%;
		order: 2;
		margin-top: 20px;
	}
	.text-block2 {
		width: 100%;
		order: 1;
		margin-left: 0px;
	}
	#news {
	}
	.titles {
		font-size: 23px;
	}
	.text-news-title {
		font-size: 14px;
	}

	.text-news-text {
		font-size: 14px;
	}
	.map-block-2_1 {
		width: 50%;
		margin-bottom: 15px;
	}
	.map-block2 {
		flex-wrap: wrap;
		text-align: center;
	}
	.footer-item {
		padding-bottom: 0;
	}
	.footer-block {
		width: 100%;
		border-bottom: 1px solid #50677b;
		padding-bottom: 25px;
	}

	.header__block5-phone {
		padding-left: 0px;
	}
	.services-link__title::before {
		display: none;
	}
	.services-link__title::after {
		display: none;
	}
	.services-link__title {
		min-height: 110px;
		padding-top: 18px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 18px;
	}

	.promotion-row {
		margin-bottom: 20px;
		flex-wrap: wrap;
	}
	.man-cap-2-2 {
		padding-left: 0px;
		font-size: 18px;
		margin-top: 10px;
	}
	.form-title {
		font-size: 20px;
	}
	#nomber {
		padding-top: 30px;
	}
}
/* -----блок настройка страницы с вкладки услуги ХАССП---------- */
.text-block2 h2 {
	margin: 0;
	padding: 0;
}
.text-block2 h2 {
	font-size: large;
	color: #436fc7;
	/* эта строка нужна что бы открыть точки маркеры у списка  li */
	font-family: Raleway;
	font-size: 25px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.text-block2 li {
	list-style-type: disc;
	margin-bottom: 16px;
}

/* ============  стилизация блока контакт форм 2  на вкладки ХАССП ================ */
.fast-consultation-row {
	display: flex;
	justify-content: space-between;
}

.fast-consultation1 {
	width: 38%;
}

.fast-consultation2 {
	width: 60%;
}
.cons-punkt li {
	margin-bottom: 16px;

	/* font-size: 50px; */
}

.cons-punkt ul {
	padding-top: 24px;
	/* padding: 0px;
  margin: 0px; */
	list-style: disc;
	padding-left: 20px;
	font-weight: 500;
}
.cons-punkt {
	font-weight: 500;
}
.fast-cons-init h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	color: #1b2f43;
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 28px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}

.text_contakt {
	margin-bottom: 20px;
	color: #657d93;
	text-align: center;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.forms-block-input input {
	margin-bottom: 20px;
}
.fast-cons-init {
	background: #fff;
	box-shadow:
		0px 0px 50px 0px rgba(21, 82, 128, 0.06),
		7px 7px 25px 0px rgba(21, 82, 128, 0.05);
	padding: 50px 60px;
}

.check-1 {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.wpcf7-spinner {
	display: block;
	height: 1px;
}
/* мобильная адаптация блока контактоной формы */

@media (max-width: 768px) {
	#contakt-form {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.fast-consultation-row {
		flex-wrap: wrap;
	}
	.fast-consultation1 {
		width: 100%;
		order: 2;
	}
	.fast-consultation2 {
		width: 100%;
		order: 1;
		margin-bottom: 40px;
	}
}
/* ----------------------блок на кучу квадратиков----------------------------- */

.quad-row {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.quad-item {
	display: flex;
	width: 32%;
	margin-bottom: 20px;
	align-items: center;
	height: 75px;
	box-shadow:
		0px 0px 50px 0px rgba(21, 82, 128, 0.06),
		7px 7px 25px 0px rgba(21, 82, 128, 0.05);
	background: #fff;
}

.quad-image {
	background: #3789ea;
	padding: 10px;
	min-width: 75px;
	max-width: 75px;
	height: 75px;
}

.quad-title {
	align-items: center;
	display: flex;
	padding-left: 20px;
	padding-right: 20px;

	font-family: inter;
	font-weight: 500;
	font-size: 16px;
	color: #1b2f43;
	line-height: normal;
}
.quad-title a {
	text-decoration: none;
	color: #1b2f43;
}

.services-title-little-line {
	font-size: 38px;
	font-weight: 800;
	justify-content: center;
	color: #0a121b;
	font-family: Raleway;
	font-style: normal;
	line-height: 46px;
	position: relative;
}

#quad .services-title::before {
	width: 120px;
	height: 19px;
	background-size: 100% !important;
}

#quad .services-title::after {
	width: 120px;
	height: 19px;
	margin-top: 9px;
	background-size: 100% !important;
}

/* бЛОК  Анкеты для заполнения (скачать и заполнить): */

.huila-block1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 40px;
}

.image-huila {
	width: 49%;
}

.huila-text {
	width: 49%;
}
.huila-text a {
	display: block;
	width: 100%;
	background: #3c8ded;
	margin-bottom: 10px;
	color: white;
	padding: 7px;
	text-decoration: none;
}

.huila-block2 ul {
	margin-left: 20px;
	padding: 0px;
	list-style-type: disc;
}

.huila-block2 li {
	padding-bottom: 10px;
}
strong {
	font-weight: 600;
}

/* ------------------- БЛОК  Наши комплексы услуг НАЧАЛО ---------------------- */

#kompleks-delta {
	padding-top: 20px;
	padding-bottom: 60px;
}
.services-title {
}
/* установка флексов для всей конструкции */
.kompleks-row {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
/* установка фона и ширины  для левой и правой частей */
.kompleks-block1,
.kompleks-block3 {
	width: 32%;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	background: #fff;
	box-shadow:
		0px 0px 50px 0px rgba(21, 82, 128, 0.05),
		7px 7px 25px 0px rgba(21, 82, 128, 0.04);
}

.kompleks-block2 {
	width: 32%;
}

/* стиль синих прямоуголньков  Прямоугольник 1*/
.kompleks-kvadrat1 {
	margin-bottom: 20px;
}
/* синий фон  */
.kompleks-kvadrat1,
.kompleks-block2 {
	padding: 10px;
	text-align: center;
	background:
		url(images/act.jpg),
		lightgray 50% / cover no-repeat;
}
/* окантовка через бордеры  на два прямоугольника отдельно для каждого начало*/
.kompleks-kvadrat1 {
	border: 1px solid #fff;
	padding: 20px;
	position: relative;
}
.kompleks-kvadrat2 {
	border: 1px solid #fff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}
/* окантовка через бордеры  на два прямоугольника отдельно для каждого конец*/

/* Установка стрелок через псевдоэлементы для центральных прямоугольнико начало */
.kompleks-block2-row div::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -28px;
	width: calc(10px);
	height: calc(20px);
	/* transform: rotateY(-50deg); */
	background: url(images/ugol2.svg) no-repeat;
}

.kompleks-block2-row div::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -28px;
	width: calc(10px);
	height: calc(20px);
	transform: rotateY(-180deg);
	background: url(images/ugol2.svg) no-repeat;
}
/* Установка стрелок через псевдоэлементы для центральных прямоугольнико конец */

/* установка стилей шрифта для центральных прямоугольников начало */
.kompleks-kvadrat1 span {
	text-decoration: none;
	color: #fff;

	font-family: Raleway;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.kompleks-kvadrat2 span {
	text-decoration: none;
	color: #fff;

	font-family: Raleway;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
/* установка стилей шрифта для центральных прямоугольников конец */
/* стили спана важный элемент без которого стрелки не  появятся   */
.kompleks-text span {
	color: #50677b;
	text-decoration: none;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	position: relative;  /* строчка которая привязывает позишион абсолют к этому блоку*/ 
	display: block;
	margin-bottom: 27px;
	padding-left: 20px;
}
/* непосредственно установка стрелок  */
.kompleks-text span::before {
	content: '';
	background: url(images/str.svg) no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	display: inline-block;
	top: 5px;
}

/* ------------------- БЛОК  Наши комплексы услуг КОНЕЦ ---------------------- */
#reedmore3{
	padding: 20px 50px;
}
.reedmore3-total {}

.reedmore3-row {
	display: flex;
}

.reedmore3-image {
	width: 40%;
	z-index: 1;
}

.reedmore3-text {
	width: 60%;
	padding: 40px;
	background: #fff;
	box-shadow: 0px 0px 50px 0px rgba(21, 82, 128, 0.06), 7px 7px 25px 0px rgba(21, 82, 128, 0.05);
	margin-left: -10px;
	position: relative;
	z-index: 0;
	margin-top: 20px;
}
.dd{
	width: 60%;
}