/*!
Theme Name: clelectric_theme
Theme URI: https://t.me/Nerolime94
Author: @Nerolime94
Author URI: https://t.me/Nerolime94
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clelectric_theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

clelectric_theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

	--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
 	line-height: 1.15;
 	-webkit-text-size-adjust: 100%;

 	scroll-behavior: smooth;
 	overflow-y: scroll;
 	overflow-x: hidden;
 }
 :root {
 	--ffffff: #fff;
 	--49d63d: #49d63d;
 	--1e1e1e: #1e1e1e;
 	--fb7616: #fb7616;
 	--f9f9f9: #f9f9f9;
 	--636363: #636363;
 	--f3f2f2: #f3f2f2;
 	--0b8dd6: #0b8dd6;
 }
/* Sections
========================================================================== */

/**
 * Remove the margin in all browsers.
 */
 body {
 	margin: 0;

/*	font-family: "Montserrat", sans-serif;
 	font-optical-sizing: auto;

 	font-style: normal;*/
 }

/**
 * Render the `main` element consistently in IE.
 */
 main {
 	display: block;
 }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
 h1 {
 	font-size: 2em;
 	margin: 0.67em 0;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	margin: 0;
 	padding: 0;
 	clear: both;
 }
 textarea {
 	resize: none;
 }
 input,
 select,
 button,
 textarea {
 	outline: none;
 }
 audio,
 canvas,
 iframe,
 img,
 svg,
 video {
 	vertical-align: middle;
 }
 ul,
 li,
 a {
 	padding: 0 0;
 	margin: 0;
 	list-style-type: none;
 	/*color: #333;*/
 	text-decoration: none;
 }
 ul:hover,
 li:hover,
 a:hover {
 	text-decoration: none;
 	/*color: #333;*/
 }

 :focus-visible {
 	outline: none;
 }

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

 input::placeholder { color: #fff; }

/* Grouping content
========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
 hr {
 	box-sizing: content-box;
 	height: 0;
 	overflow: visible;
 }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
 pre {
 	font-family: monospace, monospace;
 	font-size: 1em;
 }

/* Text-level semantics
========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
 a {
 	background-color: transparent;
 }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
 abbr[title] {
 	border-bottom: none;
 	text-decoration: underline;
 	text-decoration: underline dotted;
 }

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
 code,
 kbd,
 samp {
 	font-family: monospace, monospace;
 	font-size: 1em;
 }

/**
 * Add the correct font size in all browsers.
 */
 small {
 	font-size: 80%;
 }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
 sub,
 sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline;
 }

 sub {
 	bottom: -0.25em;
 }

 sup {
 	top: -0.5em;
 }

/* Embedded content
========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
 img {
 	border-style: none;
 }

/* Forms
========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
 button,
 input,
 optgroup,
 select,
 textarea {
 	font-family: inherit;
 	font-size: 100%;
 	line-height: 1.15;
 	margin: 0;
 }

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
 button,
 select {
 	text-transform: none;
 }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
 	-webkit-appearance: button;
 }

/**
 * Remove the inner border and padding in Firefox.
 */
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
 	border-style: none;
 	padding: 0;
 }

/**
 * Restore the focus styles unset by the previous rule.
 */
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
 	outline: 1px dotted ButtonText;
 }

/**
 * Correct the padding in Firefox.
 */
 fieldset {
 	padding: 0.35em 0.75em 0.625em;
 }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
 legend {
 	box-sizing: border-box;
 	color: inherit;
 	display: table;
 	max-width: 100%;
 	padding: 0;
 	white-space: normal;
 }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
 progress {
 	vertical-align: baseline;
 }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
 textarea {
 	overflow: auto;
 }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
 [type="checkbox"],
 [type="radio"] {
 	box-sizing: border-box;
 	padding: 0;
 }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
 	height: auto;
 }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
 [type="search"] {
 	-webkit-appearance: textfield;
 	outline-offset: -2px;
 }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
 [type="search"]::-webkit-search-decoration {
 	-webkit-appearance: none;
 }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
 ::-webkit-file-upload-button {
 	-webkit-appearance: button;
 	font: inherit;
 }

/* Interactive
========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
 details {
 	display: block;
 }

/*
 * Add the correct display in all browsers.
 */
 summary {
 	display: list-item;
 }

/* Misc
========================================================================== */

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

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

/* Box sizing
--------------------------------------------- */

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

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

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

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	/*color: #800080;*/
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #fff;
	/* border: 1px solid #ccc; */
	/* border-radius: 3px; */
	/* padding: 3px; */
	/* border-bottom: 1px solid; */
	padding: 0.375rem 0.75rem;
	border: 0;
	border-bottom: 1px solid #303030;
	width: 100%;
	display: block;
	background: transparent;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: auto;
	margin-right: auto;

}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	display: grid;
	z-index: 99999;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 0;
	grid-row-gap: 0;
	background: #0b8dd6;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	font-size: 16px;
	width: 200px;
	line-height: 1.3;
	color: #fff;
}
.main-navigation ul ul a:hover {
	color: #fff;
	text-decoration: underline;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

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

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	/*margin: 0 0 1.5em;*/
}

.updated:not(.published) {
	display: none;
}

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

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

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

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

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

/* 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 logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

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

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

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

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
/*====================*/

