/*
Theme Name: FF
Author: Saitodel
Author URI: https://saitodel.pro
Description: FF - это тема разработана специально для ООО "Фабрика Фасда" веб-студией Сайтодел. Использовано минимальное количество кода, что ускоряет ее работу. Есть поддержка виджетов, меню, шаблонов, тема имеет оптимизацию под мобильные платформы.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Saitodel

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

FF is based on Underscores http://underscores.me/, (C) 2016-2020 Automattic, Inc.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Normalize
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Accessibility
6.0 - Clearings
7.0 - Layout Structure
8.0 - Header
9.0 - Navigation
10.0 - Footer
11.0 - Widgets
12.0 - Posts and pages
	12.1 - Header Pages
	12.2 - Posts Element
	12.3 - Entry Meta
	12.4 - Post Archives
	12.5 - Posts Style
13.0 - Comments
14.0 - Media
	14.1 - Captions
	14.2 - Galleries

21.0 - Media Queries
	21.1 - Desktop Large ( < 1300px ( для разрешения 1280px ) )
	21.2 - Desktop Medium ( < 1040px ( для разрешения 1024px ) )
	21.3 - Desktop Small ( < 960px ( для разрешения 940px ) )
	21.4 - Tablet Large ( < 880px ( для разрешения 820 и 768px ) )
	21.5 - Mobile Extra Large ( < 690px ( для разрешения 600px ) )
	21.6 - Mobile Large ( < 600px ( для разрешения 568px ) )
	21.9 - Mobile Medium ( < 510px ( для разрешения 480px ) )
	21.10 - Mobile Small ( < 340px ( для разрешения 320px ) )


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

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/noto-sans/NotoSans-Bold.eot');
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
        url('./fonts/noto-sans/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/noto-sans/NotoSans-Bold.woff2') format('woff2'),
        url('./fonts/noto-sans/NotoSans-Bold.woff') format('woff'),
        url('./fonts/noto-sans/NotoSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/noto-sans/NotoSans-Italic.eot');
    src: local('Noto Sans Italic'), local('NotoSans-Italic'),
        url('./fonts/noto-sans/NotoSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/noto-sans/NotoSans-Italic.woff2') format('woff2'),
        url('./fonts/noto-sans/NotoSans-Italic.woff') format('woff'),
        url('./fonts/noto-sans/NotoSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/noto-sans/NotoSans.eot');
    src: local('Noto Sans'), local('NotoSans'),
        url('./fonts/noto-sans/NotoSans.eot?#iefix') format('embedded-opentype'),
        url('./fonts/noto-sans/NotoSans.woff2') format('woff2'),
        url('./fonts/noto-sans/NotoSans.woff') format('woff'),
        url('./fonts/noto-sans/NotoSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/noto-sans/NotoSans-BoldItalic.eot');
    src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'),
        url('./fonts/noto-sans/NotoSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/noto-sans/NotoSans-BoldItalic.woff2') format('woff2'),
        url('./fonts/noto-sans/NotoSans-BoldItalic.woff') format('woff'),
        url('./fonts/noto-sans/NotoSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/noto-serif/NotoSerif-Bold.eot');
    src: local('Noto Serif Bold'), local('NotoSerif-Bold'),
        url('./fonts/noto-serif/NotoSerif-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/noto-serif/NotoSerif-Bold.woff2') format('woff2'),
        url('./fonts/noto-serif/NotoSerif-Bold.woff') format('woff'),
        url('./fonts/noto-serif/NotoSerif-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/noto-serif/NotoSerif.eot');
    src: local('Noto Serif'), local('NotoSerif'),
        url('./fonts/noto-serif/NotoSerif.eot?#iefix') format('embedded-opentype'),
        url('./fonts/noto-serif/NotoSerif.woff2') format('woff2'),
        url('./fonts/noto-serif/NotoSerif.woff') format('woff'),
        url('./fonts/noto-serif/NotoSerif.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --main-color: #fffad3;
    --main-bk-color: #F2F2F2;
    --main-bk-black-color: #000;
    --additional-bk-color: #fffad3;
    --head-text-color: #000;
    --main-text-color: #313030;
    --light-text-color: #c1c1c1;
    --border-color: #bcbebf;
    --main-text-size: 18px;
}

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

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	font-family: 'Noto Sans', sans-serif;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
    display: contents;
}

dfn {
	font-style: italic;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 0;
}

section {
	padding: 90px 0 100px;
}

.section__padding-top {
    padding-bottom: 0;
}

.section__padding-bottom {
    padding-top: 0;
}

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

pre {
	overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	color: inherit;
	font: inherit;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 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"] {
	box-sizing: content-box;
    appearance: textfield;
	-webkit-appearance: textfield;
}

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

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

legend {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: var(--head-text-color);
	font-size: var(--main-text-size);
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    clear: both;
    font-family: 'Noto Serif', sans-serif;	
	font-weight: normal;
	text-align: left;
	line-height: 1.5;
    color: var(--head-text-color);
}

h1 {
    font-size: 40px;
    margin-bottom: 30px;
	margin-top: 70px;  
}

h2 {
    font-size: 28px;
    margin-bottom: 35px;
	margin-top: 45px;
}

h3 {
	font-size: 24px;
    margin-bottom: 30px;
	margin-top: 40px;
}

h4 {
	font-size: 20px;
	margin-bottom: 25px;
	margin-top: 35px;
}

h5 {
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 25px;
}

h6 {
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 20px;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	font-size: var(--main-text-size);
	line-height: 1.3;
	color: var(--main-text-color);
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	overflow: auto;
	margin-bottom: 1.6em;
	padding: 1.6em;
	max-width: 100%;
	border: 1px solid #e5e5e5;
	background: #fff;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 1.6;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

*,
*:before,
*:after { 
	box-sizing: inherit;
}

body {
	background: #fff;
}

blockquote {
	margin: 30px 0;
    padding: 20px;
	padding-left: 35px;
	border-left: 6px solid var(--main-color);
	color: var(--head-text-color);
	font-size: var(--main-text-size);
    background: #e3dbd8;
}

hr {
	margin: 1.5em 0;
	height: 1px;
	border: 0;
	background-color: var(--light-text-color);
}

ul,
ol {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
    font-size: var(--main-text-size);
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 1.5em;
}

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

table {
	margin: 0 0 30px;
	width: 100%;
	border: none;
	table-layout: fixed;
}

th,
td {
	padding: 12px 10px;
	border: 0;
    text-align: left;
    font-size: var(--main-text-size);
}

th {
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Noto Sans';
    color: var(--head-text-color);
}

tr {
    border-bottom: 1px solid var(--border-color);
}

a {
	color: var(--main-color);;
	text-decoration: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

a:hover,
a:active {
	color: #333; /* Фокусный цвет */
}

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

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

input[type="button"], input[type="reset"], input[type="submit"] {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 0 30px;
    font-size: 16px;   
    text-align: center;
    font-weight: normal;
	line-height: 50px;
	color: #fff;
    background: var(--main-color);
    outline: 0;
    border: 0;
	border-radius: 25px;
	z-index: 0;
    appearance: none;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-appearance: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="button"]:before, input[type="reset"]:before, input[type="submit"]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
    z-index: -1;
    background: var(--main-bk-color);
    transform: translateX(-100%);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

input[type="submit"]:hover {
    color: #fff;
    background: var(--main-bk-black-color);
}

input[type="button"]:hover, input[type="reset"]:hover {
    color: #fff;
}

input[type="button"]:hover:before, input[type="reset"]:hover:before {
    transform: translateX(0);
}

input::-webkit-input-placeholder{color:var(--main-text-color); opacity:1;}
input::-moz-placeholder{color:var(--main-text-color); opacity:1;}
textarea::-webkit-input-placeholder{color:var(--main-text-color); opacity:1;}
textarea::-moz-placeholder{color:var(--main-text-color); opacity:1;}

input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="search"], select, textarea {
    padding: 15px 18px;
    max-width: 100%;
    width: 100%;
    border: 1px solid var(--border-color);
    color: var(--main-text-color);
    font-size: 14px;
	outline: 0;
    border-radius: 5px;
    margin-bottom: 15px;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
}

textarea {
	width: 100%;
	height: 140px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
	border: 1px solid var(--main-color);
	outline: 0;
}

.codedropz-upload-inner h3 {
    text-align: center;
    font-weight: normal;
    font-size: calc(var(--main-text-size) + 4px) !important;
    margin-top: 0;
}

