/*
Theme Name: OCR
Author: Saitodel
Author URI: https://saitodel.pro
Description: OCR - это тема разработана специально для Orchid club Russia веб-студией Сайтодел. Использовано минимальное количество кода, что ускоряет ее работу. Есть поддержка виджетов, меню, шаблонов, тема имеет оптимизацию под мобильные платформы.
Version: 1.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.

OCR 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 Serif JP';
    src: url('./fonts/NotoSerifJP-Medium-Alphabetic.eot');
    src: local('Noto Serif JP'), local('NotoSerifJP-Medium-Alphabetic'),
        url('./fonts/NotoSerifJP-Medium-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/NotoSerifJP-Medium-Alphabetic.woff2') format('woff2'),
        url('./fonts/NotoSerifJP-Medium-Alphabetic.woff') format('woff'),
        url('./fonts/NotoSerifJP-Medium-Alphabetic.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

:root {
    --main-color: #e0a450;
    --main-bk-color: #002a26;
    --additional-bk-color: #F3F3F3;
    --head-text-color: #191919;
    --main-text-color: #565656;
    --light-text-color: #c1c1c1;
    --border-color: #e3dbd8;
    --main-text-size: 16px;
}

/*--------------------------------------------------------------
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 {
    margin: 0;
	clear: both;
    font-family: 'Noto Serif JP';
	font-weight: normal;
	text-align: left;
	line-height: 1.5;
    color: var(--head-text-color);
}

h3,
h4,
h5,
h6 {
    margin: 0;
    clear: both;
    font-family: 'Noto Sans', sans-serif;	
	font-weight: bold;
	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: 10px;
	font-size: var(--main-text-size);
	line-height: 1.5;
	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 1.5em;
	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 Serif JP';
    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
--------------------------------------------------------------*/

.button-main, 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: bold;
	line-height: 50px;
	color: var(--head-text-color);
    background: var(--main-color);
    outline: 0;
    border: 0;
	border-radius: 5px;
	z-index: 0;
    appearance: none;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.button-main:before, 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-color);
}

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

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

.button-black {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 0 30px;
    font-size: 16px;   
    text-align: center;
    font-weight: bold;
	line-height: 50px;
	color: #fff;
    background: var(--main-bk-color);
    border-radius: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 0;
}

.button-black:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
    z-index: -1;
    background: var(--main-color);
    transform: translateX(-100%);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.button-black:hover {
    color: var(--head-text-color);
}

.button-black:hover:before {
    transform: translateX(0);
}

.button-arrow {
    color: #fff;
    display: block;
    position: relative;
    font-size: 18px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-arrow:after {
    content: '\f429';
    display: inline-block;
    text-align: left;
    margin-left: 5px;
    margin-top: -2px;
    clear: both;
    vertical-align: middle;
    font: normal 35px 'Genericons';
    -webkit-font-smoothing: antialiased;
}

.button-arrow__main {
    color: var(--main-color);
}

.button-arrow__black {
    color: var(--head-text-color);
}

.button-arrow__main:hover, .button-arrow__main:active {
    color: var(--head-text-color)
}

.button-arrow__black:hover, .button-arrow__black:active {
    color: var(--main-color);
}

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(--main-color);
}

.politic-check {
	max-width: 600px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0;
	margin-top: 10px;
	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("/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("/wp-content/uploads/checkbox-checked.svg")
}

.politic-check__text {
	max-width: calc(100% - 34px);
	width: 100%;
	font-size: 14px;
	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);
	}
}

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

/* Text meant only for screen readers. */
.screen-reader-text {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}

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

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

.clear {
	clear: both;
}

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

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

.single-container {
    padding: 0;
}

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

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

.container-small {
    margin: 0 auto;
	padding-right: 30px;
    padding-left: 30px;
	max-width: 1030px;
	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%;
}

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

.header-container {
    padding: 0 60px;
    width: 100%;
    box-sizing: border-box;
}

/* Header Top */

.header-top-container {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
}

.header-top-navigation ul {
    display: flex;
    justify-content: flex-start;
}

.header-top-navigation ul li a {
    font-size: 14px;
    color: var(--head-text-color);
    margin-right: 20px;
    line-height: 1.0;
}

.header-top-navigation ul li a:hover, .header-top-navigation ul li a:active {
    color: var(--main-color);
}

.header-top-account {
    display: none;
    font-size: 14px;
    color: var(--main-color);
    margin-right: 25px;
    margin-left: auto;
    line-height: 1.0;
}

.header-top-account:hover, .header-top-account:active {
    color: var(--head-text-color);
}

.header-top-tel {
    font-size: 14px;
    color: var(--head-text-color);
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 0;
}

.header-top-tel a {
    color: var(--head-text-color);
}

.header-top-tel__spb {
    margin-left: 25px;
}

.header-top-tel a:hover, .header-top-tel:active {
    color: var(--main-color);
}

.header-top-soc {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 25px;
}

.header-top-soc a {
    display: inline-block;
    width: 20px;
    height: auto;
    line-height: 0;   
    margin-right: 8px;
}

.header-top-soc a img {
    filter: brightness(0);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.header-top-soc a:hover img {
    filter: none;
}

.header-top-soc a:last-child {
    margin-right: 0;
}

/* Header City */

.header-block__city {
    display: flex;
    max-width: 130px;
    width: 100%;
    margin-right: 35px;
    justify-content: space-between;
    align-items: flex-start;
}

.header-block__city-button {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: var(--main-color);
    border-bottom: 1px dotted var(--main-color);
}

.header-block__city-button span {
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 8px;
    border: 7px solid transparent;
    border-top: 7px solid var(--main-color);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.header-block__city-button:hover, .header-block__city-button:active {
    color: var(--main-color);
    border-bottom: 1px dotted var(--main-color);
}

.header-block__city-button:hover span, .header-block__city-button:active span {
    border-top: 7px solid var(--main-color);
}

/* Navigation */

.header-navigation__box {
    position: relative;
}

.hmenu_logo img {
    max-width: 312px !important;
    width: 100% !important;
}

.hmenu_logo a {
    float: left !important;
    text-align: left !important;
    left: 0 !important;
    margin-left: 0 !important;
}

.hmenu_logo {
    text-align: left !important;
    float: left !important;
    text-align: left !important;
    left: 0 !important;
    margin-left: 0 !important;
}

.header-navigation {
    background: var(--main-bk-color);
}

.hmenu_main_holder {
    background: none !important;
}

.no-display__navigation {
    display: none !important;
}

/* Popup city */

.popup-city {
    position: absolute;
    right: 30px;
    top: 50px;
    max-width: 250px;
    width: 100%;
    flex-direction: column;
    background: #fff;
    z-index: 9999;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 40%);
}

.popup-city h3 {
    font-size: var(--main-text-size);
    margin-top: 0;
    margin-bottom: 15px;
}

.popup-city a {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    color: var(--main-text-color);
}

.popup-city a:last-child {
    margin-bottom: 0;
}

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

.popup-city__buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}

.popup-city a.popup-city__one {
    display: inline-block;
    position: relative;
    padding: 0 25px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 35px;
    color: var(--head-text-color);
    background: var(--main-color);
    outline: 0;
    border: 0;
    border-radius: 10px;
    margin: 0;
    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;
}

.popup-city a.popup-city__one:hover, .popup-city a.popup-city__one:active {
    background-color: var(--head-text-color);
    color: #fff;
}

.popup-city a.popup-city__two {
    color: var(--main-text-color);
    margin: 0;
    margin-left: 15px;
}

/** Soc icons **/

#hmenu_load_1 .hmenu_navigation_holder > ul > li > a, #hmenu_load_1 .hmenu_social_holder > ul > li > a, #hmenu_load_1 .hmenu_product_holder > ul > li > a, #hmenu_load_1 .hmenu_toggle_holder > ul > li > a {
    outline: 0 !important;
}

.hmenu_social_holder {
    margin-right: 25px;
}

.hmenu_social_holder .hmenu_wrap {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0 3px !important;
    background: var(--head-text-color);
    border-radius: 30px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.hmenu_social_holder .hmenu_wrap:hover, .hmenu_social_holder .hmenu_wrap:active {
    background: var(--main-color);
}

.icon_hero_default_social_e626:before {
    content: url(/wp-content/uploads/2024/02/Header-Insta.png) !important;
}

.icon_hero_default_social_e644:before {
    content: url(/wp-content/uploads/2024/02/Header-WhatsApp.png) !important;
}

.icon_hero_default_social_e638:before {
    content: url(/wp-content/uploads/2024/02/Header-Telega.png) !important;
}

.icon_hero_default_social_e60e:before {
    content: url(/wp-content/uploads/2024/02/Header-VK.png) !important;
}

/** Search **/

.hmenu_search_lightbox_input {
    z-index: 101 !important;
}

.hmenu_lightbox_form_holder .icon_hero_default_thin_e654:before {
    color: var(--head-text-color);
}

.hmenu_search_btn:before {
    color: #fff !important;
}

.hmenu_search_btn:hover:before, .hmenu_search_btn:active:before {
    color: var(--main-color) !important;
}

#hmenu_load_1 .hmenu_search_full_input {
    padding: 0 !important;
    background: none !important;
}

#hmenu_load_1 .hmenu_search_full_input input[type='text'] {
    padding: 0 20px !important;
    font-size: 18px !important;
    margin: 0 !important;
    border-radius: 5px !important;
    border: 1px solid #c1c1c1 !important;
    top: 5px !important;
    background-color: #fff !important;

}

.hmenu_trigger_search:before {
    color: #191919 !important;
}

#hmenu_load_1 .hmenu_search_full_input .hmenu_search_btn {
    width: 50px !important;
    height: 50px !important;
}

/** Cart **/

.hmenu_cart_num_color {
    background-color: var(--head-text-color) !important;
}

/** Account **/