:root {
	--bg: #ffffff;
	--fg: #0f172a;
	--muted: #64748b;
	--accent: #111827;
	--card: #f8fafc;
	--border: #e5e7eb;
}
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji'; color:var(--fg); background:var(--bg); line-height:1.6; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.site-header { position: sticky; top:0; background: rgba(255,255,255,.9); backdrop-filter: blur(6px); border-bottom:1px solid var(--border); z-index:10; }
.nav { display:flex; align-items:center; justify-content:space-between; padding:14px 0; }
.brand { display:flex; align-items:center; gap:10px; }
.brand-logo { width:40px; height:40px; border-radius:14px; background:#000; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; }
.brand-name small { color:var(--muted); display:block; margin-top:-4px; font-size:12px; }
.nav a { color:var(--fg); text-decoration:none; margin-left:18px; }
.nav .btn { background:#000; color:#fff; padding:10px 14px; border-radius:12px; }
.hero { padding:64px 0; }
.hero h1 { font-size: clamp(28px, 4vw, 44px); line-height:1.15; margin:0; }
.hero p { color:var(--muted); font-size:18px; }
.grid { display:grid; gap:32px; }
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.card {
	background:var(--card);
	padding:20px; 
}
.card h3 { margin:6px 0 6px 0; }
.section { padding: 80px 0; }
.section.alt { background:#fff; border-top:1px solid var(--border); }

.muted { color:var(--muted); }
.footer { border-top:1px solid var(--border); padding:24px 0; color:var(--muted); font-size:14px; }
.post-meta { color:var(--muted); font-size:14px; }
article img { 
	max-width:100%;
	height:auto;
	/*border-radius:12px; */
}
.wp-block-image img { border-radius:12px; }
.button { display:inline-block; padding:10px 14px; border-radius:12px; border:1px solid var(--border); text-decoration:none; color:var(--fg); }
.button.primary { background:#000; color:#fff; border-color:#000; }
.breadcrumbs { font-size:14px; color:var(--muted); }
/*=======================================*/


.container {
	/*max-width: 1450px;*/
	/*max-width: 1690px;*/
	/*max-width: 1230px;*/
	/*max-width: 1366px;*/
	max-width: 1310px;
	margin: 0 auto;
	padding: 0 15px;
	height: 100%;
}
#primary {
	/*max-width: 1690px;*/
	max-width: 1310px;
	/*max-width: 1450px;*/
	/*max-width: 1230px;*/
	/*max-width: 1366px;*/
	/*max-width: 1320px;*/
	margin: 0 auto;
	padding: 0 15px;
	height: 100%;
	padding-bottom: 96px;

}
.home #primary,

.page-template-page-contact #primary,
.page-id-17 #primary,

/*.post-template-default #primary,*/
.post-type-archive #primary,
.single-services #primary,
/*.blog #primary,*/
.single-project #primary,

#primary.fullwr{
	padding: 0;
	max-width: none;
	padding-bottom: 0;

}
.lazy {
	opacity: 0;
	filter: blur(50px);
	transform: scale(1);
	transition: opacity 1s linear;
}

img:not(.lazy) {
	opacity: 1;
	transition: opacity 1s linear;
	transform: scale(1);
}
.mob-btn {
	display: none;
}

#masthead{
	/*height: 87px;*/


}

.site-branding{
	max-width: 170px;
/*	width: 52px;
min-width: 52px;*/
}
.site-logo{
	/*color: var(--color4) ;*/
}

.header-l1{
	/*background: #202020;*/
	/*background: rgba(15, 13, 10, 0.1);*/
	/*background: var(--1e1e1e);*/
	position: relative;
	z-index: 101;
	padding-top: 6px;
	padding-bottom: 6px;

	/*border-bottom: 1px solid #2e2f30;*/
	transition: all 0.3s;
}
.home .header-l1{
	/*border-bottom: 1px solid var(--636363);*/
	/*background: transparent;*/

}
.topmen{
	/*padding-top: 72px;*/

}
.topmen .header-l1 {
/*	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10000;

	box-shadow: 0px 3px 8px rgb(11 141 214 / 10%);
	background: rgb(255 255 255 / 95%);
	*/
}
.header-l1-in {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;;
	align-content: stretch;
	align-items: center;
}
.menu-item-has-children:after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 2px solid var(--0b8dd6);
	border-bottom: 2px solid var(--0b8dd6);
	top: 31px;
	right: 12px;
	transform: rotate( 45deg );
	transition: all 0.3s;
}


.main-navigation a{


	font-weight: 400;
	font-size: 18px;


	color: var(--fg);
	padding: 12px 20px;
	display: block;
	position: relative;
	transition: all 0.3s;
	text-align: center;
}
.main-navigation > div > ul > li > a{
	font-size: 18px;
	padding: 20px 22px;
}

.main-navigation a:hover{
	color: var(--0b8dd6);
}
.main-navigation ul{

}