.dnd-upload-status:last-child {
    margin-bottom: 10px;
}

span.wpcf7-not-valid-tip {
	font-size: 12px;
}

div.wpcf7-response-output {
    margin: 30px 0 0 0;
    padding: 0.8em 1.2em;
    font-size: 14px;
}

.politic-confidence {
	margin-top: 20px;
    font-size: 12px;
    color: var(--light-text-color);
}

.wpcf7-spinner, .wpcf7-not-valid-tip {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    margin-top: 30px;
    padding: 15px;
    border: 2px solid var(--main-color);
}

/* Checkbox Politic */

.lwpcngNotice-dark .lwpcngNotice_accept {
	color: var(--main-color);
	border-color: var(--border-color);
}

.politic-check {
	max-width: 600px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0;
	margin-bottom: 20px;
}

.politic-check .wpcf7-list-item {
	margin: 0;
}

.politic-check input[type="checkbox"] {
	display: none !important;
}

.politic-check input[type="checkbox"] + span:before,
.politic-check input[type="checkbox"] + label:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background-size: cover
}
.politic-check input[type="checkbox"] + span:before,
.politic-check input[type="checkbox"] + label:before {
	background-image: url("https://fabrikafasada.ru/wp-content/uploads/checkbox-unchecked.svg")
}

.politic-check input[type="checkbox"]:checked + span:before,
.politic-check input[type="checkbox"]:checked + label:before {
	background-image: url("https://fabrikafasada.ru/wp-content/uploads/checkbox-checked.svg")
}

.politic-check__text {
	max-width: calc(100% - 34px);
	width: 100%;
	font-size: 12px;
	text-align: left;
}

.politic-check .wpcf7-list-item-label {
	font-size: 0;
	line-height: 1;
}

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

	.politic-check input[type="checkbox"] + span:before,
	.politic-check input[type="checkbox"] + label:before {
		margin-right: 8px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}

	.politic-check__text {
		max-width: calc(100% - 28px);
		font-size: 10px;
	}
}

/*--------------------------------------------------------------
Buttons
--------------------------------------------------------------*/

.btn-slice {
    display: inline-block;
    padding: 1.2rem 2.5rem;
    margin: 0 20px;
    color: var(--head-text-color);
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
    transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
    transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
}

.btn-slice:before{
    content: '';
    height: 1px;
    width: 50px;
    background-color: var(--head-text-color);
    position: absolute;
    margin-top: 14px;
    left: -20px;
    -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
    transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
    transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
	z-index: -1;
}

.btn-slice:hover:before{
	width: calc(100% + 40px);
	height: 100%;
	margin-top: -20px;
	background: var(--main-bk-black-color);
}

.btn-slice:hover {
    color: #fff;
}

.button-arrow {
    display: block;
    position: relative;
    font-size: 18px;
    color: var(--head-text-color);
    transition: all .6s ease;
    -webkit-transition: all .6s ease
}

.button-arrow:after {
    width: 30px;
    height: 30px;
    content: '\f429';
    color: var(--head-text-color);
    display: inline-block;
    margin-left: 13px;
    margin-top: -13px;
    vertical-align: middle;
    font: normal 36px 'Genericons';
    -webkit-font-smoothing: antialiased;
    transition: all .6s ease;
    -webkit-transition: all .6s ease
}

.button-arrow:hover:after {
    margin-left: 27px;
}

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/

.clear {
	clear: both;
}

/*--------------------------------------------------------------
Layout Structure
--------------------------------------------------------------*/

.site {
	margin: 0;
	width: 100%;
}

.single-container {
    padding-top: 0;
}

.container {
	margin: 0 auto;
	padding-right: 30px;
    padding-left: 30px;
	max-width: 1500px;
	width: 100%;
    box-sizing: border-box;
}

.container-big {
	margin: 0 auto;
	padding-right: 60px;
    padding-left: 60px;
	max-width: 1900px;
	width: 100%;
    box-sizing: border-box;
}

.content-center, .page-container {
    padding-top: 0;
}

.content-area {
    padding: 0;
    max-width: calc(100% - 370px);
    width: 100%;
	box-sizing: border-box;
}

.no-sidebar .content-area {
    max-width: 100%;
}

.sidebar {
    max-width: 320px;
    margin-right: 50px;
    margin-bottom: -50px;
	width: 100%;
}

/* No Sidebar & Centered Layout Template */

.no-sidebar .content-single,
.site-content .centered-content-area {
	float: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

/* Fullwidth Template */

.site-content .fullwidth-content-area {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

/*--------------------------------------------------------------
SVG Icons
--------------------------------------------------------------*/

.mail-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='svg28031' fill='%23191919' viewBox='0 0 16.933333 16.933334' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg id='layer1' transform='translate(0 -280.067)'%3E%3Cpath id='path8620' d='m1.3229173 283.24164c-.2079979 0-.40354299.0815-.54518641.22066a.26460979.26460979 0 0 0 .0124024.38912l7.50393461 6.46989a.26460979.26460979 0 0 0 .3451986 0l6.4450855-5.55625a.26460979.26460979 0 1 0 -.345199-.40101l-6.2724858 5.40742-6.9597818-6.00066h14.1035326c.151154 0 .264583.11342.264583.26458v8.94777l-4.473112-3.85609c-.0467-.0415-.106553-.0651-.168982-.0667-.250176-.006-.368365.30621-.176734.46715l4.37131 3.76825h-13.9216311l4.3713093-3.76825c.1955536-.16354.069497-.48185-.1850017-.46715-.059554.003-.1161883.027-.1607137.0667l-4.4731118 3.85609v-8.15402a.26460979.26460979 0 1 0 -.52916674 0v8.20208c0 .43516.35858939.79375.79375004.79375h14.2875007c.435161 0 .79375-.35859.79375-.79375v-8.99583c0-.43516-.358589-.79375-.79375-.79375z'/%3E%3C/g%3E%3C/svg%3E");
}

.tel-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='svg28031' fill='%23191919' viewBox='0 0 16.933333 16.933334' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg id='layer1' transform='translate(0 -280.067)'%3E%3Cpath id='path3196-0-4' d='m3.1636285 280.84799c-.2645304.008-.4969298.1476-.6914303.3421l-1.0722849 1.07022a.26516505.26516505 0 1 0 .3746527.37516l.3689694-.36897 2.1642097 2.21847c.2457899.26742.6402043-.11679.379304-.36948l-2.169377-2.22312.3276309-.32763c.1357789-.13578.2451788-.18435.3338274-.18707.088702-.003.1956938.0334.3493347.18707l2.2737631 2.2717c.1068784.10688.1068784.26622 0 .3731l-1.2267989 1.22628c-.3105097.31051-.4143587.67051-.3787881.97307.0356.30256.1842691.53871.3085068.69918.48024.6203 1.2255342 1.70975 2.4510154 2.93522 1.225468 1.22547 2.3154481 1.97129 2.9357373 2.45153.1604803.12424.3966213.27294.6991833.30851.302559.0356.66204-.0683.97255-.37879l.366903-.36587 2.168342 2.21537c.24484.29263.664668-.11857.377238-.36949l-2.172478-2.21898.486794-.48576c.106889-.10688.266213-.10688.373102 0l2.27118 2.27118c.153649.15365.190315.26119.187585.34985-.003.0887-.05179.19805-.187585.33383l-1.070218 1.07022c-.446561.44652-1.033261.45113-1.400432.45113-1.38643 0-3.8526454-.52054-7.4863668-4.15427-3.6337293-3.63372-4.154268-6.09941-4.154268-7.48584 0-.13232-.0007938-.29499.021696-.46922a.26460982.26460982 0 1 0 -.52348073-.0662c-.0274003.21369-.0273897.402-.0273897.53485 0 1.52363.60962913 4.15825 4.31084843 7.85947 3.7012113 3.70122 6.3353238 4.31085 7.8589528 4.31085.368229 0 1.165942.004 1.775601-.60565l1.070221-1.07022c.194498-.1945.333967-.42897.342098-.6935.008-.26452-.12206-.51997-.342098-.74001l-2.271181-2.27169c-.3077-.3077-.815745-.3077-1.123445 0l-1.224214 1.2268c-.218662.21865-.382603.24479-.539503.22634-.156901-.0184-.316495-.10919-.435116-.20102-.6467684-.50074-1.6944734-1.21749-2.8850957-2.40812-1.1906277-1.19063-1.9073813-2.23832-2.4081212-2.8851-.0918-.11861-.1825704-.27873-.2010198-.43563-.018494-.1569.0099-.32033.2284095-.53899l1.2247298-1.22421c.3076999-.30769.3076919-.81575 0-1.12345l-2.271694-2.27117c-.2200301-.22004-.475488-.35023-.7400078-.3421z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A");
}