.header-navigation-account {
    position: absolute;
    right: 120px;
    font-size: 16px;
    top: calc(50% - 12px);
    color: var(--main-color);
    z-index: 100;
}

.header-navigation-account:hover, .header-navigation-account:active {
    color: #fff;
}

/*--------------------------------------------------------------
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 {
    min-height: 850px;
    max-height: 1000px;
    height: 100vh;
    background: url(/wp-content/uploads/2024/02/Fon-glavnoj-stranitsy.jpg) 50% 50% / cover no-repeat;
}

.slider-block-shadow {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    overflow: hidden;
    z-index: 0;
}

.slider-block__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
    max-width: 700px;
    width: 100%;
}

.slider-block__container h1 {
    font-size: 50px;
    color: #fff;
    margin: 0;
    margin-bottom: 40px;
}

.slider-block__container p {
    max-width: 530px;
    font-size: calc(var(--main-text-size) + 2px);
    color: #c1c1c1;
    margin-bottom: 0;
}

.slider-block__container .button-main {
    margin-top: 40px;
}

.slider-block__background-image {
    position: absolute;
    max-height: 750px;
    bottom: 0;
    right: 0;
    z-index: -1;
}

/* Slider header */

.slider-block .header-top {
    border-bottom: 1px solid #666;
}

.slider-block .header-top-tel, .slider-block .header-top-tel a, .slider-block .header-top-navigation ul li a {
    color: #fff;
}

.slider-block .header-top-tel a:hover, .slider-block .header-top-navigation ul li a:hover, .slider-block .header-top-tel:active, .slider-block .header-top-navigation ul li a:active {
    color: var(--main-color);
}

.slider-block .header-top-account:hover, .slider-block .header-top-account:active {
    color: var(--border-color);
}

.slider-block .header-top-soc a img {
    filter: brightness(10);
}

.slider-block .header-top-soc a:hover img {
    filter: none;
}

.slider-block .header-navigation {
    background: none;
}

.slider-block .hmenu_social_holder .hmenu_wrap {
    background: var(--main-bk-color);
}

.slider-block .hmenu_social_holder .hmenu_wrap:hover, .slider-block .hmenu_social_holder .hmenu_wrap:active {
    background: var(--main-color);
}

.slider-block .hmenu_cart_num_color {
    background-color: var(--main-bk-color) !important;
}

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

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

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

.footer-block {
	background: var(--main-bk-color);
}

/* Footer main */

.footer-main h2 {
	font-size: 22px;
	color: #fff;
	margin: 0;
	margin-bottom: 30px;
}

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

.footer-main p {
    color: #fff;
    margin-bottom: 15px;
}

.footer-main a {
    color: #fff;
}

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

.footer-main__one {
    max-width: 350px;
    width: 100%;
    margin-right: 30px;
}

.footer-main__two {
    margin-left: auto;
}

.footer-main__two, .footer-main__three, .footer-main__four {
	max-width: 260px;
    width: 100%;
    margin-right: 30px;
}

.footer-main__four {
    margin-right: 0;
}

.footer-main ul li {
    font-size: var(--main-text-size);
    margin-bottom: 15px;
}

.footer-main__tel a {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: bold;
}

/* Footer Copyright */ 

.footer-copyright p {
    color: var(--light-text-color);
    margin-bottom: 0;
}

/* Footer Bottom */ 

.footer-bottom {
	padding: 60px 0;
}

.footer-bottom-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom__soc, .footer-bottom__logo, .footer-bottom__right {
    max-width: 340px;
    width: 100%;
    margin-right: 30px;
}

.footer-bottom__soc a {
    display: inline-block;
    max-width: 25px;
    margin-right: 8px;
    line-height: 0;
}

.footer-bottom__soc a img {
    filter: brightness(10);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.footer-bottom__soc a:hover img, .footer-bottom__soc a:active img {
    filter: none;
}

.footer-bottom__right {
    margin-right: 0px;
}

.footer-bottom__right p {
    color: var(--light-text-color);
    font-size: 14px;
    text-align: right;
}

/* Footer buttons */ 

.socw-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: wrap;
    position: fixed;
    z-index: 999;
    bottom: 120px;
    right: 10px;
    margin-bottom: -10px;
    margin-left: -10px;
}
  
.socw-button, .socw-button-main {
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    width: 55px;
    height: 55px;
    text-decoration: none;
    border-radius: 100%;
    background: var(--main-bk-color);
    text-align: center;
    margin-bottom: 10px;
    margin-left: 10px;
    transition: 0.5s;
}
  
.socw-button-main {
    background: var(--main-bk-color);
}
  
.socw-button__close {
    background: var(--light-text-color);
}
  
.socw-button__close::before {
    border: 1px solid var(--light-text-color) !important;
}
  