.header-zv{
	display: none;
}
.header-btn{
	cursor: pointer;
	/*margin-right: 24px;*/
	margin-left: 40px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	color: var(--mane4);
	border: 1px solid var(--mane);
	padding: 16px 20px;
	line-height: 1;
}
.header-btn:hover{
	color: var(--49d63d);
}
/*.mone:after{
	content: '';
	background: #2F2D2E;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	opacity: 0.5;
	}*/

	.counter {
		/*font-family: 'Oswald', sans-serif;*/
		font-style: normal;
		font-weight: 600;
		position: absolute;
		left: -50px;
		/*top: 5px;*/
		top: 14px;
		font-size: 24px;
		line-height: 36px;
		text-transform: uppercase;
		color: #0b8dd6;
	}
	.mone .counter{
		top: 5px;
	}
	.mone .counter:before{
		height: 158px;
	}
	.counter.color-white {
		color: #fff;
	}
	.counter:before {
		content: '';
		position: absolute;
		bottom: 3px;
		right: -11px;
		/*height: 148px;*/
		height: 127px;
		width: 1px;
		background: #cfcfcf;
	}
	.counter:after {
		content: '';
		position: absolute;
		bottom: 0;
		right: -11px;
		height: 32px;
		width: 4px;
		background: #0b8dd6;
	}
	.counter.color-white:after {
		background: #fff;
	}

	.mone {
		position: relative;
		padding-top: 120px;
		/*padding-top: 190px;*/
		padding-bottom: 10vh;

		/*height: 100vh;*/
		/*height: 735px;*/
		/*background: #000;*/
		/*background-color: #ebebeb;*/

		background: url(assets/image/bg1.jpg) no-repeat center;
		/*-webkit-background-size: cover;*/
		background-size: cover;
		position: relative;
		z-index: 5;
		overflow: hidden;
		min-height: 560px;	

	}
	.mone-in{
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-pack: center;
		justify-content: center;
		height: 100%;
		position: relative;
		z-index: 4;
		-webkit-box-align: start;
		align-items: flex-start;
		max-width: 650px; 
		width: 100%;
		align-content: center;
	}


	.mone-l1 {

		font-weight: 400;
		font-size: 44px;
		margin-bottom: 16px;
		/* max-width: 742px; */
		/* max-width: 550px; */
		line-height: 1.2;
		text-transform: uppercase;
		color: white;
	}
	.mone-l1 span{
		/*color: var(--mane4);*/
		color: #b9b9b9;
	}
	.mone-l1 h1 {
		font-size: inherit;
		font-weight: inherit;
		display: initial;

	}
	.mone-l2{
		font-size: 20px;
		color: rgb(187 187 187);
		margin-bottom: 48px;
		margin-top: 0;
		max-width: 500px;
	}
	.mone-l3{
		display: flex;
		gap: 20px;
		margin-bottom: 50px;
	}
	.mone-l3-btn{
		border-radius: 4px;
		padding: 18px 34px;
		border: 1px solid var(--mane4);
		cursor: pointer;
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 18px;
		color: #000;
		line-height: 1;
	}
	.mone-l3-btnl{
		background: var(--mane4);

	}
	.mone-l3-btnl:hover{
		background: transparent;
		color: var(--mane4);
	}
	.mone-l3-btnr{
		border: 1px solid var(--mane);
		background: transparent;
		color: var(--mane4);
	}
	.mone-l3-btnr:hover{
		background: var(--mane);
		color: #000;
	}
	.mone-l4{
		display: flex;
		gap: 40px;
	}
	.mone-l4-i{
		border: 1px solid var(--mane);
		border-radius: 4px;
		padding: 20px ;

	}
	.mone-l4l{
		text-align: center;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	.mone-l4l1{
		font-family: var(--second-family);
		font-weight: 400;
		font-size: 40px;
		color: var(--mane);
	}
	.mone-l4l2{
		font-family: var(--second-family);
		font-weight: 400;
		font-size: 24px;
		color: var(--mane4);
	}
	.mone-l4r{
		display: flex;
		gap: 24px;
		border: 1px solid var(--mane4);
		align-items: center;
	}
	.mone-l4__text{
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 18px;
		color: var(--mane4);
	}
	.title_v1{
		position: relative;
		z-index: 3;

		font-weight: 400;
		font-size: 40px;


		text-transform: uppercase;
		/*text-transform: uppercase;*/
		margin-bottom: 32px;

	}
	.title_v1:before {
		content: '';
		position: absolute;
		bottom: 2px;
		left: 0;
		width: 100%;
		height: 1px;
		background: #0b8dd6;
	}
	.title_v1:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 112px;
		height: 3px;
		background: #0b8dd6;
	}
	.title_v1.color-white:before {
		content: '';
		position: absolute;
		bottom: 2px;
		left: 0;
		width: 100%;
		height: 1px;
		background: #fff;
	}
	.title_v1.color-white:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 112px;
		height: 3px;
		background: #fff;
	}
	.color-white {
		color: #fff;
	}
	.title_v1 span{
		color: #fff;
	}
	.title_v1 h2,
	.title_v1 h3{
		font-size: inherit;
		font-weight: inherit;
		display: initial;
	}
	.title_after{
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 24px;
		color: var(--mane4);
		margin-bottom: 60px;
		line-height: 0.7;
	}
	.title_v2{
		font-family: var(--third-family);
		font-weight: 100;
		font-size: 80px;
		line-height: 80%;
		color: var(--49d63d);
		margin-bottom: 30px;
		text-transform: uppercase;

	}
	.title_v2 span{

	}
	.title_pre{
		font-family: var(--font-family);
		font-weight: 600;
		font-size: 30px;
		color: var(--636363);
		margin-bottom: 16px;
	}
	.title_sub{
		text-align: center;
		font-size: 18px;
		line-height: 100%;
		color: #7c7c7c;
		margin-bottom: 40px;
	}
	.title-s{
		font-size: 18px;
		line-height: 100%;
		color: #b5b5b5;
		margin-bottom: 8px;
	}
	.text-s{

	}
	.relpos{
		position: relative;
	}
	.sect{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.sect-dark{
		background-color: #222;
	}
	.ser-bg{
		background-color: #F8F8F8;
	}
	.hidden{
		display: none !important;
	}
	/*=====================*/
	.btn-v1, input[type="submit"]{

		display: inline-block;
		transition: all 0.3s;
		position: relative;

		/*border-radius: 4px;*/
		padding: 18px 34px;
		/*border: 1px solid var(--mane4);*/
		cursor: pointer;

		font-weight: 400;
		font-size: 18px;
		color: #000;
		line-height: 1;
		/*border: 1px solid var(--mane);*/
		background: var(--0b8dd6);
		/*color: var(--0b8dd6);*/
		color: #fff;

		text-decoration: none;

		cursor: pointer;

		outline: 0;
		justify-content: center;
		overflow: hidden;

	}
	.btn-v1:hover, input[type="submit"]:hover{

		/*color: #000;*/
		color: #fff;
	}
	input[type="submit"].btn-v2:hover{
		background: #30b5ff;
		color: #fff;
	}
	.btn-v1:hover{
		background: #30b5ff;
		/* color: var(--mane4); */
		color: #fff;
	}
	.btn-v1:hover::after {

	}
	.btn-v1:active{

	}
	.btn-v1:before{

	}
	/*.btn-v1:after{
		content: url(assets/image/arri.svg);
		margin-left: auto;
		margin-right: 0;
		display: inline-block;
		margin-bottom: -6px;
		margin-left: 15px;
		transition: all 0.3s;
		}
		*/
		.btn-v1 span{
			padding-left: 5px;
		}
		.btn-v2{
			display: inline-block;
			padding: 18px 34px;
			font-weight: 400;
			font-size: 18px;
			line-height: 1;

			background: #ffffff;
			color: var(--0b8dd6);

			overflow: hidden;
			position: relative;
			z-index: 2;

			text-align: center;

			text-decoration: none;
			transition: all 0.3s;

			cursor: pointer;


		}
		.btn-v2:after{

		}
		.btn-v2:hover{
			/*background: transparent;*/
			background: #30b5ff;
			/* color: var(--mane4); */
			color: #fff;
		}
		.btn-v2:active{

		}
		.btn-v3{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			line-height: 135%;
			color: var(--design-black);

			border: 1px solid var(--design-dividers);
			border-radius: 100px;
			padding: 14px  0px 14px 0px;
			max-width: 260px;
			width: 100%;
			display: flex;
			text-align: center;
			align-items: center;
			justify-content: center;	
		}
		/*=====================*/
		.flex-container{
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			justify-content: center;
			align-content: center;
			align-items: stretch;

			gap: 20px;
		}

		.grid-container{

			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-column-gap: 20px;
			grid-row-gap: 20px;
  	/*grid-auto-rows: minmax(auto, 485px);
  	*/
  }
  .grid-container.col-6{
  	grid-template-columns: repeat(6, 1fr);
  }
  .grid-container.col-5{
  	grid-template-columns: repeat(5, 1fr);
  }
  .grid-container.col-4{
  	grid-template-columns: repeat(4, 1fr);
  }
  .grid-container.col-3{
  	grid-template-columns: repeat(3, 1fr);
  	grid-column-gap: 32px;
  	grid-row-gap: 32px;
  }
  .grid-container.col-2{
  	grid-template-columns: repeat(2, 1fr);
  }
  /*=====================*/
  .mtwo-i{
  	position: relative;

  	background: linear-gradient(148.33deg, #3469bf 12.08%, #4591d4 71.54%);
  }
  .mtwo-i__n{
  	position: absolute;
  	/*z-index: -1;*/

  	right: 10px;
  	top: -32px;
  	font-size: 32px;
  	color: rgb(69 122 207 / 58%);
  	font-weight: 700;
  }
  .mtwo-i__title{
  	font-size: 24px;
  	line-height: 1.1;
  	padding-right: 10px;
  	color: white;
  	margin-bottom: 16px;
  	font-weight: 400;
  	min-height: 52px;
  }
  .mtwo-i__text{
  	font-size: 18px;
  	color: white;
  	margin: 0;
  }
  .mtwo-i__a{
  	margin-top: 16px;


  	padding: 12px 46px;

  	font-size: 16px;

  }
  .bgblue{
  	background: linear-gradient(148.33deg, #3469bf 12.08%, #4591d4 71.54%);
  }
  .mthree-i{
  	position: relative;
  	display: flex;
  	height: 250px;
  	padding: 20px;
  	background: linear-gradient(148.33deg, #3469bf 12.08%, #4591d4 71.54%);
  	flex-direction: column;
  	justify-content: flex-end;
  	align-items: flex-start;

  	text-align: left;
  	padding-bottom: 40px;
  	background: url(assets/image/xz1.jpg) no-repeat center;
  	/* -webkit-background-size: cover; */
  	background-size: cover;

  }
  .mthree-i:nth-child(2){
  	background: url(assets/image/xz4.jpg) no-repeat center;

  	background-size: cover;
  }
  .mthree-i:nth-child(3){
  	background: url(assets/image/xz5.jpg) no-repeat center;

  	background-size: cover;
  }
  .mthree-i:nth-child(4){
  	background: url(assets/image/uslbig01.jpg) no-repeat center;

  	background-size: cover;
  }
  .mthree-i:nth-child(5){
  	background: url(assets/image/xz6.jpg) no-repeat center;
  }
  .mthree-i:nth-child(6){


  	background-size: cover;
  }
  .mthree-i:after{
  	content: '';
  	position: absolute;
  	left: 0;
  	bottom: 20px;
  	width: 80%;
  	height: 1px;
  	background: #fff;
  	z-index: 2;
  }
  .mthree-i:before{
  	content: '';
  	height: 100%;
  	width: 100%;
  	background: #000;
  	opacity: 0.7;
  	left: 0;
  	top: 0;
  	position: absolute;
  }
  .mthree-i__title{
  	font-size: 25px;
  	line-height: 1.2;
  	color: #fff;
  	z-index: 3;
  	position: relative;
  }
  .five-in{
  	display: flex;
  	flex-wrap: wrap;
  }
  .galer-i{
  	padding: 18px;
  	border-right: 1px solid #e5e5e5;
  	-ms-flex-preferred-size: 0;
  	flex-basis: 0;
  	-ms-flex-positive: 1;
  	flex-grow: 1;
  	max-width: 100%;
  	width: 25%;
  	display: flex;
  	min-width: 25%;
  	justify-content: center;
  	align-items: center;
  	align-content: center;
  }
  .galer-i img {
  	max-width: 260px;
  	height: auto;
  }
  .galer-i:nth-child(4n){
  	border-right: 0;
  }
  .galer-i:nth-child(-n+4){
  	border-bottom: 1px solid #e5e5e5;
  }
  .galer-i:last-child{
  	border-right: 0;
  }
  .f2b .wpcf7-form-control-wrap{
  	display: block;
  	width: 100%;
  }
  .f2b p{
  	display: flex;
  	gap: 20px;
  }
  .mfour-i{
  	background: var(--0b8dd6);
  	border: 4px solid var(--0b8dd6);
  }
  .mfour-i:hover .mfour-i__img img{
  	transform: scale(1.2);
  }
  .mfour-i a{
  	display: flex;

  }
  .mfour-i__title{
  	display: flex;
  	width: 50%;
  	min-width: 50%;
  	align-items: center;
  	justify-content: center;
  	color: #fff;
  	padding: 20px;
  	text-align: center;
  	font-size: 25px;
  	line-height: 1.2;

  	height: 250px;
  }
  .mfour-i__img{
  	background: #fff;
  	width: 50%;
  	overflow: hidden;
  }
  .mfour-i__img img{
  	height: 100%;
  	width: 100%;
  	object-fit: cover;
  	transform: scale(1);
  	transition: all 3s;
  }

  .mfour .slick-list{
  	margin: 0 -10px;
  	padding-top: 10px;
  	padding-bottom: 10px;
  }

  .mfour .slick-slide {
  	margin-right: 10px;
  	margin-left: 10px;
  }
  /*==================*/
  .slik-nav-wr{
  	/*border-radius: 100px;*/
  	padding: 5px;
  	/*width: 267px;*/
  	/*height: 60px;*/

  	display: flex;

  	align-items: center;
  	justify-content: space-between;
  	width: 120px;
  	backdrop-filter: blur(10px);
  	background: rgba(230, 231, 233, 0.4);
  	/*margin: 0 auto;*/
  	/*margin-top: 40px;*/
  	position: absolute;
  	right: 15px;
  	top: 82px;
  }
  .slick-arrow{
  	/*border-radius: 200px;*/
  	/*padding: 13px;*/
  	width: 50px;
  	height: 50px;
  	background: #fff;

  	display: flex;
  	align-items: center;
  	justify-content: center;
  	cursor: pointer;
  }
  .slick-dots{
  	margin: 0;
  	font-size: 0;
  }
  .slick-dots li{
  	display: inline-block;
  	margin-left: 6px;
  	margin-right: 6px;
  }
  .slick-dots li button{
  	font-size: 0;
  	border-radius: 100%;
  	background: #fff;
  	width: 8px;
  	height: 8px;
  	border: 0;
  	padding: 0;
  	cursor: pointer;
  }
  .slick-dots li.slick-active{

  }
  .slick-dots li.slick-active button{
  	width: 14px;
  	height: 14px;
  	background:  #ff7800;
  }

  .title_all{
  	position: absolute;
  	right: 25px;
  	top: 28px;
  	z-index: 4;
  }
  /*=====================*/
  .bk2{
  	display: flex;
  	gap: 60px;
  }
  .bkl{
  	width: 300px;
  }
  .bkr{
  	width: calc(100% - 361px);
  }
  /*=====================*/
  .mseveni__tit{
  	font-size: 16px;
  	line-height: 135%;
  	margin-bottom: 5px;
  }
  .mseveni__text{
  	font-size: 18px;
  	line-height: 135%;

  }
  .mat30 {
  	margin-top: 30px;
  }


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

  #colophon{
  	padding-top: 80px;
  	padding-bottom: 80px;
  	color: #fbf9f8;
  	background: #084f98;

  	/*margin-top: 60px;*/
  }
  #colophon a:hover{
  	/*color: #ff7800;*/
  	color: #30b5ff;
  }
  .foot-line1-in{
  	display: flex;
  	justify-content: space-between;
  }
  .ft-i{

  }
  .ft-i:last-child{
  	max-width: 300px;
  }
  .ft-logo{
  	margin-bottom: 24px;
  	display: flex;
  	align-items: center;
  }
  .ft-text{
  	margin-bottom: 44px;
  	font-weight: 400;
  	font-size: 16px;
  	line-height: 135%;

  }
  .ft-politic{
  	color: #fff;
  	font-weight: 400;
  	font-size: 16px;
  	line-height: 135%;
  	text-decoration: underline;
  	text-decoration-skip-ink: none;

  }
  .ft-list{
  	padding: 0;
  	margin: 0;

  }
  .ft-list li{
  	margin-bottom: 13px;
  }
  .ft-list li a{

  	/*font-weight: 600;*/
  	font-size: 16px;
  	color: #fbf9f8;
  }
  .ft-list li a:hover{
  	color: #ff7800;
  }
  .ft_tt{
  	position: relative;
  	padding-left: 34px;
  	/*font-weight: 600;*/
  	font-size: 16px;
  	line-height: 135%;
  	color: #fbf9f8;
  	margin-bottom: 20px;
  }
  .ft_tt.stwelf__tel{
  	display: inline-block;
  	/*font-weight: 900;*/
  	line-height: 1.2;
  	font-size: 20px;
  	color: #fbf9f8;
  }
  .ft_tt.stwelf__mail{
  	display: inline-block;
  	color: #fbf9f8;
  }
  .site-footer .form-down__btns{
  	flex-direction: column;
  }	
  .site-footer .form-down__btn{
  	width: 100%;
  }	
  .ft-logo img{
  	/*filter: invert(1);*/
  	/*max-width: 80px;*/
  }
  /*==================*/
  .stwecvbc{
  	position: relative;
  }
  .stwecvbc:before{

  	position: absolute;
  	left: 0;
  	top: 0;
  }
  .stwelf__adres:before {
  	content: url(assets/image/map.svg);

  }

  .myloader .stwelf__tel:before{
  	content: url(assets/image/call2.svg);
  }
  .myloader .stwelf__time:before{
  	content: url(assets/image/clock.svg);
  }
  .myloader .stwelf__mail:before{
  	content: url(assets/image/mail.svg);
  }
  /*===================*/
  /*=====================*/ 
  .not__db {
  	margin-top: 15px;
  	cursor: pointer;

  	font-weight: 400;
  	font-size: 14px;
  	line-height: 143%;
  	color: var(--ffffff);
  }
  .not__db a{
  	color: #d5d5d5;
  	text-decoration: underline;
  }
  .not__db p{
  	margin: 0;
  }
  .wpcf7{
  	position: relative;
  }
  .wpcf7-spinner{
  	position: absolute;
  	right: 0;
  	bottom: 0;
  }
  .not__db .wpcf7-form-control-wrap {
  	width: auto;
  	display: inline-block;
  	margin-left: -30px;
  }
  .not__db label {
  	cursor: pointer;
  	padding-left: 26px;
  	display: block;
  }
  /*===================*/
  input[type="submit"].btn-v2{
  	border: 0;
  	border-color: #ccc #ccc #bbb;
  	border-radius: 0;
  	padding: 18px 70px;

  	background: #ffffff;
  	color: var(--0b8dd6);
  	display: block;
  	margin: 0 auto;
  }

  .upper {
  	background-color: #ebebeb;
  	background: url(assets/image/bg3.jpg) no-repeat center;
  	-webkit-background-size: cover;
  	background-size: cover;
  	position: relative;
  	z-index: 5;
  	overflow: hidden;
  	height: 300px;
  	padding-top: 80px;
  }
  .entry-content ul{

  }
  .entry-content ul li{
  	list-style: disc;
  }
  .entry-content ol{

  }
  .entry-content ol li{
  	list-style: decimal;
  }
  .art-down__title {
  	margin-bottom: 15px;
  	font-weight: 600;
  	font-size: 20px;
  	line-height: 120%;
  	margin-top: 8px;
  	color: var(--fg);

  }
.meight-in.grid-container.col-5{
	    grid-row-gap: 40px;
}
.meight-i{
	text-align: center;
}

















  /*=========================*/
  @media screen and (max-width: 1920px) { 

  } 
  @media screen and (max-width: 1600px) { 
  	.container,
  	#primary {
  		/*max-width: 1170px;*/
  		/*max-width: 1440px;*/
  		/*max-width: 1366px;*/
  	}

  }

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

  	.container,
  	#primary {
  		max-width: 1230px;
  	}
  	.main-navigation a {
  		padding-left: 25px;
  		padding-right: 25px;
  	}
  	.menu-item-has-children:after {
  		right: 14px;
  	}
  		/*.mone {
  			padding-bottom: 5vh;

  			}*/
  			.mone-l1 {
  				/*font-size: 50px;*/
  				/*margin-bottom: 40px;*/
  				/*max-width: 900px;*/
  			}

  		} 
  		@media screen and (max-width: 1370px) { 
  			.title_v1 {
  				font-size: 36px;
  				margin-bottom: 20px;
  			}

  			.bk2 {

  				gap: 32px;
  			}
  			.container, #primary {
  				max-width: 1190px;
  			}
  			.mone-l2 {
  				font-size: 18px;

  			}
  			.mtwo-i__text {
  				font-size: 16px;

  			}
  			.slik-nav-wr {

  				top: 66px;
  			}
  			.upper {

  				height: 228px;
  				padding-top: 65px;
  			}
  			.mfour-i__title {
  				font-size: 22px;

  			}
  		} 

  		@media screen and (max-width: 1280px) { 
  			.container, #primary {
  				max-width: 1160px;
  			}
  		} 
  		@media screen and (max-width: 1200px) { 

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

  			.main-navigation a {
  				padding-left: 20px;
  				padding-right: 20px;
  			}
  			.menu-item-has-children:after {
  				right: 10px;
  			}
  			.mone-l1 {
  				font-size: 40px;
  				margin-bottom: 32px;
  				max-width: 860px;
  			}

  	/*	.sect {
  			padding-top: 80px;
  			padding-bottom: 80px;
  			}*/
  			.title_v1 {
  				font-size: 30px;
  				margin-bottom: 24px;

  			} 

  			.btn-v1 ,
  			.btn-v2 , input[type="submit"].btn-v2{
  				padding: 12px 24px;
  				font-size: 16px;

  			}

  			.wpcf7{
  				position: relative;
  				z-index: 2;
  			}
  			.galer-i img {
  				max-width: 260px;
  				height: auto;
  				width: 100%;
  			}
  		} 


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

  			/*#site-navigation{
  				display: none;
  				}*/


  				.header-l1-in {

  				}


  				.mob-btn {
  					height: 40px;
  					margin-left: 0px;
  					color: var(--0b8dd6);
  					/*font-weight: 500;*/
  					transition: all .3s ease;
  					text-decoration: none;
  					padding-right: 50px;
  					cursor: pointer;
  					position: relative; 
  					display: block;
  					/*margin-left: 24px;*/
  					/*background: linear-gradient(90deg, #ed161f 0%, #ac0404 100%);*/

  				}
  				.mob-btn span{
  					display: inline-block;
  					vertical-align: sub;
  				}
  				.mob-btn:hover .mob-btn-in{
  					/*width: 32px;*/

  				}
  				.mob-btn:hover .mob-btn-in:before{
  					/*width: 32px;*/

  				}
  				.mob-btn-in{
  					position: absolute;
  					right: 9px;
  					top: 17px;
  					width: 34px;
  					/*width: 16px;*/
  					height: 3px;
  					background: var(--0b8dd6);
  					border-radius: 10px;
  					transition: all 0.3s ease;
  				}
  				.mob-btn-in:after{
  					content: "";
  					position: absolute;
  					display: block;
  					right: 0;
  					height: 3px;
  					background: var(--0b8dd6);
  					width: 34px;
  					/*width: 28px;*/
  					bottom: -9px;
  					transition: all .3s ease;

  					border-radius: 10px;

  					animation-duration: .5s;
  					animation-delay: .15s;
  				}
  				.mob-btn-in:before {
  					position: absolute;
  					display: block;
  					right: 0;

  					width: 34px;
  					height: 3px;
  					background:  var(--0b8dd6);
  					/*width: 16px; */
  					content: "";
  					top: -9px;
  					transition: all .3s ease;
  					border-radius: 10px;
  					animation-duration: .5s;
  					animation-delay: 0s;
  				}
  				.mob-btn.change .mob-btn-in:before {
  					top: 0;
  					-webkit-transform: rotate(
  						45deg
  						);
  					-ms-transform: rotate(45deg);
  					transform: rotate(
  						45deg
  						);
  					/*background: #4d5960;*/
  				}
  				.mob-btn.change .mob-btn-in:after {
  					bottom: 0;
  					-webkit-transform: rotate(
  						-45deg
  						);
  					-ms-transform: rotate(-45deg);
  					transform: rotate(
  						-45deg
  						);
  					width: 34px;
  					/*background: #4d5960;*/
  				}
  				.mob-btn.change .mob-btn-in {
  					background: 0 0;
  				}
  				/* =====================*/
  				body.change, html.change {
  					overflow: hidden;
  				}

  				#site-navigation{
  					position: fixed;
  					width: 100%;
  					display: block;
  					/*right: 0;*/
  					right: -105%;
  					height: 100%;

  					top: 80px;
  					z-index: 1000;
  					/* padding-top: 72px; */
  					padding-top: 10%;
  					background: #ffffff;
  					margin-left: 0;
  					margin-right: 0;
  					transition: all 1s ease;
  					/*box-shadow: -3px 4px 7px rgb(0 0 0 / 51%);*/
  					/* padding-left: 10%; */
  					/*background: #0f161ca3;*/
  					height:  calc(100vh - 51px);
  					overflow-y: auto;
  					padding-bottom: 40px;

  				}
  				body.change #site-navigation{
  					right: 0;

  					/*transform-style: preserve-3d;*/
  					transform: perspective(700px);
  				}
  				body.change .header-l2-in{
  					right: 0;
  				}
  				.header-l2-in{
  					/*position: fixed;*/
  					position: absolute;
  					width: 50%;
  					right: -100%;

  					height: 100%;
  					/* top: 0px; */
  					top: 0;
  					z-index: 99;
  					padding-top: 4vh;

  					margin-left: 0;
  					margin-right: 0;
  					transition: all 1s ease;
  					box-shadow: -3px 4px 7px rgb(0 0 0 / 51%);
  					/* padding-left: 10%; */
  					-webkit-backdrop-filter: blur(30px); 
  					backdrop-filter: blur(30px);
  					background: rgba(15, 13, 10, 0.3);
  					display: flex;
  					flex-direction: column;
  					padding-bottom: 3%;
  					/*filter: blur(30px);*/
  					/*transform: translate3d(0, 0, 0);*/
  					padding-left: 20px;
  				}
  				#primary-menu {
  					display: flex;
  					-webkit-flex-direction: column;
  					-moz-flex-direction: column;
  					-ms-flex-direction: column;
  					flex-direction: column;
  				}
  				.header-btn{
  					margin-right: 24px;
  				}
  				.mone-l1 {
  					font-size: 32px;
  					margin-bottom: 16px;
  					max-width: 540px;
  				}
  				.mone-l2 {
  					font-size: 16px;

  					margin-bottom: 24px;

  					max-width: 410px;
  				}
  				.ft-i {
  					width: 50%;
  				}
  				.ft-i:nth-child(1){
  					margin-bottom: 24px;
  					text-align: center;
  				}
  				.ft-i:nth-child(4){
  					margin-top: 24px;
  					max-width: none;

  					width: auto;
  					text-align: left;
  					margin: 0 auto;
  					display: flex;
  					flex-direction: column;
  					align-items: center;

  				}
  				.ft-i:nth-child(1) {
  					width: 100%;

  				}
  				.ft-i:nth-child(2) {
  					text-align: right;
  					padding-right: 10px;

  				}
  				.ft-i:nth-child(3) {
  					padding-left: 10px;

  				}
  				.foot-line1-in {
  					justify-content: center;
  					flex-wrap: wrap;
  				}
  				.ft-logo {
  					text-align: left;
  					justify-content: center;
  				}
  				.ft_tt.stwelf__tel {
  					font-size: 18px;

  				}
  				.mtwo-in.grid-container.col-3{
  					grid-column-gap: 12px;
  					grid-row-gap: 12px;
  				}
  				.site-header {
  					backdrop-filter: none;
  					position: relative;

  				}
  				.topmen .header-l1 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10000;

	box-shadow: 0px 3px 8px rgb(11 141 214 / 10%);
	background: rgb(255 255 255 / 95%);
	
}
.topmen{
	height: 80px;
}
  				.seleven-in.grid-container.col-3 {
  					grid-template-columns: repeat(2, 1fr);
  					grid-column-gap: 12px;
  					grid-row-gap: 12px;
  				}
  				.gallery {
  					margin-bottom: 1.5em;
  					display: grid;
  					grid-gap: 1em;
  				}
  				.ytwo-in.grid-container.col-2 {
  					grid-template-columns: repeat(1, 1fr);
  					display: flex;
  					flex-direction: column-reverse;
  					align-items: center;
  				}
  				#site-navigation .mpunkts-btn2 {
  					position: absolute;
  					z-index: 22;

  					right: 6px;
  					top: 10px;
  					width: 36px;
  					height: 36px;

  					margin-top: 0;

  					border-radius: 6px;
  					padding: 14px;
  					display: inline-block;
  					cursor: pointer;
  					background: #fff;
  					box-shadow: 0px 1px 0px -2px rgb(0 0 0 / 20%),
  					0px 1px 2px 0px rgb(0 0 0 / 14%), 
  					0px 1px 8px 0px rgb(0 0 0 / 12%);
  				}

  				#site-navigation .mpunkts-btn2:before {
  					position: absolute;
  					content: '';
  					display: inline-block;
  					width: 7px;
  					height: 7px;
  					border-right: 1.5px solid var(--0b8dd6);
  					border-bottom: 1.5px solid var(--0b8dd6);
  					top: 12px;
  					left: 15px;
  					transform: rotate(
  						45deg);
  					transition: all .3s;
  				}

  				#site-navigation .mpunkts-btn2.open {
  					box-shadow: inset 0 0 6px #dddddd;
  				}
  				.main-navigation ul li:hover > ul,
  				.main-navigation ul li.focus > ul {
  					left: 0;
  				}
  				.main-navigation ul ul{
  					width: 100%;
  					grid-template-columns: repeat(1, 1fr);
  					max-height: 0;
  					overflow: hidden;
  					float: none;
  					position: relative;
  				}
  				.main-navigation ul ul a {
  					width: 100%;

  				}
  			}


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

  				.bkl, .bkr  {
  					width: 100%;
  				}
  				.bk2 {
  					flex-direction: column;
  					/*flex-direction: column-reverse;*/
  				}
  				.mone {
  					padding-top: 5vh;
  					padding-bottom: 5vh;
  					height: auto;

  					min-height: auto;
  				}

  				.section{
  					padding-top: 70px;
  					padding-bottom: 70px;
  				}
  				.title_all {
  					top: 6px;

  				}
  				.upper {

  					height: 280px;
  					padding-top: 50px;
  				}
  				.post-type-archive .page-title, 
  				.upper .page-title,
  				.upper .entry-title {
  					font-size: 40px;
  					margin-top: 60px;
  				}

  				.page-template-page-contact #primary {
  					/*padding-top: 120px;*/
  				}
  				#primary {

  					padding-bottom: 30px;
  				}
  				.mthree-in.grid-container.col-3{
  					grid-template-columns: repeat(2, 1fr);
  					grid-column-gap: 24px;
  					grid-row-gap: 24px;

  				}
  				.mthree-i {
  					height: 190px;

  				}
  				.mtwo-in.grid-container.col-3 {

  					grid-template-columns: repeat(2, 1fr);
  				}
  				.mfour .slik-nav-wr{
  					display: none;
  				}
  				.proj-in.grid-container.col-2{
  					grid-template-columns: repeat(1, 1fr);
  					grid-column-gap: 12px;
  					grid-row-gap: 12px;
  				}
  				.meight-in.grid-container.col-5 {
  					grid-template-columns: repeat(3, 1fr);
  				}
  				.mseven-btn{
  					width: 100%;
  					text-align: center;
  				}
  			} 

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

  				.header-btn {
  					display: none;
  				}

  				.mone-l2 {
  					flex-wrap: wrap;
  				}
  				.mone-l2-i {
  					width: 49%;
  					padding-top: 10px;
  				}
  				.mone-l2-i:last-child {
  					margin-top: 5vh;
  					width: 100%;
  				}
  				.mone-l1 {
  					font-size: 26px;
  					max-width: 100%;


  				}
  				.upper {
  					height: 194px;
  					padding-top: 32px;
  				}
  				.post-type-archive .page-title,
  				.upper .page-title, 
  				.upper .entry-title {
  					font-size: 26px;
  					margin-top: 32px;
  				}
  				.title_v1 {
  					font-size: 22px;
  					margin-bottom: 16px;
  				}

  				.section {
  					padding-top: 50px;
  					padding-bottom: 50px;
  				}

  				.wpcf7-form .phn-wr p {

  					flex-direction: column;
  				}


  				body .pum-theme-164 .pum-title,
  				body .pum-theme-lightbox .pum-title {
  					font-size: 25px;
  					line-height: 1.2;
  				}
  				.mtwo-in.grid-container.col-3 {
  					grid-column-gap: 8px;
  					grid-row-gap: 8px;
  					grid-template-columns: repeat(1, 1fr);
  				}
  				.mthree-in.grid-container.col-3 {
  					grid-template-columns: repeat(1, 1fr);
  					grid-column-gap: 8px;
  					grid-row-gap: 8px;
  				}
  				.mthree-i__title {
  					font-size: 20px;

  				}
  				.mthree-i {
  					padding-bottom: 30px;

  				}
  				.mfour-i__title {
  					font-size: 18px;
  					padding: 8px;
  					height: 170px;
  				}
  				.mfour .slick-list{
  					margin: 0 -4px;
  					padding-top: 4px;
  					padding-bottom: 4px;
  				}

  				.mfour .slick-slide {
  					margin-right: 4px;
  					margin-left: 4px;
  				}
  				#colophon {
  					padding-top: 20px;

  				}
  				.main-navigation > div > ul > li > a {
  					font-size: 18px;
  					padding: 14px 22px;
  				}
  				.galer-i {
  					padding: 10px;
  					max-width: 100%;
  					width: 33%;

  					min-width: 33%;

  				}
  				.seleven-in.grid-container.col-3 {
  					grid-template-columns: repeat(1, 1fr);
  					grid-column-gap: 8px;
  					grid-row-gap: 8px;
  				}
  				.gallery-columns-3 {
  					grid-template-columns: repeat(2, 1fr);
  				}
  				.meight-in.grid-container.col-5 {
  					grid-template-columns: repeat(2, 1fr);
  					grid-column-gap: 8px;
  					grid-row-gap: 8px;
  				}
  			}
  			@media screen and (max-width: 480px) {


  			}

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


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


  			}

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

  			}