.vk-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23191919' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.456 5.784c-.27.849-.634 1.588-1.09 2.259l.019-.03q-.672 1.12-1.605 2.588-.8 1.159-.847 1.2c-.138.173-.234.385-.267.618l-.001.007c.027.212.125.397.268.535l.4.446q3.21 3.299 3.611 4.548c.035.092.055.198.055.309 0 .194-.062.373-.167.52l.002-.003c-.176.181-.422.293-.694.293-.03 0-.061-.001-.09-.004h.004-2.631c-.001 0-.003 0-.005 0-.337 0-.647-.118-.89-.314l.003.002c-.354-.291-.669-.606-.951-.948l-.009-.012q-.691-.781-1.226-1.315-1.782-1.694-2.63-1.694c-.021-.002-.045-.003-.07-.003-.165 0-.319.051-.446.138l.003-.002c-.104.13-.167.298-.167.479 0 .036.002.07.007.105v-.004c-.027.314-.043.679-.043 1.048 0 .119.002.237.005.355v-.017 1.159c.01.047.016.101.016.156 0 .242-.11.458-.282.601l-.001.001c-.387.177-.839.281-1.316.281-.102 0-.202-.005-.301-.014l.013.001c-1.574-.03-3.034-.491-4.275-1.268l.035.02c-1.511-.918-2.763-2.113-3.717-3.525l-.027-.042c-.906-1.202-1.751-2.56-2.471-3.992l-.07-.154c-.421-.802-.857-1.788-1.233-2.802l-.06-.185c-.153-.456-.264-.986-.31-1.535l-.002-.025q0-.758.892-.758h2.63c.024-.002.052-.003.081-.003.248 0 .477.085.658.228l-.002-.002c.2.219.348.488.421.788l.003.012c.484 1.367.997 2.515 1.587 3.615l-.067-.137c.482.97 1.015 1.805 1.623 2.576l-.023-.031q.8.982 1.248.982c.009.001.02.001.032.001.148 0 .277-.08.347-.2l.001-.002c.074-.19.117-.411.117-.641 0-.049-.002-.098-.006-.146v.006-3.879c-.021-.457-.133-.884-.32-1.267l.008.019c-.124-.264-.273-.492-.45-.695l.003.004c-.164-.164-.276-.379-.311-.619l-.001-.006c0-.17.078-.323.2-.423l.001-.001c.121-.111.283-.178.46-.178h.008 4.146c.022-.003.047-.004.073-.004.195 0 .37.088.486.226l.001.001c.103.188.164.413.164.651 0 .038-.002.075-.005.112v-.005 5.173c-.002.024-.003.052-.003.08 0 .184.051.357.139.504l-.002-.004c.073.108.195.178.333.178h.001c.176-.012.336-.07.471-.162l-.003.002c.272-.187.506-.4.709-.641l.004-.005c.607-.686 1.167-1.444 1.655-2.25l.039-.07c.344-.57.716-1.272 1.053-1.993l.062-.147.446-.892c.155-.446.571-.76 1.06-.76.019 0 .038 0 .057.001h-.003 2.631q1.066 0 .8.981z'/%3E%3C/svg%3E");
}

.whatsapp-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23191919' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3e%3c/svg%3e");    
}

.telegram-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 24 24' fill='%23191919' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1117 4.49449C23.4296 2.94472 21.9074 1.65683 20.4317 2.227L2.3425 9.21601C0.694517 9.85273 0.621087 12.1572 2.22518 12.8975L6.1645 14.7157L8.03849 21.2746C8.13583 21.6153 8.40618 21.8791 8.74917 21.968C9.09216 22.0568 9.45658 21.9576 9.70712 21.707L12.5938 18.8203L16.6375 21.8531C17.8113 22.7334 19.5019 22.0922 19.7967 20.6549L23.1117 4.49449ZM3.0633 11.0816L21.1525 4.0926L17.8375 20.2531L13.1 16.6999C12.7019 16.4013 12.1448 16.4409 11.7929 16.7928L10.5565 18.0292L10.928 15.9861L18.2071 8.70703C18.5614 8.35278 18.5988 7.79106 18.2947 7.39293C17.9906 6.99479 17.4389 6.88312 17.0039 7.13168L6.95124 12.876L3.0633 11.0816ZM8.17695 14.4791L8.78333 16.6015L9.01614 15.321C9.05253 15.1209 9.14908 14.9366 9.29291 14.7928L11.5128 12.573L8.17695 14.4791Z'/%3E%3C/svg%3E");
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.header-main {
    padding: 20px 0;
}

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

.header-main__logo {
    display: block;
}

.header-main__logo h2 {
    font-size: 32px;
    text-align: left;
    margin: 0;
    margin-bottom: 10px;
}

.header-main__logo p {
    margin-bottom: 0px;
}

.header-main__logo a {
    line-height: 0;
    display: block;
}

.header-main .button-main {
    margin-left: 40px;
}

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

.header-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.main-navigation-toggle {
	display: none;
}

.main-navigation-menu {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
}

.main-navigation-menu li {
	float: left;
}

.main-navigation-menu a {
    display: block;
    padding: 0.8em 1.8em;
    margin: 0 25px;
    font-size: var(--main-text-size);
    color: var(--main-text-color);
    font-weight: normal;
    text-transform: uppercase;
}

.main-navigation-menu a:link,
.main-navigation-menu a:visited,
.main-navigation-menu li a {
	color: var(--main-text-color);
}

.main-navigation-menu li ul li a {
	color: #fff !important;
	text-decoration: none;
}

.main-navigation-menu li:first-child a {
    margin-left: 0;
}

.main-navigation-menu li:last-child a {
    margin-right: 0;
}

.main-navigation-menu a:hover,
.main-navigation-menu a:active {
	position: relative;
}

.main-navigation-menu a:hover:before,
.main-navigation-menu a:active:before {
    content: '';
    width: 80%;
    height: 35px;
    position: absolute;
    top: 20px;
    left: 30px;
    background: var(--additional-bk-color);
    z-index: -1;
}

.main-navigation-menu > .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.2em 0 0 0.2em;
	content: '\f431';
	vertical-align: top;
	text-decoration: inherit;
	font-size: 18px;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-navigation-menu ul {
	position: absolute;
	z-index: 99;
	display: none;
	margin: 0;
	margin-left: 25px;
	border: 0;
    background: var(--head-text-color); 
	list-style-position: outside;
	list-style-type: none;
}

.main-navigation-menu ul li {
	position: relative;
	float: none;
}

.main-navigation-menu ul a {
	padding: 0.9em 1.2em;
    max-width: 300px;
    min-width: 16rem;
    margin: 0;
    font-size: var(--main-text-size);
	color: var(--main-text-color);
	text-transform: inherit !important; 
    -webkit-transition: all 0s ease;
    transition: all 0s ease;
}

.main-navigation-menu ul ul a {
	padding: 0.9em 1.2em;
    max-width: 250px;
    min-width: 16rem;
    font-size: var(--main-text-size);
}

.main-navigation-menu ul a:hover,
.main-navigation-menu ul a:active, 
.main-navigation-menu ul a:hover .sub-menu li a:after {
	background: var(--main-color);
	color: var(--main-text-color) !important;
}

.main-navigation-menu ul .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.15em 0 0 0.2em;
	content: '\f431';
	vertical-align: top;
	text-decoration: inherit;
	font-size: 18px;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-navigation-menu li ul ul {
	top: 0;
	left: 100%;
	padding: 0;
}

.main-navigation-menu li.menu-item-has-children:hover > ul,
.main-navigation-menu li.page_item_has_children:hover > ul,
.main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
	display: block;
}

.main-navigation-menu ul .menu-item-has-children > a:hover:after, .main-navigation-menu ul li.current-menu-item > a:after {
	text-decoration: none;
}

.main-navigation-menu li.current-menu-item>a {
    position: relative;
    font-size: var(--main-text-size) !important;
}