.socw-button-main::before {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid var(--main-bk-color);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
  
@keyframes border-animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
  
.socw-button-main::after {
    transition: all 0.7s ease;
}
  
.socw-button {
    display: none;
    opacity: 0;
    transition: all 0.7s ease;
}
  
.socw-button-activated {
    display: flex;
    opacity: 1;
}
  
.socw-button::after, .socw-button-main::after {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 0;
}

.socw-button__whatsapp::after {
    content: url('./images/WhatsApp.png');
}
  
.socw-button__telegram::after {
    content: url('./images/Telegram.png');
}
  
.socw-button__telephone::after {
    content: url('./images/Telephone.png');
}
  
.socw-button__mail::after {
    content: url('./images/Mail.png');
}
  
.socw-button__vk::after {
    content: url('./images/VK.png');
}
  
.socw-button__close::after {
    content: url('./images/Close.png');
    width: 25px;
    height: 25px;
}
  
.socw-block a {
    opacity: 1;
    transition: all 0.2s ease;
}
  
.socw-block a:hover, .socw-block a:active {
    opacity: 0.8;
}

/*--------------------------------------------------------------
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.9em;
    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)
}

.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 {
    margin-bottom: 60px;
}

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

.breacrumbs {
    padding: 13px 0;
    background: var(--additional-bk-color);
}

.breacrumbs-container {
	display: flex;
	align-items: center;
	justify-content: center;
    flex-wrap: wrap;
    font-size: var(--main-text-size);
    color: var(--main-text-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-list ul li {
	display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.type-list ul li p {
	margin: 0 !important;
	color: var(--main-text-color);
	font-size: var(--main-text-size);
}

.type-list ul li:before {
	content: '\f418';
    display: inline-block;
    color: var(--main-color);
    vertical-align: middle;
    font: normal 40px 'Genericons';
    margin: -10px;
    margin-top: -8px;
    margin-right: 5px;
    -webkit-font-smoothing: antialiased;
}

.type-list__checkbox ul li:before {
    content: '\f418';
}

.type-list__list ul li:before {
    content: '\f431';
    margin-top: -10px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.type-list__close ul li:before {
    content: '\f405';
}

/* Warning block */

.type-warning-block ul {
    display: flex;
    align-items: flex-start;
}

.type-warning-block ul li {
	text-align: left;
	color: #313030;
	float: left;
    width: calc(100% - 75px);
	font-size: var(--main-text-size);
	margin-bottom: 10px;
}

.type-warning-block ul:before {
	content: '\f414';
	display: inline-block;
	margin-right: 20px;
	color: var(--main-color);;
	vertical-align: middle;
	font: normal 55px 'Genericons';
	-webkit-font-smoothing: antialiased;
}

/* Table Block */

.type-table-block {
	margin-bottom: 50px;
}

.type-table-block table {
	font-size: 14px;
}

.type-table-block th, .type-table-block td {
    padding: 0.8em 0.9em;
    border: 1px solid #c1c1c1;
}

/*--------------------------------------------------------------
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-color);;
	background: var(--main-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-family: 'Noto Sans', sans-serif;
    font-weight: bold;
    font-size: calc(var(--main-text-size) + 2px);
    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%;
}

.wp-video {
    margin: 0 auto;
}

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


/*--------------------------------------------------------------
Woocommerce buttons
--------------------------------------------------------------*/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
a.xoo-wsc-ft-btn {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    padding: 12px 18px;
    text-decoration: none;
    text-align: center;
    outline: 0;
    font-weight: 700;
    cursor: pointer;
    text-indent: 0;
    border-radius: 5px;
    background: var(--main-bk-color);
    transition: .2s;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled] {
    opacity: .5;
    padding: 12px 18px;
    color: #fff !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
a.xoo-wsc-ft-btn:hover {
    background: var(--main-color);
    color: var(--head-text-color)
}

.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
    margin-bottom: 0;
    font-size: inherit;
}

/*--------------------------------------------------------------
Filters
--------------------------------------------------------------*/

.woof_container_inner h4 {
    font-family: 'Noto Serif JP';
    font-weight: normal;
    font-size: 20px;
    margin: 15px 0;
}

a.woof_front_toggle {
    margin-top: -3px;
    outline: 0;
}

.woof_container_inner .icheckbox_minimal-yellow {
    border-radius: 1px;
}

.irs--round .irs-bar {
    background-color: var(--main-color) !important; 
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: var(--main-color) !important;
    color: var(--head-text-color) !important;
}

.irs--round .irs-handle {
    border-color: var(--main-color) !important;
}

.irs--round .irs-from:before, .irs--round .irs-to:before {
    border-top-color: var(--main-color) !important;
}

.woof .woof_submit_search_form_container {
    outline: 0;
    display: block;
}

.woof .woof_submit_search_form_container .woof_reset_search_form {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    font-size: var(--main-text-size);
    width: 100%;
    height: 50px;
    background: var(--main-color);
    color: var(--head-text-color);
    font-weight: bold;
    margin-top: 20px;
    border-radius: 0;  
}

.woof_checkbox_count {
    color: #c1c1c1;
}

.woof .woof_submit_search_form_container .woof_reset_search_form:hover, .woof .woof_submit_search_form_container .woof_reset_search_form:active {
    background: var(--main-bk-color);
    color: #fff;
}

.woof_btn_default {
    display: none !important;
}

.woocommerce .woocommerce-result-count {
    margin: 0;
    margin-top: 15px;
}

.woocommerce .woocommerce-ordering {
    margin-bottom: 40px;
}

.woocommerce .woocommerce-ordering select {
    margin: 0;
    cursor: pointer;
}

/*--------------------------------------------------------------
Catalog Woocommerce
--------------------------------------------------------------*/

.archive-product {
    padding-top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.woocommerce ul.products {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    margin-right: -30px;
}

.woocommerce-page ul.products li.product {
    max-width: 25%;
    width: 100% !important;
    margin: 0;
    margin-bottom: 45px;
    padding-right: 30px;
}

.woocommerce-page ul.products li.product:nth-child(4n) {
    margin-right: 0;
}

.woocommerce-page .product-box, .woocommerce .product-box {
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.product-box .qib-container {
    display: none !important;
}

.woocommerce ul.products li.product a img {
    margin-bottom: 0;
    -webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	-ms-transition:all 0.8s ease;
	transition:all 0.8s ease
}

.woocommerce ul.products li.product .onsale {
    display: none !important;
}

.truemisha-sale-badge {
    display: block;
    padding: 2px 8px;
    background: var(--main-bk-color);
    position: absolute;
    top: 13px;
    left: 13px;
    z-index: 1;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    border-radius: 2px;
}

.woocommerce .product-box .woosq-btn-has-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 0;
    top: 15px;
    right: -25px;   
    border-radius: 30px;   
    z-index: 1;
    opacity: 0;
    -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease
}

.woocommerce .product-box .woosq-btn-has-icon:hover, .woocommerce .product-box .woosq-btn-has-icon:active {
    color: var(--head-text-color);
    background: var(--main-color);
}

.woocommerce .product-box a.button {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -70px;
    left: 0;
    font-size: var(--main-text-size);
    font-weight: normal;
    color: var(--head-text-color);
    background: var(--main-color);
    border-radius: 0;
    margin: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease
}

.woocommerce .added_to_cart {
    display: none !important;
}

.woocommerce ul.products li.product .button::after {
    font-size: 14px;
    color: var(--head-text-color);
}

.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button:active {
    background: var(--main-bk-color);
    color: #fff !important;
}

.woocommerce ul.products li.product .button:hover::after, .woocommerce ul.products li.product .button:active::after {
    color: #fff;
}

.woocommerce-page .product-box:hover img, .woocommerce .product-box:hover img {
    transform: scale(1.2);
}

.woocommerce .product-box:hover a.button {
	opacity:1;
    bottom: 0; 
}

.woocommerce .product-box:hover .woosq-btn-has-icon {
    opacity:1;
    right: 15px;   
}

.woocommerce .product-box .soldout, .woocommerce .product-box .onbackorder {
    display: inline-block;
    background: var(--main-bk-color);
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
    border-radius: 2px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.woocommerce .product-box .onbackorder {
    background: var(--main-color);
}

.woocommerce ul.products li.product .price {
    font-size: 14px;
    text-align: center;
    color: var(--head-text-color);
    margin: 0;
    margin-top: 10px;
    font-weight: bold;
}

.woocommerce ul.products li.product .price del {
    font-size: 12px;
    margin-right: 5px;
    font-weight: normal;
}

.woocommerce ul.products li.product .price del.wcwp-wholesale-price-range {
    display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    color: var(--head-text-color);
    text-align: center;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

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


/* Popup product */

.mfp-woosq .mfp-close {
    width: 40px;
    height: 40px;
    opacity: 1;
}

.mfp-woosq .mfp-close:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    color: var(--head-text-color);
    background: var(--main-color);
}

.mfp-close:hover:before, .mfp-close:focus:before {
    background: var(--main-bk-color);
    color: #fff;
}

.woosq-product > .product > div {
    max-width: 50% !important;
}

.woosq-product .thumbnails .thumbnail {
    overflow: hidden;
    position: relative;
}

.woosq-product .thumbnails img {
    max-height: none;
}

.woosq-product > .product .summary .summary-content {
    padding: 40px;
}

.woosq-product > .product .summary .summary-content {
    padding: 40px;
}

.woosq-product > .product .summary .summary-content .product_title {
    font-size: 24px;
    margin-bottom: 15px;
}

.woosq-product > .product .summary .summary-content p.price {
    margin-bottom: 20px;
}

.woosq-product > .product .summary .summary-content p.stock {
    margin-bottom: 30px;
}

.woosq-product div.product div.qib-container {
    height: 50px !important;
}

.woosq-product > .product form.cart .button {
    max-width: 150px !important;
    line-height: 50px !important;
}

.woosq-product > .product .summary .summary-content .product-description {
    margin-top: 20px;
}

.woosq-product > .product .summary .summary-content .product-description p {
    font-size: 14px;
}

.view-details-btn {
    background: var(--head-text-color);
}

.view-details-btn:hover {
    background-color: var(--main-color);
    color: var(--head-text-color);
}

/*--------------------------------------------------------------
Product page
--------------------------------------------------------------*/

.product-main {
    padding: 0;
    padding-top: 80px;
}

/* Gallery */

.product-main_gallery {
    float: left;
    max-width: 60%;
    width: 100%;
}

.product-main_gallery-position {
    position: relative;
    overflow: hidden;
}

.product-main_gallery .truemisha-sale-badge {
    left: auto;
    right: 13px;
}

.woo-variation-product-gallery {
    margin: 0;
}

.woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper {
    width: calc(100% - 110px);
}

.woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-wrapper {
    width: 110px;
}

.woocommerce span.onsale {
    display: none !important;
}

.admin-bar .pswp {
    z-index: 999999;
}

/* Summary */

.woocommerce div.product div.summary {
    margin-bottom: 0;
    max-width: calc(40% - 70px);
}

.woocommerce div.product .product_title {
    font-size: 32px;
    margin: 0;
    margin-bottom: 20px;
    color: var(--head-text-color);
}

.woocommerce div.product p.price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 25px;
}

.woocommerce div.product p.price ins, .woocommerce div.product p.price span.woocommerce-Price-amount bdi {
    order: 1;
    font-size: 20px;
    font-weight: normal;
    color: var(--head-text-color);
    margin: 0;
    margin-right: 7px;
}

.woocommerce div.product p.price del {
    order: 2;
}

.woocommerce div.product p.price del span.woocommerce-Price-amount bdi {
    font-size: 14px;
    color: #666;
    margin: 0;
}

.woocommerce div.product p.stock {
    font-size: var(--main-text-size);
    color: var(--main-color);
    margin-bottom: 40px;
}

.woocommerce div.product form.cart {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 20px;
}

div.qib-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 170px;
    width: 100%;
    height: 60px;
    background: var(--additional-bk-color);
    margin-right: 20px;
}

div.qib-container input[type="number"]::-webkit-inner-spin-button, div.qib-container input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

div.qib-container input[type="number"] {
    background: none;
    border: 0;
    outline: 0;
    font-weight: bold;
    color: var(--head-text-color);
}

div.qib-container input[type="number"]:focus {
    border: 0;
}

div.qib-container button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%;
    background: none;
    border: 0;
    padding: 0;
    font-size: 16px;
    color: var(--head-text-color);
    font-weight: bold;
}

div.qib-container button:hover, div.qib-container button:active {
    color: var(--main-color);
}

.woocommerce div.product form.cart .button {
    display: inline-block;
    max-width: calc(100% - 190px);
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    line-height: 60px;
    color: #fff;
    background: var(--main-bk-color);
    border-radius: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 0;
}

.woocommerce div.product form.cart .button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
    z-index: -1;
    background: var(--main-color);
    transform: translateX(-100%);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.woocommerce div.product form.cart .button:hover {
    color: var(--head-text-color);
}

.woocommerce div.product form.cart .button:hover:before {
    transform: translateX(0);
}

.woocommerce div.product .product_meta .sku_wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-size: calc(var(--main-text-size) - 2px);
    color: #666;
}

.woocommerce div.product .product_meta .posted_in {
    display: inline-block;
    width: 100%;
    font-size: var(--main-text-size);
}

.product__delivery-pay {
    margin-top: 30px;
    margin-bottom: -30px;
    border-top: 1px solid var(--border-color);
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product__delivery-pay_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}

.product__delivery-pay_block img {
    width: 45px;
    margin-right: 20px;
}

.button-zakaz {
    display: none;
    margin-top: 30px;
    width: 100%;
}

.product__delivery-pay_text {
    max-width: calc(100% - 65px);
    width: 100%;
}

.product__delivery-pay_text h3 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 10px;
}

.product__delivery-pay_text p {
    font-size: 14px;
    margin-bottom: 0;
}

.product__delivery-pay_text .button-arrow {
    margin-top: 10px;
    color: var(--main-color);
    font-size: 14px;
}

.product__delivery-pay_text .button-arrow:after {
    margin-left: 5px;
    margin-top: -2px;
    font: normal 28px 'Genericons';
}

.product__delivery-pay_text .button-arrow:hover, .product__delivery-pay_text .button-arrow:active {
    color: var(--head-text-color)
}

/* Variations product */

.product-type-variable div.summary p.price {
    display: none;
}

.woocommerce div.product form.cart .variations {
    max-width: 100%;
    margin-bottom: 10px;
}

.woocommerce div.product form.variations_form {
    flex-wrap: wrap;
}

.woocommerce div.product form.variations_form .reset_variations {
    display: none !important;
}

.woocommerce div.product form.cart .variations select {
    margin: 5px 0;
    min-width: 50px;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    padding: 0;
    order: 0;
    line-height: 1.2;
    vertical-align: middle;
    text-align: left;
}