.main-navigation-menu li.current-menu-item>a:before {
    content: '';
    width: 80%;
    height: 35px;
    position: absolute;
    top: 20px;
    left: 30px;
    background: var(--additional-bk-color);
    z-index: -1;
}

.main-navigation-menu ul li.current-menu-item>a {
    background: var(--main-color);
    color: var(--main-text-color) !important;
}

.main-navigation-menu > .navigation-catalog > a {
    padding-left: 10px;
}

.main-navigation-menu > .navigation-catalog > a:after {
    display: none;
}

.main-navigation-menu > .navigation-catalog > a::before {
    display: inline-block;
    margin: 0.4em 0.5em 0 0;
    content: '\f419';
    vertical-align: top;
    text-decoration: inherit;
    font-size: 16px;
    font-family: 'Genericons';
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
Popup block
--------------------------------------------------------------*/

.popup-form {
    max-width: 500px;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
}

.popup-form .popup-form-text {
    font-size: var(--main-text-size);
    margin-top: -10px;
    margin-bottom: 30px;
}

.popup-form2 {
    max-width: 650px;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
}

.popup-form2-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.popup-form2-block {
    max-width: calc(50% - 15px);
    width: 100%;
}

.popup-form2-block textarea {
    height: 190px;
}

.popup-form h2, .popup-form2 h2 {
    margin-top: 0;
}

/*--------------------------------------------------------------
Slider block
--------------------------------------------------------------*/

.slider-block {
    position: relative;
    padding: 0;
    min-height: 750px;
    max-height: 950px;
    height: calc(100vh - 136px);
    overflow: hidden;
    z-index: 0;
}

.slider-block:after {
    content: '';
    position: absolute;
    bottom: 20%;
    right: 0;
    background: var(--additional-bk-color);
    width: 60%;
    height: 240px;
    z-index: -1;
}

.slider-block:before {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    background: var(--additional-bk-color);
    width: 60%;
    height: 240px;
    z-index: -1;
}

.slider-block .container, .slider-container {
    height: 100%;
}

.slider-container {
    position: relative;
}

.slider-container .btn-slice {
    position: absolute;
    right: 0;
    bottom: 40px;
}

.slider-images {
    width: 55%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    z-index: 2;
}

.slider-images__slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slider-images__image {
    width: 100%;
    flex-shrink: 0;
}

.slider-images__image img {
    width: 100%; 
    display: block;
}

.slider-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: calc(50% + 40px);
    width: 100%;
    min-height: 460px;
    position: absolute;
    bottom: 40px;
    left: 0;
    background: var(--main-bk-black-color);
    padding: 30px 40px;
    z-index: 1;
}

.slider-text__descriptions {
    max-width: 80%;
	width: 100%;
}

.slider-text__description {
    display: none;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeinbottom;
    animation-name: fadeinbottom;
}

.slider-text__year {
    color: var(--light-text-color);
    font-size: calc(var(--main-text-size) + 6px);
    margin-bottom: 20px;
    text-align: left;
}

.slider-text__description h2 {
    color: #fff;
    font-size: calc(var(--main-text-size) * 2);
    margin: 0;
    margin-bottom: 30px;
    font-weight: bold;
}

.slider-text__description p {
    color: #fff;
    font-size: calc(var(--main-text-size) + 2px);
    margin-bottom: 0;
    text-transform: uppercase;
}

.slider-management {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    margin-top: auto;
}

.slider-management__display {
    max-width: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.slider-management__count {
    max-width: 20px;
    width: 100%;
    font-size: var(--main-text-size);
    color: var(--light-text-color);
    line-height: 0;
}

.slider-management__progress {
    max-width: calc(100% - 70px);
    width: 100%;
    height: 1px;
    margin: 0 15px;
    background: #666;
    position: relative;
}

.slider-management__roller {
    max-width: calc(100% / 6);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    transition: transform 0.5s ease-in-out;
}

.slider-management__buttons {
    max-width: 140px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 20px;
}

.slider-management__buttons a {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    color: #fff;
}

.slider-management__buttons a:hover, .slider-management__buttons a:active {
    color: var(--main-color);
    cursor: pointer;
}

.slider-management__buttons a:after {
    display: block;
    position: absolute;
    top: 0;
    left: -7px;
    content: '\f431';
    font-size: 38px;
    font-family: 'Genericons';
    line-height: 0.5;
    -webkit-font-smoothing: antialiased;
}

.slider-management__next:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.slider-management__prev:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.slider-autor {
    max-width: 390px;
    font-size: 12px;
    color: var(--light-text-color);
}

.slider-autor a {
    color: var(--light-text-color);
    text-decoration: underline;
}

.slider-autor a:hover, .slider-autor a:active {
    color: var(--main-color);
}

/* Slider animation */

.animate-slider {
    opacity: 0;
}

.animate-fade-in-right {
    animation: fade-in-right 2s 1 forwards;
}

.animate-fade-in-top {
    animation: fade-in-top 1s 1 forwards;
}

@-webkit-keyframes fadeinbottom {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1.0;
		transform: translateY(0px);
	}
}

@keyframes fadeinbottom {	
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1.0;
		transform: translateY(0px);
	}
}