.woocommerce div.product form.cart .variations .label {
    width: 40%;
    padding-right: 20px;
    font-weight: normal;
}

.woocommerce div.product form.cart .variations label {
    font-weight: normal;
    font-size: var(--main-text-size);
}

.woocommerce div.product form.cart .variations .value {
    width: 60%;
}

.woocommerce div.product form.cart .single_variation_wrap {
    width: 100%;
}

.woocommerce div.product form.cart .single_variation_wrap p.stock {
    margin-bottom: 20px;
}

.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.woocommerce div.product form.cart button.disabled::before {
    display: none;
}

.woocommerce-variation-price .price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}

.woocommerce-variation-price span.price ins, .woocommerce-variation-price span.woocommerce-Price-amount {
    order: 1;
    font-size: 20px;
    font-weight: normal;
    color: var(--head-text-color);
    margin: 0;
    margin-right: 7px;
}

.woocommerce-variation-price span.price del {
    order: 2;  
    margin: 0;
}

.woocommerce-variation-price span.price del bdi {
    font-size: 14px;
    color: #666;
}

.woocommerce div.product form.cart button.disabled:hover {
    background: var(--main-bk-color);
    color: #fff;
}

/* Tabs */

.product-tabs h2 {
    display: none;
}

.product-tabs .wc-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.product-tabs .wc-tabs li a {
    font-size: 30px;
    color: #c1c1c1;
    font-family: 'Noto Serif JP';
    font-weight: normal;
    margin-right: 120px;
    outline: 0;
}

.product-tabs .wc-tabs li.active a {
    color: var(--head-text-color);
}

.product-tabs .wc-tabs li:last-child a {
    margin-right: 0;
}

.product-tabs table, .product-tabs th, .product-tabs td {
    border: 0 !important;
    background: none !important;
    padding: 15px 15px !important;
    text-align: center;
}

.product-tabs tr {
    border-bottom: 1px solid var(--border-color);
    background: none !important;
}

.product-tabs th {
    width: 80% !important;
    text-align: left;
    color: var(--head-text-color);
}

.product-tabs td {
    text-align: left;
}

.product-tabs td p {
    padding: 0 !important;
}

.product-tabs td a {
    color: var(--main-text-color);
    font-style: normal;
}

.product-tabs td a:hover, .product-tabs td a:active {
    color: var(--main-color);
}

/* Related and upsell */

.product-related {
    background-color: var(--additional-bk-color);
}

.product-upsell .products ul, .product-related .products ul {
    margin-bottom: -40px;
}

.product-upsell h2, .product-related h2 {
    font-size: 30px;
    text-align: center;
    margin: 0;
    margin-bottom: 40px;
}

/*--------------------------------------------------------------
No product page
--------------------------------------------------------------*/

.no-products-found .wc-block-components-notice-banner.is-info {
    background-color: var(--main-bk-color);
    border-color: var(--main-bk-color);
    color: #fff;
}

.no-products-found .wc-block-components-notice-banner.is-info>svg {
    background-color: var(--main-color);
}

.no-products-text, .no-products-preview-store {
    padding-bottom: 0;
}

/*--------------------------------------------------------------
Logout account
--------------------------------------------------------------*/

.xoo-el-form-container button.btn.button.xoo-el-action-btn {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 0;
    border-radius: 5px;
}

.xoo-el-form-container button.btn.button.xoo-el-action-btn:hover, .xoo-el-form-container button.btn.button.xoo-el-action-btn:active {
    background-color: #e1a44f;
    color: #191919;
}

.xoo-el-form-container {
    padding-bottom: 0;
}

.xoo-el-main a {
    color: var(--main-color);
}


/*--------------------------------------------------------------
My account
--------------------------------------------------------------*/

/* Navigation */

.woocommerce-MyAccount-navigation {
    max-width: 250px;
    width: 100% !important;
    margin-right: 50px;
    margin-bottom: -10px;
}

.woocommerce-MyAccount-navigation li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    width: 100%;
    height: 50px;
    background: var(--additional-bk-color);
    color: var(--head-text-color);
    font-size: var(--main-text-size);
    margin-bottom: 10px;
    border-radius: 5px;
}

.woocommerce-MyAccount-navigation li a:hover, .woocommerce-MyAccount-navigation li a:active, .woocommerce-MyAccount-navigation li.is-active a {
    background: var(--main-color);
}

.woocommerce-account .woocommerce-MyAccount-content {
    max-width: calc(100% - 300px);
    width: 100%;
}

/* Orders */

.woocommerce-account .woocommerce-MyAccount-content {
    overflow: hidden;
}

.woocommerce table.shop_table {
    border: 0;
    border-radius: 0;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: var(--additional-bk-color)
}

.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th, .woocommerce table.shop_table td, .woocommerce table.shop_table th {
    padding: 12px 10px;
    border: 0;
    font-size: 14px;
    border-bottom: 1px solid var(--border-color);
}

.woocommerce table.my_account_orders th, .woocommerce table.shop_table th {
    font-weight: normal !important;
    text-transform: uppercase;
    font-family: 'Noto Serif JP';
}

.woocommerce table.shop_table td, .woocommerce table.shop_table td strong, .woocommerce table.shop_table td span {
    font-weight: normal !important;
}

.woocommerce-checkout-review-order-table .product-name, .woocommerce-table--order-details .woocommerce-table__product-name {
    display: flex;
    align-items: center;
}

.woocommerce-checkout-review-order-table .product-name img, .woocommerce-table--order-details .woocommerce-table__product-name img {
    margin-right: 15px;
}

.woocommerce-order-details, .woocommerce-customer-details {
    padding: 0;
    margin: 0;
}

.woocommerce .woocommerce-customer-details address {
    padding: 0;
    border: 0;
    font-size: var(--main-text-size);
}

.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
    margin-bottom: 0;
}

/* Account */

.woocommerce-form-row span {
    display: none;
}

.woocommerce form .form-row label {
    line-height: 2.5;
    font-size: var(--main-text-size);
}

.woocommerce-EditAccountForm fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.woocommerce-EditAccountForm fieldset legend {
    padding-top: 20px;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: calc(var(--main-text-size) + 4px);
}

.woocommerce-EditAccountForm button.button {
    line-height: 50px;
    padding: 0 30px;
    font-size: var(--main-text-size);
    margin-top: 20px;
}

/*--------------------------------------------------------------
Cart
--------------------------------------------------------------*/

.cart-container .woocommerce {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cart-container ul.products {
    margin-bottom: -40px;
}

.woocommerce-cart-form {
    max-width: calc(100% - 420px);
    width: 100%;
}

.cart-collaterals {
    max-width: 380px;
    width: 100%;
    margin-left: 40px;
    padding: 25px;
    border: 3px solid var(--border-color);
}

.cart-collaterals h2 {
    margin-top: 0;
}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border-top: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals tr {
    border-bottom: 1px solid var(--border-color);
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background: none;
}

.woocommerce-shipping-destination {
    display: none;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 0;
    margin: 0;
    margin-top: 15px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: var(--main-bk-color);
    color: #fff;
    border-radius: 5px;
    font-size: calc(var(--main-text-size) + 2px);
    padding: 18px;
    margin: 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active {
    background: var(--main-color);
    color: var(--head-text-color);
}

/* Table */

.woocommerce-cart-form__contents th, .woocommerce-cart-form__contents td {
    font-size: var(--main-text-color) !important;
}

.woocommerce-cart-form__contents .product-remove {
    width: 5%;
}

.woocommerce-cart-form__contents .product-thumbnail, .woocommerce-cart-form__contents .product-price, .woocommerce-cart-form__contents .product-subtotal {
    width: 10%;
}

.woocommerce-cart-form__contents .product-quantity .qib-container {
    max-width: 150px;
    height: 50px;
    margin: 0;
}

.woocommerce-cart-form__contents .product-name {
    width: 40%;
}

.woocommerce-cart-form__contents .product-name .variation {
    font-size: var(--main-text-size);
}

.woocommerce-cart-form__contents .product-name .variation dt {
    font-weight: normal;
}

.woocommerce-cart-form__contents .product-name a {
    color: var(--head-text-color);
}

.woocommerce-cart-form__contents .product-name a:hover, .woocommerce-cart-form__contents .product-name a:active {
    color: var(--main-color);
}

.woocommerce-cart-form__contents .product-thumbnail img {
    width: 100% !important;
    height: auto;
}

.woocommerce a.remove {
    height: 20px;
    width: 20px;
    color: #313030 !important;
}

.woocommerce a.remove:hover, .woocommerce a.remove:active {
    color: var(--main-color) !important;
    background: none;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 250px;
    line-height: 1.3;
    padding: 11px 16px;
    font-size: 13px;
    border: 1px solid #c1c1c1;
}

/* No-product */

.cart__no-product {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.cart__no-product h3 {
    color: var(--main-color);
}

.cart__no-product .woocommerce-info {
    background: none;
    text-align: center;
    padding: 0;
    border: none;
    font-size: calc(var(--main-text-size) + 8px);
    text-transform: uppercase;
    font-family: 'Noto Serif JP';
    color: var(--head-text-color);
}

.cart__no-product .woocommerce-info::before {
    display: none;
}

/*--------------------------------------------------------------
Checkout
--------------------------------------------------------------*/

.checkout-container, .cart-container {
    padding-top: 10px;
}

.checkout-container .woocommerce-info {
    border: 0;
    padding: 0;
    background: none;
    font-size: calc(var(--main-text-size) + 2px);
    margin-bottom: 25px;
    font-weight: bold;
    color: var(--head-text-color);
}

.checkout-container .woocommerce-info::before, .country_hide {
    display: none;
}

.checkout-container form.checkout_coupon {
    max-width: 600px;
    border: 1px solid var(--border-color);
    border-radius: 0;
    padding: 30px;
    margin: 25px 0;
}

.checkout-container form.checkout_coupon .form-row-first {
    max-width: calc(100% - 200px);
    width: 100%;
    margin: 0;
    float: left;
}

.checkout-container form.checkout_coupon .form-row-last {
    max-width: 190px;
    margin-left: 10px;
    float: left;
    width: 100%;
    margin: 0;
}

.checkout-container form.checkout_coupon .form-row-last .button {
    padding: 16px 10px;
    width: 100%;
    font-size: 14px;
}

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

.checkout__form-container h3 {
    margin-top: 0;
    font-family: 'Noto Serif JP';
	font-weight: normal;
    text-transform: uppercase;
}

.checkout__form-contacts, .checkout__form-review {
    max-width: calc(50% - 15px);
    width: 100%;
}

.checkout__form-contacts .woocommerce-additional-fields h3 {
    display: none;
}

.checkout__form-contacts .required {
    color: var(--main-color);
}

.checkout__form-contacts .form-row textarea {
    height: 110px !important;
}

.checkout__form-contacts .form-row-first, .checkout__form-contacts .form-row-last {
    width: calc(50% - 10px) !important;
}

.checkout__form-review {
    position: relative;
    margin-left: 30px;
    padding: 30px;
    background: var(--additional-bk-color);
}

.checkout__form-review:before, .checkout__form-review:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: transparent;
    background-image: radial-gradient(farthest-side, transparent 6px, var(--additional-bk-color) 0);
    background-size: 15px 15px;
}

.checkout__form-review:before {
    top: -10px;
    background-position: -3px -5px, 0 0;
}

.checkout__form-review:after {
    bottom: -10px;
    background-position: -3px 2px, 0 0;
}

.checkout__form-review .woocommerce-checkout-payment, .checkout__form-review #payment ul.payment_methods, .checkout__form-review div.form-row {
    background: none !important;
    padding: 0 !important;
}

.checkout__form-review table.shop_table tfoot td, .checkout__form-review table.shop_table tfoot th {
    border-top: 0;
}

.checkout__form-review .woocommerce-privacy-policy-text {
    margin-top: 10px;
}

.checkout__form-review .woocommerce-privacy-policy-text p {
    font-size: calc(var(--main-text-size) - 4px);
    margin: 0;
}

.checkout__form-review div.form-row button {
    width: 100%;
    padding: 1em;
}

.checkout__form-review div.form-row button {
    background: var(--main-bk-color) !important;
    color: #fff !important;
    border-radius: 5px;
    font-size: calc(var(--main-text-size) + 2px);
    padding: 18px;
    margin-top: 15px;
}

.checkout__form-review div.form-row button:hover, .checkout__form-review div.form-row button:active {
    background: var(--main-color) !important;
    color: var(--head-text-color) !important;
}

/* Thank you */

.woocommerce-thankyou-order-received {
    color: var(--head-text-color);
    text-transform: uppercase;
    font-family: 'Noto Serif JP';
	font-weight: normal;
    font-size: calc(var(--main-text-size) + 2px);
    margin-bottom: 20px;
}

.woocommerce ul.order_details {
    margin-bottom: 30px;
}

.woocommerce ul.order_details li {
    margin-bottom: 10px;
}

.woocommerce ul.order_details li strong {
    font-weight: normal;
}

.woocommerce-order-details table.shop_table tfoot th, .woocommerce-order-details table.shop_table tfoot td {
    border-top: 0;
}

/*--------------------------------------------------------------
Whosale
--------------------------------------------------------------*/

/* Registration */

.whosalereg-navigation {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.whosalereg-navigation>section {
    display: none;
	padding: 0;
	width: 100%;
	-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;
	margin-top: 35px;
}
 
.whosalereg-navigation>input {
	display: none;
}

.whosalereg-navigation>label {
	width: 50%;
	padding: 12px;
	border: 0;
	font-weight: bold;
	font-size: calc(var(--main-text-size) + 2px);
    line-height: 1.5;
	text-align: center;
    background: var(--additional-bk-color);
	color: var(--head-text-color);
}

.whosalereg-navigation>label:nth-last-child(1) {
    margin-right: 0;
}
 
.whosalereg-navigation>label:hover {
    color: var(--main-color);
	cursor: pointer;
}

.whosalereg-navigation>input:checked+label {
	background: var(--main-bk-color);
    color: #fff;
    font-weight: bold;
}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5 {
	display: block;
}

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

/* Table */

.whoosaletab .column-2, .whoosaletab .column-3 {
    width: 180px;
}


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

/* Headiners */

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

.landing-head h2 {
    font-size: 36px;
    margin: 0  
}

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

/* Catalog info */

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

.catalog__block {
    display: block;
    line-height: 0;
    max-width: calc(33.33% - 20px);
    width: 100%;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

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

.catalog__shadow {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    padding: 35px;
}

.catalog__shadow h3 {
    margin: 25px 0;
    font-size: 26px;
    font-family: 'Noto Serif JP';
    font-weight: normal;
    color: #fff
}

.catalog__shadow p.catalog__price {
    font-size: 20px;
    color: #fff;
    margin: 0;
}

.catalog__shadow .button-arrow__main {
    margin-top: auto;
}

.catalog__shadow .button-arrow__main:hover, .catalog__shadow .button-arrow__main:active {
    color: #fff;
}

.catalog__block img {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.catalog__block:hover img {
    transform: scale(1.2);
}

/* Preview Store */

.preview-store__container ul.products {
    margin-bottom: -40px;
}

.preview-store__container ul.products li.product {
    max-width: 20%;
    width: 100% !important;
    margin: 0;
    margin-bottom: 40px;
    padding-right: 30px;
}

.preview-store__container ul.products li.product:nth-child(6) {
    display: none;
}

.preview-store .landing-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.preview-store__button {
    display: none;
    justify-content: center;
    margin-top: 40px;
}

/* Banners */

.banners {
    padding-top: 0;
}

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

.banners__block {
    max-width: calc(50% - 15px);
    width: 100%;
    height: 400px;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.banners__block img {
    -webkit-transition: all 6s ease;
    transition: all 6s ease;
}

.banners__block:hover img {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.banners__block:nth-child(2) {
    margin-right: 0;
}

.banners__grey {
    background: #ECECEA;
}

.banners__black, .banners__green .button-main:before {
    background: #000;
}

.banners__green {
    background: var(--main-bk-color);
}

.banners__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    overflow: hidden;
    max-width: 350px;
    height: 100%;
    top: 0;
    left: 0;
    padding: 45px 35px;
}

.banners__one, .banners__two {
    position: absolute;
    right: 0;
    bottom: 0;
}

.banners__text h3 {
    margin: 0;
    margin-bottom: 25px;
    font-family: 'Noto Serif JP';
    font-weight: normal;
}

.banners__black h3, .banners__green h3 {
    color: #fff;
}

.banners__black p, .banners__green p {
    color: var(--light-text-color);
}

.banners__text .button-main, .banners__text .button-black {
    margin-top: auto;
}

/* Adventages */

.adventages {
    background: url(/wp-content/uploads/2024/02/Preimushhestva.jpg) 50% 50% / cover no-repeat;
}

.adventages__shadow {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
}

.adventages .landing-head h2 {
    text-align: center;
    color: #fff;
}

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

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

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

.adventages__block img {
    width: 100px;
    margin-bottom: 25px;
}

.adventages-white .adventages__block img {
    filter: brightness(0);
}

.adventages__block h3 {
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin: 0;
    margin-bottom: 30px;
}

.adventages-white .adventages__block h3 {
    color: var(--head-text-color);
}

.adventages__block p {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}

.adventages-white .adventages__block p {
    color: var(--main-text-color)
}

/* Telegram bot */

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

.telega__text {
    max-width: 420px;
    width: 100%;
    margin-right: 40px;
}

.telega__img {
    max-width: 800px;
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.telega__image-one {
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 1;
    animation: goleba-bottom 10s infinite;
    -webkit-animation: goleba-bottom 10s infinite;
}

.telega__image-two {
    position: absolute;
    max-width: 410px;
    height: auto;
    left: 20%;
    top: 0;
    z-index: 2;
}

.telega__image-three {
    position: absolute;
    max-width: 390px;
    height: auto;
    right: 0;
    bottom: 0; 
    z-index: 3;
    animation: goleba-top 10s infinite;
    -webkit-animation: goleba-top 10s infinite;
}

@keyframes goleba-bottom {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes goleba-top {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

/* Work */

.work {
    background: var(--additional-bk-color);
}

.work .landing-head p {
    max-width: 720px;
}

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

.work__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: calc(25% - 22.5px);
    width: 100%;
    margin-right: 30px;
    margin-bottom: 40px;
}

.work__img {
    position: relative;
    max-width: 170px;
    width: 100%;
    height: 110px;
    margin-bottom: 18px;
    z-index: 0;
}

.work__img-text {
    position: absolute;
    top: 0;
    right: 0;
    font-family: 'Noto Sans', sans-serif;
	font-size: 120px;
    color: var(--additional-bk-color);
    font-weight: bold;
    line-height: 0.8;
    -webkit-text-stroke: 1px var(--main-color);
    z-index: -2;
}

.work__img-icon {
    max-width: 72px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.work__block h3 {
    font-size: 22px;
    margin: 0;
    margin-bottom: 18px;
}

.work__block p {
    margin-bottom: 0 !important;
}

/* News */

.preview-news .landing-head {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.preview-news .landing-head p {
    max-width: 600px;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

.preview-news__container .pt-cv-page {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.preview-news__container .pt-cv-ifield {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.preview-news__container .pt-cv-pinmas a {
    overflow: hidden;
}

.preview-news__container  .pt-cv-content-item {
    display: flex;
}

.preview-news__container .pt-cv-thumb-default img {
    margin: 0 !important;
}

.preview-news__container .pt-cv-thumb-default {
    display: block;
    overflow: hidden;
    margin-bottom: 0;
}

.preview-news__container .pt-cv-thumb-default img {
    position: relative;
    width: 100%;
    left: 0;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: block;
}

.preview-news__container .pt-cv-thumb-default:hover .pt-cv-thumbnail {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.preview-news__container .pt-cv-meta-fields {
    font-size: var(--main-text-size);
    color: #666;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.preview-news__container .pt-cv-meta-fields a, .preview-news__container .pt-cv-meta-fields time {
    color: #666;
}

.preview-news__container .pt-cv-meta-fields a:hover, .preview-news__container .pt-cv-meta-fields a:active {
    color: var(--main-color)
}

.preview-news__container .pt-cv-title {
    font-family: 'Noto Sans', sans-serif;
    margin: 0;
    font-size: calc(var(--main-text-size) + 2px);
    line-height: 1.5;
}

.preview-news__container .pt-cv-title a {
    color: var(--head-text-color);
}

.preview-news__container .pt-cv-title a:hover {
    color: var(--main-color);
}

.preview-news__button {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

/* Banner registration */

.banner-registr {
    background: #000 url(/wp-content/uploads/2024/02/Registratsiya.png) 100% 100% / auto 350px no-repeat;
}

.banner-registr_container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}

.banner-registr_container h3 {
    font-size: 26px;
    text-align: center;
    font-weight: normal;
    font-family: 'Noto Serif JP';
    color: #fff;
    margin: 0;
    margin-bottom: 50px;
}

.banner-registr__button {
    display: flex;
    justify-content: center;
}

/* FAQ */

.faq h2 {
	text-align: center;
}

.faq__container {
    display: flex;
	text-align: center;
    justify-content: space-between;
    margin-bottom: -30px;
}

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

.faq__spoiler {
    margin-bottom: 30px;
}

.faq__spoiler h6 {
    font-family: 'Noto Sans', sans-serif;
    color: #191919;
    margin: 0;
    font-size: 22px;
    font-weight: normal;
    width: calc(100% - 60px);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.faq__spoiler h6:hover, .faq__spoiler h6:focus, .faq__spoiler label:hover, .faq__spoiler label:focus {
    cursor: pointer !important; 
    color: var(--main-color);;
}

.faq__spoiler > input + label:before {
    content: "+";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 26px;
    line-height: 50px;
    font-family: monospace;
    font-weight: bold;
    background: var(--main-bk-color);
    color: #fff;
}

.faq__spoiler > input:checked + label:before {
    content: "-";
}

.faq__spoiler > input {
    display: none;
}

.faq__spoiler > input + label , .faq__spoiler > .faq__spoiler-body {
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}

.faq__spoiler > input + label + .faq__spoiler-body {
    display: none;
}

.faq__spoiler > input:checked + label + .faq__spoiler-body {
    display: block;
    padding-top: 15px;
    text-align: left;
}

.faq__spoiler > .faq__spoiler-body {
    border-top: none;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeintop;
    animation-name: fadeintop;
}

@-webkit-keyframes fadeintop {
	from {
		opacity: 0;
		margin-top: 20px;
	}
	to {
		opacity: 1.0;
		margin-top: 0px;
	}
}

@keyframes fadeintop {	
	from {
		opacity: 0;
		margin-top: 20px;
	}
	to {
		opacity: 1.0;
		margin-top: 0px;
	}
}

/* Contacts */

.contacts {
    padding-top: 10px;
}

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

/* Contact form */

.form {
    padding-bottom: 0;
}

.form h2 {
    text-align: center;
}

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

/* Sotrudnics */

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

.sotrudnics__container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-bottom: -40px;
}

.sotrudnics__block {
    max-width: 33.33%;
    width: 100%;
    padding-right: 30px;
    margin-bottom: 40px;
}

.sotrudnics__block img {
    width: 100%;
    margin-bottom: 15px;
}

.sotrudnics__block h3 {
    font-size: calc(var(--main-text-size) + 2px);
    font-family: 'Noto Serif JP';
    font-weight: normal;
    margin: 0;
    margin-bottom: 10px;
}

.sotrudnics__block p {
    font-size: var(--main-text-size);
    margin-bottom: 0;
    color: #666;
}

/* Job */

.job__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: -40px;
}

.job__block {
    width: 100%;
    border: 1px solid var(--border-color);
    padding: 40px;
    margin-bottom: 40px;
}

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

.job__block-price {
    display: inline-block;
    font-size: calc(var(--main-text-size) * 2);
    color: var(--head-text-color);
    font-weight: bold;
    margin-bottom: 20px;
}

.job__block label {
    font-size: calc(var(--main-text-size));
    color: var(--main-color);
    margin-top: 20px;
}

.job__block label:hover, .job__block label:focus {
    cursor: pointer !important; 
    color: var(--head-text-color);;
}

.job__block > input {
    display: none;
}

.job__block > input + label , .job__block > .job__block-body {
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}

.job__block > input + label + .job__block-body, .job__block > input:checked + label {
    display: none;
}

.job__block > input:checked + label + .job__block-body {
    display: block;
}

.job__block > .job__block-body {
    border-top: none;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeintop;
    animation-name: fadeintop;
}

/* About company */

.about__container, .about-gallery__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about__container img, .about__text {
    max-width: calc(50% - 30px);
    width: 100%;
}

.about-gallery__container img {
    max-width: calc(50% - 15px);
    width: 100%;
}

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

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

	/*------ Layout Structure ------*/
	
    .container-big {
        max-width: 1300px;
    }

    .container-small {
        max-width: 930px;
    }

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

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

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

    section {
        padding: 80px 0 90px;
    }
	
	/*------ 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"] {
		padding: 0.9em 2.0em;
		font-size: 15px;
	}

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

    .header-container {
        padding: 0 30px;
    }

    .header-navigation-account {
        right: 100px;
        font-size: 15px;
    }

    #hmenu_load_1 .hmenu_search_btn:before {
        font-size: 18px !important;
    }

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

    .slider-block {
        min-height: 700px;
        max-height: 900px; 
    }

    .slider-block__background-image {
        max-height: 550px;
    }

    .slider-block__container {
        max-width: 600px;
        margin-top: 0;
    }

    .slider-block__container h1 {
        font-size: 40px;
        margin-bottom: 35px;
    }

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

    /*------ Filters ------*/

    .woof_container_inner h4 {
        font-size: 18px;
    }

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

    /** Headiners **/

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

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

    /** Catalog info **/

    .catalog__shadow {
        padding: 30px;
    }

    .catalog__shadow h3 {
        margin: 20px 0;
        font-size: 24px;
    }

    /** Banners **/

    .banners__block {
        height: 350px;
    }

    .banners__text h3 {
        font-size: 22px;
    }

    .banners__one {
        max-width: 370px;
    }

    .banners__two {
        max-width: 220px;
    }

    /** Adventages **/

    .adventages__block h3 {
        font-size: 20px;
        margin-bottom: 25px;
    }

    /** Telegram bot **/

    .telega__img {
        max-width: 700px;
        height: 500px;
    }

    .telega__image-one {
        max-width: 200px;
        bottom: 40px;
    }

    .telega__image-two {
        max-width: 360px;
    }

    .telega__image-three {
        max-width: 280px;
    }

    /** Work **/

    .work__block h3 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    /** FAQ **/

    .faq__spoiler h6 {
        font-size: 20px;
    }

}

@media only screen and (max-width: 1300px) {
	
	/*------ Layout Structure ------*/
	
	.container, .container-big, .container-small {
		width: 980px;
	}

    .sidebar {
        max-width: 240px;
    }

    .content-area {
        max-width: calc(100% - 280px);
    }
	
	/*------ Typography ------*/
	
	h1 {
		font-size: 30px;
		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;
    }

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

    .hmenu_social_holder {
        display: none !important;
    }

    #hmenu_load_1 .hmenu_navigation_holder > ul li a .hmenu_nav_uni_1 span {
        padding-left: 15px !important;
    }

    #hmenu_load_1 .hmenu_navigation_holder > ul li a .hmenu_nav_uni_1 span {
        padding-right: 15px !important;
    }

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

    .slider-block {
        min-height: auto;
        max-height: 100%;
        height: 100%;
    }

    .slider-block__background-image {
        max-height: 500px;
    }

    .slider-block__container {
        margin-bottom: 20px;
    }

	/*------ Footer ------*/
	
	/** Footer Main **/
	
	.footer-main__two {
		display: none;
	}
	
	/*------ Posts Element ------*/
	
	/*** Table Block ***/
	
	.type-table-block table {
		font-size: 12px;
	}
	
	/*------ Entry Meta ------*/
	
	.entry-meta {
		margin-top: 22px;
		font-size: 14px;
	}

    /*------ Filters ------*/

    .woof_container_inner h4 {
        font-size: 16px;
    }

    /*------ Catalog Woocommerce ------*/

    .woocommerce-page ul.products li.product {
        max-width: 33.33%;
    }

    /*------ Product page ------*/

    /** Gallery **/

    .product-main_gallery {
        max-width: 50%;
    }

    .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-wrapper {
        width: 90px;
    }

    .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper {
        width: calc(100% - 90px);
    }

    /** Summary **/

    .woocommerce div.product div.summary {
        max-width: calc(50% - 30px);
    }

    /** Related and upsell **/

    .product-tabs .wc-tabs li a {
        font-size: 28px;
        margin-right: 80px;
    }

    .product-upsell h2, .product-related h2 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .product-related ul.products li.product:nth-child(4), .product-upsell ul.products li.product:nth-child(4) {
        display: none;
    }

    /*------ Cart ------*/

    .cart-container .woocommerce {
        flex-wrap: wrap;
    }

    .woocommerce-cart-form, .cart-collaterals {
        max-width: 100%;
        margin: 0;
    }

    .cart-collaterals {
        margin-top: 40px;
    }

    .cart-container ul.products li.product:nth-child(4) {
        display: none;
    }

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

    /** Headiners **/

    .landing-head h2 {
        font-size: 28px;
    }

    /** Catalog info **/

    .catalog__shadow h3 {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .catalog__shadow p.catalog__price {
        font-size: 16px;
    }

    /** Preview Store **/

    .preview-store__container ul.products li.product {
        max-width: 25%;
    }

    .preview-store__container ul.products li.product:nth-child(5) {
        display: none;
    }

    /** Telegram bot **/

    .telega__img {
        height: 400px;
    }

    .telega__image-one {
        max-width: 150px;
        bottom: 40px;
    }

    .telega__image-two {
        max-width: 260px;
    }

    .telega__image-three {
        max-width: 220px;
    }

    /** Work **/

    .work__img {
        max-width: 120px;
        height: 100px;
    }

    .work__img-text {
        font-size: 80px;
    }

    .work__img-icon {
        max-width: 65px;
    }

    /** News **/

    .preview-news__button {
        margin-top: 20px;
    }

    /** Banner registration **/

    .banner-registr {
        background: #000 url(/wp-content/uploads/2024/02/Registratsiya.png) 100% 100% / auto 280px no-repeat;
    }

    /** FAQ **/

    .faq__spoiler h6 {
        font-size: 18px;
    }
	
}

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

    /*------ Header and Navigation ------*/
	
    .hmenu_show_for_mobile, .menu_responsive_label, .header-navigation-account, .header-top-soc {
        display: none !important;
    }

    .hmenu_right .hmenu_product_holder {
        position: absolute;
        right: 80px !important;
        top: 40px !important;
    }

    .header-top-account {
        display: inline-block;
    }

}

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

    /*------ Catalog Woocommerce ------*/

    /** Popup product **/

    .woosq-product > .product > div {
        max-width: 100% !important;
    }

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

}

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

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

	.container, .container-big, .container-small {
		max-width: 720px;
	}
	
	.content-area {
		max-width: 100%;
	}

    .sidebar {
		display: none;
	}

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

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

	/*------ Footer ------*/
	
	/** Footer main **/
	
    .footer-main-container {
        flex-wrap: wrap;
        margin-bottom: -40px;
    }

	.footer-main__one, .footer-main__two, .footer-main__three, .footer-main__four {
        display: block;
        max-width: calc(50% - 20px);
        margin-right: 40px;
        margin-bottom: 40px;
    }

    .footer-main__two, .footer-main__four {
        margin-right: 0;
    }

	/** Footer Bottom **/ 
	
    .footer-bottom {
        padding: 50px 0;
    }

    .footer-bottom-container {
        flex-wrap: wrap;
    }

    .footer-bottom__soc {
        order: 2;
        max-width: 160px;
    }

    .footer-bottom__logo {
        order: 1;
        max-width: 100%;
        display: flex;
        justify-content: center;
        margin-right: 0;
        margin-bottom: 30px;
    }
	
    .footer-bottom__right {
        order: 3;
        max-width: 330px;
    }

    /*------ 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;
    }
	
	/*------ Posts and Pages ------*/
	
	/** Search Page**/
	
	.search-no-results  .widget-area .widget_search {
		display: none;
	}
	
	/** 404 Page**/
	
	.error404 .sidebar {
		display: none;
	}

    /*------ Filters ------*/
    
    .woof_btn_default {
        display: inline-block !important;
        background: var(--main-bk-color) !important;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        line-height: 53px;
        padding: 0 22px;
        border-radius: 5px;
    }

    .woof_show_auto_form_txt:before {
        content: 'Показать фильтры';
    }

    .woof_hide_auto_form:before {
        content: 'Закрыть фильтры';
    }

    .woof_btn_default:hover, .woof_btn_default:active, .woof_btn_default:focus {
        background: var(--main-color) !important;
        color: var(--head-text-color);
    }

    .woocommerce .woocommerce-result-count {
        display: none;
    }

    .woocommerce .woocommerce-ordering {
        margin-top: -55px;
    }

    /*------ Product page ------*/

    /** Gallery **/

    .product-main_gallery {
        max-width: 100%;
    }

    /** Summary **/

    .woocommerce div.product div.summary {
        max-width: 100%;
        width: 100%;
        margin-top: 40px;
    }

    /*------ My account ------*/

    /* Navigation */

    .woocommerce-MyAccount-navigation {
        max-width: 200px;
        margin-right: 30px;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        max-width: calc(100% - 230px);
        width: 100%;
        position: relative;
        overflow-x: overlay;
    }

    /* Orders */

    .woocommerce-orders-table {
        width: 700px;
    }

    /*------ Cart ------*/

    .woocommerce-cart-form__contents .product-subtotal {
        width: 15%;
    }

    /*------ Checkout ------*/

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

    .checkout__form-contacts, .checkout__form-review {
        max-width: 100%;
    }

    .checkout__form-review {
        margin-left: 0;
        margin-top: 40px;
    }

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

    /** Catalog info **/

    .catalog__block {
        max-width: calc(50% - 15px);
        margin-right: 0;
    }

    .catalog__shadow h3 {
        font-size: 20px;
        margin-bottom: 18px;
    }

    /** Preview Store **/

    .preview-store__container ul.products li.product {
        max-width: 33.33%;
    }

    .preview-store__container ul.products li.product:nth-child(5), .preview-store__container ul.products li.product:nth-child(6) {
        display: block;
    }

    /** Banners **/

    .banners__container {
        flex-wrap: wrap;
        margin-bottom: -30px;  
    }

    .banners__block {
        max-width: 100%;
        height: 300px;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .banners__two {
        max-width: 200px;
    }

    /** Adventages **/

    .adventages__block {
        max-width: calc(50% - 15px);
        margin-right: 0;
    }

    .adventages__block:nth-child(3) {
        display: none;
    }

    /** Telegram bot **/

    .telega__img {
        display: none;
    }

    /** Work **/

    .work__container {
        flex-wrap: wrap;
    }

    .work__block {
        max-width: calc(50% - 15px);
        margin-right: 0;
    }

    /** News **/

    .preview-news__container .pt-cv-content-item:nth-child(3) {
        display: none;
    }

    /** Banner registration **/

    .banner-registr {
        background: #000 url(/wp-content/uploads/2024/02/Registratsiya.png) 100% 100% / auto 240px no-repeat;
    }

    /** Contacts **/

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

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

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

    /** Sotrudnics **/

    .sotrudnics__block {
        max-width: 50%;
    }

    /** About company **/

    .about__container, .about-gallery__container {
        flex-wrap: wrap;
        margin-bottom: -40px;
    }

    .about__container img, .about__text, .about-gallery__container img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 40px;
    }

}

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

	/*------ Layout Structure ------*/
	
	.container, .container-big, .header-container, .container-small {
		max-width: 100%;
		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;
    }

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

    .header-top-navigation ul li a {
        font-size: 13px;
        margin-right: 15px;
    }

    .header-top-tel, .header-top-account {
        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;
    }

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

    .slider-block__container {
        max-width: 450px;
    }

    .slider-block__container h1 {
        font-size: 32px;
        margin-bottom: 35px;
    }

    .slider-block__background-image {
        max-height: 320px;
    }
	
	/*------ Footer ------*/

    /** Footer buttons **/ 

    .phone-button, .whatsapp-button {
        width: 50px;
        height: 50px;
    }

    .whatsapp-button {
        right: 10px;
        bottom: 10px;
    }

    .phone-button {
        right: 10px;
        bottom: 100px;
    }

    /** Footer main **/ 

    .footer-main__one, .footer-main__two, .footer-main__three, .footer-main__four {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }

    .footer-main__tel a {
        font-size: 22px;
    }

    /** Footer bottom **/ 

    .footer-bottom__soc {
        display: flex;
        justify-content: center;
        max-width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .footer-bottom__right {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 500px;
    }

    .footer-bottom__right p {
        text-align: center;
    }

	/*------ 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 ------*/
	
	/** Table Block **/
	
	.type-table-block table {
		font-size: 11px;
	}
	
	/*------ Entry Meta ------*/
	
	.entry-meta {
		margin-top: 20px;
		font-size: 13px;
	}

    /*------ Filters ------*/

    .woof_btn_default {
        font-size: 13px;
        line-height: 46px;
        padding: 0 18px;
    }

    .woocommerce .woocommerce-ordering {
        margin-top: -49px;
    }

    /*------ Product page ------*/

    .product-main {
        padding-top: 60px;
    }

    .product-tabs .wc-tabs {
        margin-bottom: 35px;
    }

    .product-tabs .wc-tabs li a {
        font-size: 26px;
        margin-right: 40px;
    }

    .product-upsell h2, .product-related h2 {
        font-size: 25px;
        margin-bottom: 35px;
    }

    /** Summary **/

    .woocommerce div.product .product_title {
        font-size: 28px;
    }

    .woocommerce div.product div.summary {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0;
    }

    /** Gallery **/

    .product-main_gallery {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 40px;
    }

    .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper {
        width: 100%;
    }

    .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-wrapper {
        width: 100%;
    }
 
    /** Tabs **/

    .product-tabs th {
        width: 60% !important;
    }

    /*------ My account ------*/

    /* Navigation */

    .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content {
        max-width: 100%;
        margin: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 40px;
    }

    .woocommerce-MyAccount-navigation li a {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
        width: 100%;
        height: 50px;
        background: var(--main-bk-color);
        color: #fff;
    }

    /* Orders */

    .woocommerce-orders-table {
        width: 100%;
    }

    .woocommerce table.woocommerce-MyAccount-orders tr td {
        text-align: left !important;
        border-bottom: 0;
        padding-top: 0;
    }

    .woocommerce table.woocommerce-MyAccount-orders tr {
        border-bottom: 1px solid var(--border-color);
        margin-bottom: 20px;
    }

    /* Account */
    
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
        width: 100%;
    }

    /*------ Cart ------*/

    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: block;
    }

    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        display: none;
    }

    .woocommerce-cart-form table.shop_table_responsive tr td, .calculated_shipping table.shop_table_responsive tr td {
        text-align: left !important;
    }

    .woocommerce table.woocommerce-cart-form__contents td, .woocommerce table.woocommerce-cart-form__contents th {
        padding: 0;
        border: 0 !important;
    }

    .woocommerce-cart-form__contents tr {
        border-bottom: 1px solid var(--border-color); 
    }

    tr.woocommerce-cart-form__cart-item {
        padding-left: 115px;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .woocommerce-cart-form__cart-item {
        position: relative;
    }

    .woocommerce-cart-form__contents .product-thumbnail {
        max-width: 100px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .woocommerce-cart-form__contents .product-name, .woocommerce-cart-form__contents .product-price, .woocommerce-cart-form__contents .product-quantity, .woocommerce-cart-form__contents .product-subtotal {
        width: 100%;
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
    }

    .woocommerce-cart-form__contents .product-name a {
        text-align: left;
        font-size: 18px;
        margin-bottom: 10px;
        padding-right: 30px !important;
    }

    .woocommerce-cart-form__contents .product-name .variation {
        margin-top: 0;
        margin-bottom: 15px !important;
    }

    .woocommerce-cart-form__contents .product-price .amount {
        font-size: 16px;
        color: var(--main-text-color);
    }

    .woocommerce-cart-form__contents .product-subtotal .amount {
        font-size: 20px;
    }

    .woocommerce-cart-form__contents .product-price .amount, .woocommerce-cart-form__contents .product-quantity {
        margin-bottom: 10px;
    }

    .woocommerce-cart-form__contents .product-remove {
        position: absolute;
        right: 0;
        top: 0
    }

    .calculated_shipping table.shop_table_responsive tbody th, .calculated_shipping table.shop_table_responsive tbody th {
        width: 100% !important;
        display: block;
        border: 0;
    }

    .woocommerce-cart .cart-collaterals .cart_totals tr {
        border-bottom: 0;
    }

    /*------ Checkout ------*/

    .checkout-container form.checkout_coupon .form-row-last .button {
        padding: 14px 10px;
        width: 100%;
        font-size: 13px;
    }

    /*------ Whosale ------*/

    .whoosaletab .column-2 {
        width: 100px;
    }

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

    /** Headiners **/

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

    /** Catalog info **/

    .catalog__shadow h3 {
        font-size: 20px;
    }

    .catalog__shadow p.catalog__price {
        display: none;
    }

    /** News **/

    .preview-news__container .pt-cv-page {
        flex-wrap: wrap;
        margin-bottom: -30px;
    }

    .preview-news__container .pt-cv-content-item {
        margin-bottom: 30px;
    }

}

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

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

    .header-top-navigation {
        display: none;
    }

    .header-top-account {
        margin-left: 0;
    }

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

    .slider-breacrumbs {
        margin-top: 40px;
    }
	
    /*------ Posts Style ------*/

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

    /*------ Catalog Woocommerce ------*/

    .woocommerce-page ul.products li.product {
        max-width: 50%;
    }

    /*------ Product page ------*/

    /** Tabs **/

    .product-tabs .wc-tabs li a {
        font-size: 24px;
        margin-right: 20px;
    }

    /** Related and upsell **/

    .product-related ul.products li.product:nth-child(4), .product-upsell ul.products li.product:nth-child(4), .cart-container ul.products li.product:nth-child(4) {
        display: block;
    }


    .xoo-el-wrap .xoo-el-form-container button.button.btn.xoo-el-action-btn {
        margin-bottom: 40px;
    }

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

    /** Catalog info **/

    .catalog__block {
        display: block !important;
        max-width: 100%;
        margin-right: 0;
    }

    .catalog__shadow h3 {
        font-size: 22px;

    }

    .catalog__shadow p.catalog__price {
        display: inline-block;
    }

    /** Preview Store **/

    .preview-store .landing-head {
        justify-content: center;
    }

    .preview-store .landing-head .button-arrow {
        display: none;
    }

    .preview-store__container ul.products li.product {
        max-width: 50%;
    }

    .preview-store__button {
        display: flex;
    }

    /** Adventages **/

    .adventages__container {
        flex-wrap: wrap;
    }

    .adventages__block img {
        width: 80px;
        margin-bottom: 20px;
    }

    .adventages__block h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .adventages__block {
        display: flex !important;
        max-width: 100%;
        margin-right: 0;
    }

    /** Banner registration **/

    .banner-registr_container h3 {
        font-size: 22px;
        margin-bottom: 40px;
    }

    /** FAQ **/

    .faq__container {
        flex-wrap: wrap;
    }

    .faq__block {
        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 and Navigation ------*/

   .hmenu_logo img {
        max-width: 268px !important;
        max-height: 50% !important;
   }

   .hmenu_right .hmenu_product_holder {
        right: 70px !important;
    }

    .header-top-container {
        flex-wrap: wrap;
        position: relative;
    }

    .header-top-tel {
        width: 100%;
        text-align: right;
    }

    .header-top-account {
        position: absolute;
        top: 18px;
        left: 0;
    }

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

    .slider-block__container h1 {
        font-size: 30px;
    }

    .slider-block__background-image {
        max-height: 300px;
        right: -50px;
    }

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

	.footer-bottom__right p {
        font-size: 13px;
    }

    .socw-block {
        bottom: 100px;
    }

    .socw-block a:hover {
        opacity: 1;
    }

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

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

    /*------ Catalog Woocommerce ------*/

    .woocommerce ul.products {
        margin-right: -15px;
    }

    .woocommerce-page ul.products li.product {
        padding-right: 15px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 15px;
    }

    /*------ Checkout ------*/

    .checkout-container form.checkout_coupon .form-row-first, .checkout-container form.checkout_coupon .form-row-last, .checkout__form-contacts .form-row-first, .checkout__form-contacts .form-row-last {
        max-width: 100%;
        width: 100% !important;
    }

    /*------ Whosale ------*/

    .whoosaletab {
        position: relative;
        overflow-x: overlay;
    }

    .whoosaletab table {
        width: 450px;
    }

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

    .preview-store__container ul.products li.product {
        padding-right: 15px;
    }

    /** Banners **/

    .banners__one {
        max-width: 260px;
    }

    .banners__two {
        max-width: 200px;
    }

    /** Work **/

    .work__block h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    /** News **/

    .preview-news__container .pt-cv-title {
        font-size: 18px;
    }

    /** Banner registration **/

    .banner-registr {
        background: #000 url(/wp-content/uploads/2024/02/Registratsiya.png) 100% 100% / auto 180px no-repeat;
    }

    .banner-registr_container h3 {
        font-size: 20px;
        margin-bottom: 35px;
    }

    /** Contact form **/

    .form__contacts {
        flex-wrap: wrap;
    }

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

    /** Sotrudnics **/

    .sotrudnics__block {
        max-width: 100%;
    }

}

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

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

    .hmenu_right .hmenu_product_holder {
        display: none;
    }

    /*------ Catalog Woocommerce ------*/

    .woof_btn_default {
        font-size: 13px;
        line-height: 46px;
        padding: 0;
        color: var(--head-text-color);
        background: none !important;
    }

    .orderby {
        padding: 0.95em 0.6em;
    }

    /*------ Popup product ------*/

    .woosq-product > .product .summary form.cart {
        flex-wrap: wrap;
    }

    .woosq-product > .product .summary div.qib-container {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .woosq-product > .product .summary form.cart .button {
        max-width: 100% !important;
    }
    
    /*------ Product page ------*/

    div.qib-container {
        max-width: 140px;
        margin-right: 15px;
    }

    .woocommerce div.product form.cart .button {
        max-width: calc(100% - 155px);
    }

    /** Tabs **/

    .product-tabs .wc-tabs {
        flex-wrap: wrap;
    }

    .product-tabs .wc-tabs li a {
        
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .product-tabs .wc-tabs li:last-child a {
        margin-bottom: 0;
    }

    /*------ Logout account ------*/

    .xoo-el-form-container ul.xoo-el-tabs li {
        padding: 10px 6px;
        font-size: 12px;
    }
    
    .xoo-aff-group.xoo-el-login-btm-fields {
        flex-wrap: wrap;
    }
    
    a.xoo-el-lostpw-tgr {
        margin: 0
    }
    
    .xoo-aff-group input[type="text"], .xoo-aff-group input[type="password"], .xoo-aff-group input[type="email"], .xoo-aff-group input[type="number"], .xoo-aff-group select, .xoo-aff-group select + .select2 {
        font-size: 13px;
    }

    /*------ Cart ------*/

    .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
        width: 100%;
        margin-bottom: 10px;
    }

}

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

	/*------ Layout Structure ------*/
	
	.container, .container-big, .header-container {
		max-width: 320px;
		padding: 0 10px;
        margin: 0 auto;
	}

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

    .hmenu_logo img {
        max-width: 250px !important;
        max-height: 46% !important;
    }

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

    .slider-block__container h1 {
        font-size: 26px;
    }

    /*------ Catalog Woocommerce ------*/

    .woocommerce-page ul.products li.product {
        max-width: 100%;
    }

    /*------ Checkout ------*/

    .checkout__form-review {
        padding: 15px;
    }

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

    /** Catalog info **/

    .catalog__shadow p.catalog__price {
        display: none;
    }

    /** Banner registration **/

    .banner-registr {
        background: #000;
    }

    /** Work **/

    .work__block {
        max-width: 100%;
        margin-right: 0;
    }

    /** FAQ **/

    .faq__spoiler h6 {
        font-size: 18px;
    }

}