@keyframes fade-in-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-120px);
        transform: translateX(-120px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fade-in-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(120px);
        transform: translateY(120px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/*--------------------------------------------------------------
Slider Product
--------------------------------------------------------------*/

.slider-product {
    min-height: 600px;
    max-height: 800px;
    height: calc(100vh - 172px);
    background-position: 50% 50%;
}

.slider-product__shadow {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .45);
}

.slider-product__container h1 {
    color: #fff;
    text-align: right;
    margin-bottom: 50px;
}

.slider-product__container h1 span {
    color: var(--main-color);
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.footer-block {
    background: var(--main-bk-black-color);
    padding: 70px 0;
}

.footer-block p {
    font-size: calc(var(--main-text-size) - 2px);
    margin-bottom: 0;
    color: #fff;
}

.footer-block a {
    color: #fff;
    text-decoration: underline;
}

.footer-block a:hover, .footer-block a:active {
    color: var(--main-color);
}

/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 50px 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.widget-header h3 {
	font-size: 24px;
    margin: 0;
    margin-bottom: 30px;
}

/* Widger Spisok: Archives, Menu, Rubrics */

.widget ul a {
	display: inline-block;
	margin: 0;
	margin-bottom: 10px;
	color: var(--main-text-color);
	font-size: var(--main-text-size);
	line-height: 1.5;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.widget .current-menu-item ul li a {
    color: #434343;
}

.widget ul a:hover, .widget .current-menu-item ul li a:hover, .widget ul a:active, .widget li .current-menu-item>a, .widget .current-menu-item a {
    color: var(--main-color);
}

.widget ul .children,
.widget ul .sub-menu {
	margin: 0 0 0 15px;
	padding: 0;
}

/* Widget news */

.widget .pt-cv-title {
    margin-bottom: 15px;
}

.widget .pt-cv-title a {
    font-size: var(--main-text-size);
    color: var(--head-text-color);
    line-height: 1.5;
}

.widget .pt-cv-title a:hover, .widget .pt-cv-title a:active {
    color: var(--main-color);
}

.widget .pt-cv-content-item:last-child .pt-cv-title, .widget .pt-cv-content-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */

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

/* Theme Search Widget */

.search-form {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}

.search-form .screen-reader-text {
	display: none;
}

.search-form .search-field {
	margin: 0;
}

.search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    padding: 0.7em;
    cursor: pointer;
    background: none
}

.search-form .search-submit .genericon-search {
	display: inline-block;
	color: var(--head-text-color);
	content: '\f400';
	vertical-align: middle;
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	font-family: 'Genericons';
	line-height: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.search-form .search-submit .genericon-search:hover {
	color: var(--main-color);
}


.widget_text .wpcf7-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/*--------------------------------------------------------------
Search
--------------------------------------------------------------*/

.search-list {
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.search-list li {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 30px;
}

.search-list li:last-child {
    border-bottom: 0;
}

.search-list li h2 {
    font-size: calc(var(--main-text-size) + 2px);
    margin: 0;
    margin-bottom: 15px;
}

.search-list li h2 a {
    color: var(--head-text-color);
}

.search-list li h2 a:hover, .search-list li h2 a:active {
    color: var(--main-color);
}

.search-list li p {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
Posts and Pages
--------------------------------------------------------------*/

.entry-title {
	display: inline-block;
    margin: 0;
    padding: 0;
    color: #4e4e4c;
    text-transform: uppercase;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-weight: normal;
    font-size: 20px;
}

.entry-title a:link,
.entry-title a:visited {
	color: #4e4e4c;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.entry-title a:hover,
.entry-title a:active {
	color: var(--main-color);;
}

.entry-content {
	font-size: var(--main-text-size);
    overflow: hidden;
}

.wp-post-image {
	margin: 0 0 0.5em;
}

/* Page Links */

.page-links {
	margin: 0;
	word-spacing: 1em;
	font-weight: normal;
}

/*--------------------------------------------------------------
Header Pages
--------------------------------------------------------------*/

.headliner-block {
    padding: 50px 0;  
}

.headliner-block h1 {
    margin: 0;
    padding: 0;
    text-align: center;
}

.headliner-block .search-form {
    margin-top: 30px;
}

/*--------------------------------------------------------------
Post Image
--------------------------------------------------------------*/

.single-img img {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 60px;
}

/*--------------------------------------------------------------
Breadcrumbs
--------------------------------------------------------------*/

.breacrumbs {
    padding: 20px 0;
    background: var(--main-bk-black-color);
}

.breacrumbs-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
    flex-wrap: wrap;
    font-size: calc(var(--main-text-size) - 2px);
    color: #fff;
}

.breacrumbs-container a {
    color: #fff;
}

.breacrumbs-container a:hover, .breacrumbs-container a:active {
    color: var(--main-color);
}

.breacumbs-hr {
    width: 40px;
    height: 1.5px;
    margin: 0 10px;
    background: var(--main-text-color);
}

/*--------------------------------------------------------------
Posts Element
--------------------------------------------------------------*/

.type-image-block {
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
}

/* Number list */

.type-spisok-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	margin-bottom: 20px;
}

.type-spisok-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin-right: 15px;
    color: #fff;
    font-size: var(--main-text-size);
    font-weight: bold;
    border-radius: 50%;
    background: var(--main-color);
}

.type-spisok-text {
    margin-top: 5px;
    width: calc(100% - 50px);
}

.type-spisok-block h4 {
	margin: 0;
    margin-top: -6px;
    margin-bottom: 15px;
}

/* List Block */

.type-single-content ol, .type-single-content ul {
    margin: 30px 0;
}

.type-single-content ol {
    list-style-type: none;
    counter-reset:  item;
}

.type-single-content ul li, .type-single-content ol li {
	position: relative;
	margin-bottom: 15px;
	color: var(--black-text);
	font-size: var(--main-text-size);
	padding-left: 50px;
}

.type-single-content ol li::before {
    content: counter(item) '.';
    counter-increment: item;
    position: absolute;
    left: 15px;
    top: -2px;
    color: var(--main-color);
    font-size: calc(var(--main-text-size) + 4px);
    font-weight: bold;
}

.type-single-content ul li:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: -10px;
	color: var(--main-color);
	font: normal 40px 'Genericons';
	content: '\f431';
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-font-smoothing: antialiased;
}

.type-single-content .list-checkbox li:before {
    content: '\f418';
    -webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.type-single-content .list-close li:before {
    top: -6px;
    content: '\f405';
    -webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.type-single-content .list-warning li:before {
    top: 0;
    content: '\f414';
    -webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

/* Table Block */

.type-single-content table {
    margin: 30px 0;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: var(--main-text-size);
}

.type-single-content tbody {   
    overflow-x: auto;
}

.type-single-content tr {
    border-bottom: 1px solid var(--border-color);
}

.type-single-content th, .type-single-content td {
    padding: 0.9em 1.0em;
    border: 0;
    font-size: var(--main-text-size);
    text-align: left;
}

.type-single-content th {
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
}

.type-single-content td {
    color: var(--black-text);
}

/* Copyright */

.type-single-content .copyright-info {
    padding: 10px 15px;
    border: 1px solid var(--border-color);
    margin-top: 40px;
}

.type-single-content .copyright-info p {
    font-size: 12px;
    margin: 0;
    color: #666;
}

/* Image Block */

.image-container {
    margin: 40px 0;
}

.image-container__block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    height: 320px;
}

.image-container__block img {
    width: auto;
    height: 100%;
    margin-left: 15px;
}

.image-container__block img:first-child {
    margin-left: 0;
}

.image-container span {
    display: inline-block;
    width: 100%;
    font-size: calc(var(--main-text-color) - 2px);
    font-style: italic;
    text-align: center;
}

/*--------------------------------------------------------------
Entry Meta
--------------------------------------------------------------*/

.entry-meta {
	text-align: center;
	margin-top: 30px;
	color: var(--main-text-color);
	font-size: 15px;
}

.entry-meta .meta-date,
.entry-meta .meta-author,
.entry-meta .meta-category,
.entry-meta .meta-comments {
	margin-right: 1.5em;
}

.entry-meta a:link,
.entry-meta a:visited {
	color: var(--main-text-color);
}

.entry-meta a:hover,
.entry-meta a:active {
	color: var(--main-color);;
}

.entry-meta span:before {
	display: inline-block;
	margin-right: 0.3em;
	color: var(--head-text-color);
	vertical-align: middle;
    font: normal calc(var(--main-text-size) + 2px) 'Genericons';
	-webkit-font-smoothing: antialiased;
}

.entry-meta .meta-date:before{
	content: '\f307';
}

.entry-meta .meta-author:before{
	content: '\f304';
}

.entry-meta .meta-category:before{
	content: '\f301';
}

.entry-meta .meta-comments:before{
	content: '\f300';
}

.meta-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.meta-tags a {
    display: inline-block;
    font-size: calc(var(--main-text-size) - 2px);
    color: var(--head-text-color);
    padding: 6px 10px;
    background: var(--additional-bk-color);
    border-radius: 1px;
    margin-right: 15px;
}

.meta-tags a:last-child {
    margin-right: 0;
}

.meta-tags a:hover, .meta-tags a:active {
    background: var(--main-bk-color);
    color: #fff;
}

/*--------------------------------------------------------------
Post Archives
--------------------------------------------------------------*/

.content-archive {
    padding-top: 10px;
}

/* Archive Posts Columns */

.post-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.post-wrapper .post-column {
    max-width: calc(33.33% - 20px);
	box-sizing: border-box;
	margin-right: 30px;
}

.post-wrapper .post-column:nth-child(3n) {
    margin-right: 0;
}

/* Theme Pagination */

.copyright-info p {
    font-size: 12px;
    margin-top: 40px;
    color: #666;
}

.pagination {
	margin: 0 0 2.5em;
	text-align: center;
}

.pagination a,
.pagination .current {
	display: inline-block;
	margin: 0 3px 3px 0;
	padding: 0.5em 1em;
	border: 1px solid #e5e5e5;
	background: #f5f5f5;
	color: #242424;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-size: 0.875rem;
	font-family: 'Montserrat', Verdana, Arial;
}

.pagination a:link,
.pagination a:visited {
	color: #242424;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.pagination a:hover,
.pagination .current {
	border-color: var(--main-bk-black-color);;
	background: var(--main-bk-black-color);
	color: #fff;
}

/*--------------------------------------------------------------
Posts Style
--------------------------------------------------------------*/

.post-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	margin-bottom: 40px;
}

.post-column-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
}

.post-column-image img {
    position: relative;
    width: 100%;
    left: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: block;
    margin: 0;
}

.post-column-meta {   
    margin-bottom: 18px;
}

.post-column-meta span, .post-column-meta span a {
    font-size: var(--main-text-size);
    color: #666;
    text-transform: uppercase;
}

.post-column-image:hover .wp-post-image {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.post-column h2 {
    font-size: calc(var(--main-text-size) + 6px);
    margin: 0;
}

.post-column h2 a {
	color: var(--head-text-color)
}

.post-column-meta span a:hover, .post-column h2 a:hover, .post-column-meta span a:active, .post-column h2 a:active {
    color: var(--main-color);
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/

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

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

/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/

.wp-caption {
	max-width: 100%;
}

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

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

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

/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/

.gallery {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.gallery-item {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: center;
    margin: 0;
    line-height: 0;
    margin-bottom: 30px;
    margin-right: 30px;
}

.gallery-columns-2 .gallery-item {
	max-width: calc(50% - 15px);
}

.gallery-columns-2 .gallery-item:nth-child(2n) {
    margin-right: 0;
}

.gallery-columns-3 .gallery-item {
	max-width: calc(33.33% - 20px);
}

.gallery-columns-3 .gallery-item:nth-child(3n) {
    margin-right: 0;
}

.gallery-columns-4 .gallery-item {
	max-width: calc(25% - 22.5px);
}

.gallery-columns-4 .gallery-item:nth-child(4n) {
    margin-right: 0;
}

.gallery-caption {
	display: block;
}

/* Pagination */

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--main-color);
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    color: var(--head-text-color);
    font-size: calc(var(--main-text-size) + 2px);
    padding: 0.7em;
}

.archive-product__description *:first-child {
    margin-top: 70px;
}

/*--------------------------------------------------------------
Portfolio Page
--------------------------------------------------------------*/

.portfolio-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 0;
}

.portfolio-image {
    max-width: 55%;
    width: 100%;
}

.portfolio-image img { 
    width: 100%;
}

.portfolio-headliner {
    max-width: calc(45% - 70px);
    width: 100%;
}

.portfolio-headliner h1 {
    text-transform: uppercase;
    margin-top: 0;
}

/*--------------------------------------------------------------
Landing element
--------------------------------------------------------------*/

/* Headiners */

.landing-head {
    margin-bottom: 60px;
}

.landing-head h2, .landing-head__page h2 {
    position: relative;
    font-size: calc(var(--main-text-size) * 2);
    margin: 0  
}

.landing-head__page h2 {
    margin-top: 40px;
    margin-bottom: 60px;
}

.landing-head h2 span, .landing-head__page h2 span {
    color: var(--main-color);
}

.landing-head__description h2 {
    margin-bottom: 35px;
}

/* About Block */

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

.about_block_right {
	max-width: 30%;
    width: 100%;
	position: relative;
}

.about_block_right img {
	width: 100%;
	height: auto;
}

.about_block_left {
	max-width: calc(70% - 60px);
}

.about_block_left .btn-slice {
    margin-top: 20px;
}

/*--------------------------------------------------------------
Portfolio Page and Other Page
--------------------------------------------------------------*/

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

.type-portfolio__navigation {
    max-width: 350px;
    width: 1000%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
}

.type-portfolio__navigation p {
    max-width: 175px;
    width: 100%;
    font-size: calc(var(--main-text-size) - 2px);
    text-transform: uppercase;
    margin-bottom: 0;
}

.type-portfolio__navigation select {
    max-width: 175px;
    text-align: center;
    border-radius: 0;
    font-size: calc(var(--main-text-size) - 2px);
    text-transform: uppercase;
    border: 0;
    border-bottom: 1px solid var(--head-text-color);
    margin-bottom: 0;
}

/* Portfolio Archive */

.projects__container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.projects__block {
    max-width: calc(25% - 22.5px);
    width: 100%;
    margin-bottom: 100px;
    margin-right: 30px;
}

.projects__block:nth-child(4n) {
    margin-right: 0;
}

.projects__image {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.projects__image img {
    position: relative;
    width: 100%;
    left: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: block;
    margin: 0;
}

.projects__image:hover img, .projects__image:hover img {
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.projects__text {
    padding-left: 25px;
}

.projects__block h3 {
    font-size: calc(var(--main-text-size) + 2px);
    margin: 0;
    margin-bottom: 10px;
}

.projects__block p {
    font-size: calc(var(--main-text-size) - 2px);
    color: #666;
    text-transform: uppercase;
    margin: 0;
}

/* Portfolio Page */

.portfolio-content {
    padding-top: 30px;
}

.portfolio-content h2 {
    text-align: center;
}

.portfolio-content h2:after {
    left: 50%;
    margin-left: -30px;
}

/* Contacts */

.contacts {
    padding-top: 10px;
}

.contacts .catalog-packets-navigation {
    justify-content: center;
}

.contacts__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: -40px;
}

.contacts__block {
    max-width: calc(33.33% - 20px);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-right: 30px;
    margin-bottom: 40px;
}

.contacts__block:nth-child(3) {
    margin-right: 0;
}

.contacts__block img {
    width: 40px;
    margin-right: 30px;
}

.contacts__text {
    max-width: calc(100% - 70px);
    width: 100%;
}

.contacts__text h3 {
    margin-top: 0;
}

.contacts__text a {
    color: var(--head-text-color);
}

.contacts__text a:hover, .contacts__text a:active {
    color: var(--main-color);
}

.contacts__map {
    width: 100%;
    height: 400px;
    border: 0;
    margin: 90px 0;
}

/* Contact form */

.form {
    padding-top: 0;
}

.form-object {
    padding-top: 60px;
}

.form .landing-head h2 {
    text-align: center;
}

.form .landing-head h2::after {
    left: 50%;
    margin-left: -30px;
}

.form__container {
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
}

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

.form__name, .form__tel {
    max-width: calc(50% - 10px);
    width: 100%;
}

/* The media */

.media__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.media__bottom {
    margin-bottom: -60px;
}

.media__block {
    display: flex;
    max-width: calc(50% - 30px);
    width: 100%;
    justify-content: space-between;
    margin-bottom: 60px;
}

.media__img {
    max-width: calc(30% - 15px);
    width: 100%;
}

.media__text {
    max-width: calc(70% - 15px);
    width: 100%;
}

.media__text h3 {
    margin-top: 0;
}

.media__text .button-arrow {
    margin-top: 30px;
}



/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/


@media only screen and (max-width: 1700px) {
	
    :root {
        --main-text-size: 16px;
        --height-application: 500px;
    }

	/*------ Layout Structure ------*/

    .sidebar {
        max-width: 280px;
        margin-right: 40px;
    }

    .content-area {
        max-width: calc(100% - 320px);
    }

    section {
        padding: 80px 0 90px;
    }

    .container {
        max-width: 1300px;
    }
	
	/*------ Typography ------*/
	
	h1 {
		font-size: 32px;
		margin-bottom: 25px;
		margin-top: 65px;
		color: #181818;
	}

	h2 {
		font-size: 26px;
		margin-bottom: 30px;
		margin-top: 40px;
	}

	h3 {
		font-size: 20px;
		margin-bottom: 25px;
		margin-top: 35px;
	}

	h4 {
		margin-bottom: 20px;
		margin-top: 30px;
	}

	h5 {
		margin-bottom: 20px;
		margin-top: 25px;
	}

	h6 {
		margin-bottom: 12px;
		margin-top: 18px;
	}

	/*------ Forms ------*/
	
	input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="search"], select, textarea {
		font-size: 14px;
	}
	
	button, input[type="button"], input[type="reset"], input[type="submit"] {
		font-size: 15px;
	}

    /*------ Header ------*/

    .header-main__logo h2 {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .header-main {
        padding: 18px 0;
    }

    /*------ Slider block ------*/

    .slider-text {
        max-width: calc(50% + 60px);
        min-height: 400px;
        bottom: 30px;
        padding: 20px 30px;
    }

    .slider-text__year {
        font-size: calc(var(--main-text-size) + 2px);
        margin-bottom: 15px;
    }

    .slider-text__description h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }

    .slider-block {
        height: calc(100vh - 100px);
        min-height: 600px;
        max-height: 750px;
    }

    .slider-block:after, .slider-block:before {
        height: 280px;
    }

    .slider-images {
        width: 49%;
    }

    /*------ Slider Product ------*/

    .slider-product {
        min-height: 550px;
        max-height: 750px;
        height: calc(100vh - 165px);
    }

	/*------ Header Pages ------*/

    .headliner-block {
        padding: 45px 0;
    }
	
	/*------ Posts Element ------*/
	
	/** Table Block **/
	
	.type-table-block table {
		font-size: 13px;
	}
	
	/*------ Entry Meta ------*/
	
	.entry-meta {
		margin-top: 25px;
	}

    /*------ Landing element ------*/

    /** Headiners **/

    .landing-head {
        margin-bottom: 50px;
    }

}

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

    :root {
        --height-application: 450px;
    }
	
	/*------ Layout Structure ------*/

    .sidebar {
        max-width: 240px;
    }

    .container-big {
        padding-right: 30px;
        padding-left: 30px;
    }

    .content-area {
        max-width: calc(100% - 280px);
    }
	
	/*------ Typography ------*/
	
	h1 {
		font-size: 32px;
		margin-bottom: 26px;
		margin-top: 60px;
	}

	h2 {
		font-size: 24px;
		margin-bottom: 26px;
		margin-top: 36px;
	}

	h3 {
		margin-bottom: 22px;
		margin-top: 32px;
	}

	h4 {
		margin-bottom: 18px;
		margin-top: 28px;
	}

	h5 {
		margin-bottom: 18px;
		margin-top: 23px;
	}

	h6 {
		margin-bottom: 10px;
		margin-top: 16px;
	}

    /*------ Forms ------*/

    .button-main, input[type="button"], input[type="reset"], input[type="submit"], .button-black {
        padding: 0 20px;
        font-size: 15px;
        line-height: 45px;
    }

    .button-arrow {
        font-size: 16px;
    }

    .button-arrow:after {
        width: 25px;
        height: 25px;
        font: normal 32px 'Genericons';
    }

    /*------ Slider block ------*/

    .slider-block {
        margin-top: 20px;
        height: 600px;
        min-height: auto;
        max-height: none;
    }

    /*------ Slider Product ------*/

    .slider-product {
        min-height: auto;
        max-height: none;
        height: 500px;
    }

	/*------ Posts Element ------*/
	
	/** Table Block **/
	
	.type-table-block table {
		font-size: 13px;
	}

    /** Image Block **/

    .image-container__block {
        height: 250px;
    }
	
	/*------ Entry Meta ------*/
	
	.entry-meta {
		margin-top: 22px;
		font-size: 14px;
	}

    /*------ Landing element ------*/

    /** Headiners **/

    .landing-head h2, .landing-head__page h2 {
        font-size: 32px;
    }

    /* Products Block */

    .products_caption h3, .applications_caption h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    /* Adventages Block */

    .adventages {
        background: url(/wp-content/uploads/2025/09/Preimushhestva.webp) 0% 100% / auto 70% no-repeat;
    }
	
}

@media only screen and (max-width: 1180px) {
	
    :root {
        --height-application: 350px;
    }

    /*------ Header and Navigation ------*/

    .header-main {
        padding: 20px 0;
        height: 100px;
    }

    .header-main__container {
        position: relative;
    }

    .header-main__logo {
        position: absolute;
        left: 0;
        top: -2px
    }

    .header-navigation {
        max-width: 100%;
        width: 100%;
        justify-content: flex-end;
    }

    /*------ Navigation ------*/

    .main-navigation-menu li.current-menu-item>a:before {
        display: none;
    }

    .main-navigation-menu li {
        width: 100%;
        position: static
    }

    .navigation-contacts {
        display: inline;
    }

    .main-navigation-menu > .navigation-catalog > a::before {
        display: none;
    }

    .main-navigation-menu > .navigation-catalog > a {
        padding-left: 1em;
    }

    .main-navigation-menu a:link,
    .main-navigation-menu a:visited,
    .main-navigation-menu ul a {
        color: #fff;
        text-decoration: none;
    }

    .main-navigation-menu ul li.current-menu-item>a {
        color: var(--main-color) !important;
        background: 0 0 !important;
        border-radius: 18px
    }

    .main-navigation-menu ul,.mega-menu-item .mega-menu-content,.mega-menu-item .mega-menu-content .mega-menu-widget {
        position: static;
        top: auto;
        left: auto;
        display: block;
        box-shadow: none
    }

    .main-navigation-menu ul a {
        float: none;
        width: auto;
        padding: .9em 1em;
        font-size: 16px;
    }

    .main-navigation-menu ul a:hover,.main-navigation-menu ul a:active,.main-navigation-menu ul a:hover {
        width: calc(100% - 30px);
        color: var(--main-color) !important;
        background: 0 0 !important
    }

    .main-navigation-menu ul a,.main-navigation-menu ul ul a {
        padding: .9em 1em
    }

    .main-navigation-menu li ul ul {
        top: auto;
        left: auto;
        margin: 0
    }

    .main-navigation-menu>.menu-item-has-children>a:after,.main-navigation-menu ul .menu-item-has-children>a:after {
        display: none
    }

    .main-navigation-toggle {
        display: block;
        margin: .95em 0;
        padding: 0;
        border: none;
        border-radius: 0;
        color: var(--head-text-color);
        background: 0 0
    }

    .main-navigation-toggle:hover,.main-navigation-toggle:focus,.main-navigation-toggle:active {
        color: var(--main-text-color);
        background: 0 0;
        cursor: pointer
    }

    .main-navigation-toggle:hover, .main-navigation-toggle:focus, .main-navigation-toggle:active {
        color: var(--head-color);
    }

    .main-navigation-toggle:after {
        float: right;
        content: '\f419';
        vertical-align: middle;
        text-decoration: inherit;
        font-size: 30px;
        border-radius: 0;
        border: none;
        border-radius: 0;
        font-family: 'Genericons';
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .main-navigation-menu {
        display: none;
        width: 100%;
        min-width: 280px;
        position: absolute;
        left: 0;
        top: 75px;
        z-index: 99999;
        padding-top: 0;
        width: 100%;
        border-top: 0;  
        background: var(--head-text-color);
    }

    .main-navigation-menu li {
        margin: 0
    }

    .main-navigation-menu a {
        display: block;
        clear: left;
        padding: 1.1em 1.4em;
        margin: 0;
        text-transform: none
    }

    .main-navigation-menu ul {
        float: none;
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .main-navigation-menu ul ul {
        border: none
    }

    .main-navigation-menu ul a {
        display: block;
        padding-left: 3em;
        width: 100%
    }

    .main-navigation-menu ul li ul a {
        padding-left: 4em
    }

    .main-navigation-menu ul li ul li ul a {
        padding-left: 6em
    }

    .main-navigation-menu ul li ul li ul li ul a {
        padding-left: 8em
    }

    .main-navigation-menu .submenu-dropdown-toggle {
        clear: both;
        display: block;
        float: right;
        margin: 0;
        border: none;
        padding: .9em 1.0em;
        color: #fff;
        background: var(--main-text-color);
    }

    .main-navigation-menu ul {
        background: 0 0
    }

    .main-navigation-menu .submenu-dropdown-toggle:hover {
        background: var(--main-text-color);
        cursor: pointer
    }

    .main-navigation-menu .submenu-dropdown-toggle:before {
        content: '\f431';
        vertical-align: middle;
        text-decoration: inherit;
        font-size: 28px;
        font-family: 'Genericons';
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .main-navigation-menu .submenu-dropdown-toggle.active:before {
        content: '\f432'
    }

    .main-navigation-menu ul .submenu-dropdown-toggle:before {
        font-size: 28px
    }

    .main-navigation-menu a:hover:before, .main-navigation-menu a:active:before {
        display: none;
    }

    /*------ Slider block ------*/

    .slider-block {
        height: auto;
    }

    .slider-block:after, .slider-block:before {
        height: 480px;
    }

    .slider-images {
        max-width: 770px;
        margin-right: 30px;
        width: 100%;
        position: relative;
    }

    .slider-text {
        max-width: 650px;
        min-height: 450px;
        bottom: 0;
        padding: 70px 30px 30px 30px;
        position: relative;
        float: right;
        margin-top: -40px;
    }

    .slider-container .btn-slice {
        clear: both;
        position: relative;
        float: left;
        margin-top: 40px;
        bottom: 0;
    }

    /*------ Portfolio Page and Other Page ------*/

    /* Portfolio Archive */

    .projects__block {
        max-width: calc(33.33% - 20px);
    }

    .projects__block:nth-child(4n) {
        margin-right: 30px;
    }

    .projects__block:nth-child(3n) {
        margin-right: 0px;
    }

}

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

	/*------ Layout Structure ------*/
	
	.content-area {
		max-width: 100%;
	}

    .sidebar {
		display: none;
	}

    /*------ Buttons ------*/

    .btn-slice {
        font-size: 16px;
    }

    /*------ Galleries ------*/

    .gallery-columns-4 .gallery-item {
        max-width: calc(33.33% - 20px);
    }

    .gallery-columns-4 .gallery-item:nth-child(4n) {
        margin-right: 30px;
    }
	
    .gallery-columns-4 .gallery-item:nth-child(3n) {
        margin-right: 0;
    }

    .gallery-columns-3 .gallery-item {
        max-width: calc(50% - 15px);
    }
    
    .gallery-columns-3 .gallery-item:nth-child(3n) {
        margin-right: 30px;
    }
	
    .gallery-columns-3 .gallery-item:nth-child(2n) {
        margin-right: 0;
    }

    /*------ Slider ------*/

    .slider-text__descriptions {
        max-width: 100%;
    }

    /*------ Posts Style ------*/

    .post-wrapper .post-column {
        max-width: calc(50% - 15px);
    }

    .post-wrapper .post-column:nth-child(3n) {
        margin-right: 30px;
    }

    .post-wrapper .post-column:nth-child(2n) {
        margin-right: 0;
    }

    /*------ Portfolio ------*/

    .portfolio-headliner {
        max-width: calc(40% - 30px);
    }
	
	/*------ Posts and Pages ------*/
	
	/** Search Page**/
	
	.search-no-results  .widget-area .widget_search {
		display: none;
	}

     /** Image Block **/

    .image-container__block {
        height: 200px;
    }
	
	/** 404 Page**/
	
	.error404 .sidebar {
		display: none;
	}

    /*------ Landing element ------*/

    /* About Block */

    .about_container {
        flex-wrap: wrap;
    }

    .about_block_left {
        max-width: 100%;
        order: 2;

    } 

    .about_block_right {
        max-width: 400px;
        margin-bottom: 40px;
        order: 1;
    }

    /* The media */

    .media__container {
        flex-wrap: wrap;
    }

    .media__block {
        max-width: 100%;
    }

}

@media only screen and (max-width: 760px) {
	
    :root {
        --main-text-size: 14px;
    }

	/*------ Layout Structure ------*/
	
	.container, .container-big {
		padding-right: 20px;
		padding-left: 20px;
	}	

	/*------ Typography ------*/
	
	h1 {
        font-size: 28px;
		margin-bottom: 24px;
		margin-top: 50px;
	}

	h2 {
        font-size: 24px;
		margin-bottom: 24px;
		margin-top: 32px;
	}

	h3 {
        font-size: 18px;
		margin-bottom: 20px;
		margin-top: 30px;
	}

	h4 {
        font-size: 16px;
		margin-bottom: 16px;
		margin-top: 26px;
	}

	h5 {
        font-size: 15px;
		margin-bottom: 16px;
		margin-top: 21px;
	}

	h6 {
        font-size: 14px;
		margin-bottom: 8px;
		margin-top: 15px;
	}

	/*------ Forms ------*/
	
	input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="search"], select, textarea {
		font-size: 13px;
		padding: 0.95em 1.0em;
	}
	
	textarea {
		height: 90px;
	}

    .button-main, input[type="button"], input[type="reset"], input[type="submit"], .button-black {
        padding: 0 18px;
        font-size: 14px;
        line-height: 45px;
    }

    .politic-confidence {
        font-size: 10px;
    }

    .wpcf7 form .wpcf7-response-output {
        font-size: 13px;
    } 

    /*------ Popup block ------*/

    .popup-form {
        padding: 30px;
    }

    .popup-form2 {
        padding: 30px;
    }

    .popup-form2-container {
        flex-wrap: wrap;
    }

    .popup-form2-block {
        max-width: 100%;
        width: 100%;
    }

    .popup-form2-block textarea {
        height: 120px;
    }

	/*------ Widgets ------*/
	
	.sidebar {
		margin-top: 40px;
	}
	
	.widget {
		margin: 0 0 2.5em 0;
	}
	
	.widget-header h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	/** Header Pages**/
	
	.header-type-decoration {
		padding: 70px 0;
	}
	
	.header-type-page h1 {
		font-size: 24px;
		letter-spacing: 0.4px;
	}
	
	.page-img {
		width: 100%;
		padding-bottom: 16px;
	}
	
	.breadcrumbs {
		font-size: 13px;
		padding: 15px 0 !important;
	}
	
	/*------ Posts Element ------*/
	
	/*------ Entry Meta ------*/
	
	.entry-meta {
		margin-top: 20px;
		font-size: 13px;
	}

     /** Image Block **/

    .image-container__block {
        flex-wrap: wrap;
        height: auto;
    }

    .image-container__block img {
        margin: 0;
        margin-top: 10px;
    }

    .image-container__block img:first-child {
        margin-top: 0;
    }

    /*------ Landing element ------*/

    /** Headiners **/

    .landing-head h2, .landing-head__page h2 {
        font-size: 26px;
    }

    .landing-head__page h2 {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    /*------ Portfolio Page and Other Page ------*/

    /* Portfolio Archive */

    .projects__block {
        max-width: calc(50% - 15px);
    }

    .projects__block:nth-child(3n) {
        margin-right: 30px;
    }

    .projects__block:nth-child(2n) {
        margin-right: 0px;
    }

}

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

    /*------ Posts Style ------*/

    .post-wrapper .post-column {
        max-width: 100%;
        margin-right: 0 !important;
    }

    /*------ Header ------*/

    .header-main__logo {
        top: 0;
    }

    .header-main__logo h2 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .header-main__logo p {
        font-size: 13px;
        margin-bottom: 0px;
    }

    /*------ Slider Block ------*/

    .slider-text {
        min-height: 480px;
    }

    .slider-management {
        align-items: stretch;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    .slider-management__display {
        max-width: 100%;
        width: 100%;
        order: 2;
        margin-bottom: 20px;
    }

    .slider-management__buttons {
        max-width: 100%;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 50px;
        order: 1;
    }

    /*------ Galleries ------*/

    .gallery-columns-4 .gallery-item {
        max-width: calc(50% - 15px);
    }

    .gallery-columns-4 .gallery-item:nth-child(3n) {
        margin-right: 30px;
    }
	
    .gallery-columns-4 .gallery-item:nth-child(2n) {
        margin-right: 0;
    }

    /*------ Landing element ------*/

   

    /*------ Portfolio Page and Other Page  ------*/

    .type-portfolio__container { 
        flex-wrap: wrap;
    }

    .type-portfolio__container h1 {
        width: 100%;
        margin-bottom: 20px;
    }

    .type-portfolio__navigation p, .type-portfolio__navigation select {
        font-size: 16px;
    }

    .type-portfolio__navigation {
        max-width: 100%;
        width: 100%;
    }

    /* Portfolio Page */

    .portfolio-container {
        flex-wrap: wrap;
    }

    .portfolio-image {
        max-width: 100%;
    }

    .portfolio-headliner {
        max-width: 100%;
        margin-top: 40px;
    }

    /* Contact form */

    .form__contacts {
        flex-wrap: wrap;
    }

    .form__name, .form__tel {
        max-width: 100%;
    }

    /** Contacts **/

    .contacts__container {
        flex-wrap: wrap;
    }

    .contacts__block {
        max-width: 100%;
        margin-right: 0 !important;
    }

    .contacts__block:nth-child(3) {
        display: flex;
    }

}

@media only screen and (max-width: 460px) {
	
    /*------ Header ------*/

    .header-main__logo h2 {
        width: 280px;
        font-size: 22px;
        margin-bottom: 0;
        line-height: 1.3;
    }

    .header-main__logo p {
        display: none;
    }

    /*------ Slider block ------*/

    .slider-text__description h2 {
        font-size: 24px;
    }

    .slider-text__description p {
        font-size: var(--main-text-size);
        margin-bottom: 30px;
    }

    /*------ Galleries ------*/

    .gallery-item {
        max-width: 100% !important;
        margin-right: 0 !important;
    }

     /*------ Portfolio Page and Other Page  ------*/

    .type-portfolio__navigation p, .type-portfolio__navigation select {
        font-size: 14px;
    }

    /* Portfolio Page */

    .projects__block {
        max-width: 100%;
        margin-right: 0 !important;
    }

    /* The media */

    .media__block {
        flex-wrap: wrap;
    }

    .media__img, .media__text {
        max-width: 100%;
    }

    .media__img {
        margin-bottom: 30px;
    }

}

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

	/*------ Layout Structure ------*/
	
	.container, .container-big {
		padding: 0 10px;
	}

    /*------ Header and Navigation ------*/

    .mobile-header .header-block__icon {
        display: none;
    }

    .header-navigation .search-form {
        max-width: 200px;
        width: 100%;
    }

    /*------ Slider Block ------*/

    .slider-text {
        min-height: 500px;
        padding: 70px 20px 30px 20px;
        margin-top: -40px;
    }

    .slider-text__description h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    /*------ Landing element ------*/



}