/*!
Theme Name: affiliate-wave
Theme URI: https://pprintdim.com
Author: pprintdim
Author URI: https://pprintdim.com
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: affiliate-wave
*/

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

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

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

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

/* Document
	 ========================================================================== */
html {
	-webkit-text-size-adjust: 100%;
	margin: 0;
	scroll-behavior: smooth;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	background-color: #000002;
}

*,body {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
}

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

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

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

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

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

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

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

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

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

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

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

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

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

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

:placeholer {
	font-size: 16px;
	align-content: center;
	color: #ACABAB;
	font-weight: 600;
}


:focus:placeholer {font-size: 0;}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	font-size: 16px;
	margin: 0;
	background-color: transparent;
	border: unset;
	outline: unset;
	color: #000000;
}

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

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

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

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: unset;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

*::before,
*::after {
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	
}

html {
	box-sizing: border-box;
}

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

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	font-family: inherit;
}

*::placeholder {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

*:focus ::placeholder {font-size: 0;}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Montserrat';
	font-weight: 600;
	font-style: normal;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 42px;
}

h3 {
	font-size: 32px;
}

h4 {
	font-size: 20px;
}

h5 {

}

h6 {
	font-size: 16px;
}

p {
	line-height: 1.3;
	color: #1B2A49;
	margin-bottom: 1em;
}

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

i {
	display: block;
}

pre {

	font-family: inherit;
	max-width: 100%;
	overflow: auto;
}

code,
kbd,
tt,
var {
	font-family: inherit;
}

abbr,
acronym {
	cursor: help;
}

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}

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

hr {
	border: 0;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

#wpadminbar .quicklinks ul,
ul.wp-admin-bar-root-default {
	flex-direction: unset;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}


dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

svg {
	display: block;
}

figure {
	margin: 1em 0;
	display: block;
}

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

/* Links
--------------------------------------------- */
a {
	display: inline-block;
	text-decoration: unset;
}

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

/* WebKit */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    background-color: #D3D3D3;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #03049C;
}

/* Firefox */
::-moz-scrollbar {
    width: 6px;
    height: 6px;
    cursor: pointer;
}

::-moz-scrollbar-track {
    background-color: #D3D3D3;
    border-radius: 6px;
}

::-moz-scrollbar-thumb {
    border-radius: 6px;
    background-color: #03049C;
}


main {
	margin-top: 220px;
	margin-bottom: 120px;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	position: relative;
	z-index: 1;
}

section,
header,
footer {
	display: block;
}

.container {
	padding: 0 70px;
	box-sizing: border-box;
}

.pages__columns {
	max-width: 69vw;
	margin: 0 auto;
	display: grid;
	grid-template-columns: calc(100% - 368px) 350px;
	justify-content: center;
	grid-gap: 0 18px;

}

.pagination {
	display: flex;
	flex-direction: unset;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}

.pagination .page-numbers {
	width: 40px;
	height: 40px;
	text-align: center;
	align-content: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 1;
}

.pagination .page-numbers:not(:last-child) {
	margin-right: 4px;
}
.pagination .page-numbers:not(.dots):hover,
.pagination .page-numbers.current {
	background-color: #F8F8F8;
	font-weight: 600;
	border-radius: 50%;
	color: #292929;
}

.pagination .prev.page-numbers {
	transform: scale(-1,1);
}

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

	.pages__columns {
		grid-template-columns: calc(100% - 318px) 300px;
	}
}

@media only screen and (max-width: 1080.99px) {
	main {
		margin-top: 20px;
		padding: 0 30px;
		box-sizing: border-box;
	}

	.container {
		padding: 0 30px;
	}

	.pages {
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	.pages__columns {
		max-width: 100%;
		grid-template-columns: calc(100% - 292px) 270px;
	}
}
@media only screen and (max-width: 768.99px) {
	.pages__columns {
		grid-template-columns: repeat(2, 1fr);
	}

	main {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 667.99px) {
	.pages__columns {
		display: flex;
		flex-direction: column;
		grid-gap: 0;
	}

	.pages__main-content {
		order: 2;
		margin-top: 30px;
	}

	.pages__right-content {
		order: 1;
	}

	main {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 430.99px) {
	.container {
		padding: 0 20px;
	}

	.mobile-column {
		margin-top: 30px;
		order: 3;
	}

	*,body {
		font-size: 14px;
	}

	main {
		padding: 0 15px;
	}
}

/*--------------------------------------------------------------
# Right ScrollBar
--------------------------------------------------------------*/
.pages__right-content {
	position: relative;
}
.pages__scrolled-content {
	margin-top: 24px;
	width: 100%;
	position: sticky;
	top: 90px;
}

.pages__scrolled-content > *:not(:last-child) {
	margin-bottom: 24px;
	position: relative;
}

.pages__search-block {
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #C0C7FF;
	border-radius: 10px;
	padding: 26px;
	box-sizing: border-box;
}

.search-form__search-label {
	display: block;
	position: relative;
	margin-top: 22px;
}

.search-form__search-label svg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: auto;
}

.search-form__search-label input {
	display: flex;
	align-items: center;
	width: 100%;
	padding-left: 34px;
	box-sizing: border-box;
	height: 32px;
	font-size: 16px;
	color: #ACABAB;
	border-bottom: 1px solid #000000;
}

.search-form__top-block {
	display: grid;
	grid-template-columns: 1fr max-content;
	align-items: center;
}


.search-form__top-left {
	display: grid;
	grid-template-columns: auto max-content;
	justify-content: flex-start;
	grid-gap: 0 3px;
	align-items: center;
}

.search-form__name {
	display: flex;
	align-items: center;
	align-content: center;
	font-size: 24px;
	font-weight: 600;
}

.search-form__close-open-btn {cursor: pointer;}
.search-form__close-open-btn svg {
	width: 16px;
	height: auto;
	display: block;
}

.search-form__reset-btn {
	cursor: pointer;
	display: block;
	padding: 0;
}

.search-form__reset-btn svg {
	width: 18px;
	height: 18px;
	display: block;
}

.search-form__reset-btn:hover svg path {
	stroke: #03049C;
}

.search-form__tags-block {
	margin-top: 30px;

}

.search-form__tags-list {
	display: flex;
	flex-direction: column;
	max-height: 350px;
	overflow-y: auto;
	padding: 0 10px;
	box-sizing: border-box;
}

.search-form__tags-item {
	display: block;
}

.search-form__tags-item:not(:last-child) {
	margin-bottom: 10px;
}

.search-form__tags-item label {
	display: grid;
	grid-template-columns: max-content auto;
	justify-content: flex-start;
	grid-gap: 0 15px;
	align-items: center;
	position: relative;
}

.search-form__tags-item label input {
	opacity: 0;
	width: 26px;
	height: 26px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 1;
	display: block;
	cursor: pointer;
}

.search-form__tags-item label:before {
	content: '';
	width: 26px;
	height: 26px;
	border: 1px solid #808080;
	border-radius: 6px;
}

.search-form__tags-item.checked label:before {
	border-color: #03049C;
	background-color: #03049C;
	color: #FFFFFF;
	content: '\2713'; /* код символу для галочки */
	font-size: 20px; /* розмір галочки */
	line-height: 1; /* вирівнювання галочки */
	align-content: center;
	text-align: center;
}

.search-form__tags-item span {
	padding: 6px 10px;
	background: #E6F0FF;
	text-align: left;
	border-radius: 10px;
	box-sizing: border-box;
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	color: #131313;
	order: 2;
}

.search-form__search-submit {
	margin-top: 24px;
	background: #03049C;
	border-radius: 10px;
	box-sizing: border-box;
	display: block;
	font-size: 500;
	font-size: 20px;
	color: #FFFFFF;
	padding: 10px 34px;
	width: 100%;
	cursor: pointer;
}

@media only screen and (max-width: 1080.99px) {
	.close-open-form-btn.active {
		transform: scale(1,-1);
	}

	.search-form__tags-block.none {
		display: none;
	}

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

	.search-form__search-label input {
		width: 100%;
	}

	.pages__scrolled-content > *:not(:last-child) {
		z-index: auto;
	}
}
/*--------------------------------------------------------------
# Right recommended
--------------------------------------------------------------*/

.right-column__recommended-block  {
	border-radius: 10px;
	background-color: #FFFFFF;
	overflow: hidden;
}

.recommended-block__title {
	box-sizing: border-box;
	padding: 8px 17px;
	font-size: 18px;
	font-weight: 600;
	background: #E6F0FF;
	color: #292929;
	text-align: center;
}

.recommended-block__list {
	display: flex;
	flex-direction: column;
}

.recommended-block__item {
	padding: 6px 15px;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #B6B6B6;
	display: grid;
	grid-template-columns: max-content 1fr;
	align-items: center;
	grid-gap: 0 12px;
}

.recommended-block__item-title {
	font-size: 14px;
	font-weight: 600;
	color: #292929;
}

.recommended-block__item-link {
	display: block;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.recommended-block__item-img {
	width: 80px;
	height: auto;
	display: block;
	object-position: center;
}

.recommended-block__item-taxonomy-list {
	margin-top: 5px;
	flex-direction: unset;
	flex-wrap: wrap;
}

.recommended-block__item-open-close-taxonomies-btn,
.recommended-block__item-taxonomy-item {
	margin-right: 8px;
	display: block;
	height: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	line-height: 1;
	font-size: 12px;
	margin-top: 6px;
	padding: 0 10px;
	border-radius: 6px;
	box-sizing: border-box;
}

.recommended-block__item-taxonomy-item {
	background: #EBF3FF;
	border: 1px solid #EBF3FF;
	color: #7D7D7D;
}

.recommended-block__item-open-close-taxonomies-btn {
	cursor: pointer;
	background-color: #fff;
    border: 1px solid #d7d5d5;
}


.recommended-block__item-taxonomy-item.none {
	display: none;
}

.recommended-block__item-taxonomy-item.active {
	display: block;
}

.recommended-block__item-taxonomy-item-button {
	display: block;
}

.recommended-block__item-open-close-taxonomies-btn.active {
	display: none;
}

/*--------------------------------------------------------------
# Other banners
--------------------------------------------------------------*/
.banner__img {
	border-radius: 10px;
	object-fit: cover;
	width: 100%;
	height: auto;
}

.banner-block {
	display: block;
}

li.banner-block {
	margin-bottom: 20px;
}

.header-banner {
	margin-bottom: 20px;
}

.banner__link {
	display: block;
	width: 100%;
}

[data-ajax-brending="true"] .banner__link,
[data-ajax-banner="true"] .banner__link {
	opacity: 0;
	transition: all 1s ease-out;
}

.banner__link.loading {
	opacity: 0!important;
	transition: all 1s ease-out;
}

.banner__link.active {
	opacity: 1;
	transition: all 1s ease-out;
	transition-delay: 1s;
}

/* .header-banner__banner-block img,
.footer-banner__banner-block img,
.body-banner__banner-block img {
	max-height: 130px;
	width: 100%;
}
 */
.right-banner__banner-block {
	margin-top: 24px;
}

@media only screen and (max-width: 560.99px) {
	.header-banner__banner-block img, 
	.footer-banner__banner-block img, 
	.body-banner__banner-block img {
		max-height: 100%;
		height: auto;
	}
}

/*--------------------------------------------------------------
# Popup banner
--------------------------------------------------------------*/


.popup-banner-wrapper .banner__img {
	height: 7vw;
	width: 100%;
}

.popup-banner-wrapper {
	position: fixed;
	z-index: 111;
	width: 100%;
	bottom: 0;
	left: 0;
	width: 100%;
}

.popup-banner-wrapper__close-btn {
	width: 26px;
	height: 26px;
	background-color: #000000;
	position: absolute;
	right:0;
	top:0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-banner-wrapper__close-btn:after,
.popup-banner-wrapper__close-btn:before {
	content: '';
	width: 80%;
	height: 1px;
	background-color: #C5EE88;
	position: absolute;
}

.popup-banner-wrapper__close-btn:after {transform: rotate(-45deg);}
.popup-banner-wrapper__close-btn:before {transform: rotate(45deg);}

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

	.popup-banner-wrapper .banner__img {
		height: 15vw;
	}
}

/*--------------------------------------------------------------
# Brending banner
--------------------------------------------------------------*/

.branding-banner ~ main,
.branding-banner ~ header,
.branding-banner ~ footer {
	position: relative;
}

.branding-banner {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}

.branding-banner__link {
	display: block;
}

.branding-banner__img {
	width: 100%;
	object-fit: cover;
}

@media only screen and (max-width: 1080.99px) {
	.branding-banner {
		position: unset;
	}

	.branding-banner__img {
		height: auto;
	}
}
@media only screen and (max-width: 667.99px) {
	.banner__img {
		max-height: 300px;
	}
}

@media only screen and (max-width: 560.99px) {
	.branding-banner {
		margin-top: 70px;
	}
}

/*--------------------------------------------------------------
# Search top
--------------------------------------------------------------*/
.search-top__title {
	margin-bottom: 24px;
	color: #F4F4F4;
	font-size: 26px;
	font-weight: 600;
	align-content: center;
}

.search-top__title span {
	color: inherit;
	font-size: 18px;
	line-height: inherit;
	font-weight: 500;
	text-decoration: underline;
	align-content: center;
}

.search-top__not-found {
	color: #F4F4F4;
	font-size: 20px;
	font-weight: 500;
	align-content: center;
}

.search-top__not-found strong {
	font-weight: 600;
	text-decoration: unset;
	text-transform: uppercase;
	font-size: 24px;
}

.search-top__search {
	margin-top: 32px;
	padding: 0 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 12px;
	margin-bottom: 32px;
}

.search-top__search svg {
	width: 24px;
	height: 24px;
	left: 15px;
	position: absolute;
	z-index: 1;
}

.search-top__search-field {
	display: block;
	padding-left: 35px;
	box-sizing: border-box;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	align-content: center;
}



/*--------------------------------------------------------------
# SEO section
--------------------------------------------------------------*/

.seo {
	margin-top: 24px;
}

.seo__main-block {
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 12px;
    display: grid;
    padding: 32px 16px;
    filter: drop-shadow(0px 2px 4px #e6f0ff);
}

.seo__short-content h3,
.seo__short-content h2,
.seo__short-content h1 {
	font-size: 28px;
	margin-bottom: 16px;
}

.seo__full-content h2,
.seo__all-content h2 {
	font-size: 32px;
}
.seo__full-content h3,
.seo__all-content h3 {
	font-size: 28px;
}
.seo__full-content h4,
.seo__all-content h4 {
	font-size: 24px;
}

.seo__short-content {
	color: #292929;
	font-size: inherit;
}
.seo__full-content *,
.seo__all-content * {
	color: #292929;
}
.seo__full-content p:nth-last-child(1),
.seo__all-content p:nth-last-child(1) {
	margin-bottom: 0;
}


.seo__short-content button {
	display: inline;
	color: #03049C;
	text-decoration: underline;
	font-size: inherit;
	cursor: pointer;
}

.seo__all-content {
	display: none;
}

.seo__full-content ol,
.seo__full-content ul {
	display: flex;
	flex-direction: column;
	padding-left: 25px;
	box-sizing: border-box;
}


.seo__all-content ol,
.seo__all-content ul {
	display: flex;
	flex-direction: column;
	padding-left: 25px;
	box-sizing: border-box;
}
.seo__full-content li
.seo__all-content li {
	display: list-item;
	list-style-type: inherit;
	padding: 7px 0;
	box-sizing: border-box;
}

@media only screen and (max-width: 520.99px) {
	.seo__short-content h1,
	.seo__short-content h2,
	.seo__short-content h3 {
		font-size: 24px;
	}
	.seo__full-content h2,
	.seo__all-content h2 {
		font-size: 24px;
	}
	.seo__all-content h3,
	.seo__all-content h3 {
		font-size: 20px;
	}
	.seo__all-content h4,
	.seo__all-content h4 {
		font-size: 18px;
	}
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
	position: relative;
	z-index: 1;
	background-color: #000000;
}

.footer__main-block {
	padding: 40px 0;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-gap: 0 20px;
	align-items: center;
}

.footer__logo {
	display: block;
}

.footer__logo-img {
	width: 240px;
	height: auto;
}


.footer__menu {
	flex-direction: unset;
	justify-content: flex-end;
}

.footer__menu > li:not(:last-child) {
	margin-right: 70px;
}

.footer__menu > li > a {
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	position: relative;
}

.footer__menu > li > a:after {
	content: "";
    display: block;
    width: 0;
    position: absolute;
    bottom: -7px;
    left: 0;
    height: 3px;
    background-color: #680064;
    transition: width .7s ease-out;
}
.footer__menu > li.current-menu-item > a:after,
.footer__menu > li:hover > a:after {
	width: 100%;
	transition: width .7s ease-out;
}

@media only screen and (max-width: 1080.99px) {
	.footer__menu > li:not(:last-child) {
		margin-right: 35px;
	}
}

@media only screen and (max-width: 920.99px) {
	.footer__logo-img {
		width: 160px;
	}

	.footer__menu > li > a {
		font-size: 14px;
	}
}

@media only screen and (max-width: 768.99px) {
	.footer__main-block {
		display: block;
	}

	.footer__logo {
		margin-left: auto;
		margin-right: auto;
		width: fit-content;
		display: block;
	}

	.footer__menu {
		margin-top: 40px;
		justify-content: center;
		flex-wrap: wrap;
	}

	.footer__logo-img {
		width: 220px;
	}

	.footer__main-block {
		padding: 20px 0;
	}
}

@media only screen and (max-width: 560.99px) {
	.footer__menu {
		flex-direction: column;
		align-items: center;
		margin-top: 30px;
	}

	.footer__menu > li:not(:last-child) {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.footer__menu > li > a {
		font-size: 20px;
		text-align: center;
	}
}


/*--------------------------------------------------------------
# Top navigation
--------------------------------------------------------------*/
.top-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(92, 92, 92, 0.7);
	backdrop-filter: blur(2px);
	z-index: 111;
}
.top-nav.menu,
.top-nav.fixed {
	position: fixed;
	background: rgba(92, 92, 92, 0.9);
}

.top-nav__main-block {
	display: grid;
	grid-template-columns: max-content 1fr max-content;
	align-items: center;
	height: 80px;
}

.top-nav__adverise-link {
	padding: 10px 25px;
	background-color: #144186;
	border: 1px solid #144186;
	border-radius: 6px;
	box-sizing: border-box;
	width: fit-content;
	text-align: center;
	font-size: 20px;
	color: #FCFCFC;
	display: block;
	text-align: center;
	line-height: 1;
}

.top-nav__adverise-link:hover {
	background-color: #FFFFFF;
	color: #144186;
}

.top-nav__adverise-link svg {
	display: none;
}

.top-nav__menu {
	display: flex;
	flex-direction: unset;
	justify-content: center;
	flex-wrap: wrap;
}

.top-nav__menu > li {
	display: block;
}

.top-nav__menu > li:not(:last-child) {
	margin-right: 60px;
}

.top-nav__menu > li a {
	display: block;
	text-align: center;
	font-size: 16px;
	display: block;
	color: #FFFFFF;
	position: relative;
}

.top-nav__menu > li > a:after {
	content: "";
    display: block;
    width: 0;
    position: absolute;
    bottom: -7px;
    left: 0;
    height: 3px;
    background-color: #680064;
    transition: width .7s ease-out;
}
.top-nav__menu > li.current-menu-item > a:after,
.top-nav__menu > li:hover > a:after {
	width: 100%;
	transition: width .7s ease-out;
}

.top-nav__logo-block.grid {
	display: grid;
	grid-template-columns: repeat(3, max-content);
	align-items: center;
	grid-gap: 0 10px;
}

.top-nav__logo-plus-logo {
	width: 24px;
	height: 24px;
}

.top-nav__logo-plus-logo path {
	fill: #FFFFFF;
}

.top-nav__add-logo,
.top-nav__logo {
	display: block;
	height: fit-content;
}

.top-nav__add-logo-img,
.top-nav__logo-img {
	width: 140px;
}

@media only screen and (max-width: 1336.99px) {
	.top-nav__menu > li:not(:last-child) {
		margin-right: 35px;
	}

	.top-nav__adverise-link {
		padding: 0;
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0;
		border-radius: 50%;
	}

	.top-nav__adverise-link svg {
		width: 24px;
		height: 24px;
		display: block;
	}

	.top-nav__adverise-link:hover svg path {
		fill: #144186;
	}
}
@media only screen and (max-width: 1080.99px) {
	.top-nav__menu {
		display: none;
	}

	.top-nav__adverise-link {
		display: none;
	}

	.top-nav__burger-btn {
		margin-left: auto;
		display: flex;
        align-items: center;
        position: relative;
        cursor: pointer;
        width: 30px;
        height: 24px;
        background-color: transparent;
	}

	 .top-nav__burger-btn:after, 
	 .top-nav__burger-btn:before {
        content: "";
        position: absolute;
    }

    .top-nav__burger-btn:after {top: 0;}

	 .top-nav__burger-btn:before {
	 	bottom: 0;
	 }

    .top-nav__burger-btn span, 
    .top-nav__burger-btn:after, 
    .top-nav__burger-btn:before {
    	display: block;
        width: 100%;
        height: 1.4px;
        background-color: #fff;
    }

    .top-nav__burger-btn.active span {
    	display: none;
    }

    .top-nav__burger-btn.active:after {
    	transform: rotate(45deg);
    	top: auto;
    }

    .top-nav__burger-btn.active:before {
    	transform: rotate(-45deg);
    	bottom: auto;
    }
}

@media only screen and (max-width: 1080.99px) {
	.top-nav__main-block {
		height: 70px;
	}
}
@media only screen and (max-width: 430.99px) {
	.top-nav__add-logo-img, 
	.top-nav__logo-img {
		width: 120px;
	}
	.top-nav__logo-plus-logo {
		width: 16px;
		height: 16px;
	}

	.top-nav__burger-btn {
		height: 19px;
		width: 24px;
	}
}

@media only screen and (max-width: 375.99px) {
	.top-nav__add-logo-img, 
	.top-nav__logo-img {
		width: 100px;
	}

	.top-nav__logo-block.grid {
		grid-gap: 0 7px;
	}
}

/*--------------------------------------------------------------
# Mobile menu
--------------------------------------------------------------*/
@media only screen and (max-width: 1080.99px) {
	.mobile-menu-wrapper {
		position: fixed;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		right: 0;
		top: 70px;
		width: 0;
		height: 0;
		transform: scale(0);
		opacity: 0;
		z-index: -1111;
	}

	.mobile-menu-wrapper {
		border-top: 1px solid #FFFFFF;
	}

	.mobile-menu-wrapper.active {
		padding: 30px;
		box-sizing: border-box;
		opacity: 1;
		transform: scale(1);
		width: 340px;
		height: calc(100vh - 71px);
		z-index: 1111;
		background: rgba(92, 92, 92, 0.9);
		transition: opacity .7s, width .5s;
	}

	.mobile-menu-wrapper__menu {
		display: flex;
		align-items: center;
	}

	.mobile-menu-wrapper__menu > li {
		display: block;		
	}

	.mobile-menu-wrapper__menu > li:not(:last-child) {
		margin-bottom: 15px;
	}

	.mobile-menu-wrapper__menu > li a {
		display: block;
		text-align: center;
		font-weight: 500;
		color: #FFFFFF;
		font-size: 22px;
	}

	.mobile-menu-wrapper__menu > li.current-menu-item > a {
		color: #680064;
	}

	.mobile-menu-wrapper__adverise-link svg {
		display: none;
	}

	.mobile-menu-wrapper__adverise-link  {
		padding: 10px 25px;
	    background-color: #144186;
	    border: 1px solid #144186;
	    border-radius: 6px;
	    box-sizing: border-box;
	    width: fit-content;
	    text-align: center;
	    font-size: 20px;
	    color: #FCFCFC;
	    display: block;
	    text-align: center;
	    line-height: 1;
	    margin-top: 20px;
	    margin-right: auto;
	    margin-left: auto;
	}
}
/*--------------------------------------------------------------
# Сookies form
--------------------------------------------------------------*/

.cookie-form-wrapper {
	position: fixed;
	z-index: -111111;
	opacity: 0;
	max-height: 100vh;
	width: 100%;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 100%);
	padding: 40px;
	box-sizing: border-box;
	background: rgba(92, 92, 92, 0.9);
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	overflow-y: auto;
}

.popup-banner-wrapper.show + .cookie-form-wrapper.show {
	bottom: 7vw;
}




.open-cookie-form-btn {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 30px;
	top: 86vh;
	background-color: #D3D3D3;
	border-radius: 50%;
	border: 1xp solid #D3D3D3;
	z-index: 11;
	cursor: pointer;
	width: 60px;
	height: 60px;
	transform: rotate(0deg);
	transform: all .7s;
}

.popup-banner-wrapper.show + .cookie-form-wrapper + .open-cookie-form-btn.show {
	top: calc(86vh - 7vw);
}

.open-cookie-form-btn img {
	width: 32px;
	height: 32px;
	display: block;
}

.open-cookie-form-btn:hover {
	transform: rotate(90deg);
	transform: all .7s;
}
.open-cookie-form-btn.show {
	display: flex;
}

.cookie-form-wrapper.show {
	z-index: 111111;
	opacity: 1;
	transform: translate(-50%, 0);
	transition: opacity .7s, transform .7s;
}

.cookie-form-wrapper.active {
	bottom: 0;
	width: 100%;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	transition: unset;
}


.cookie-form-wrapper__inputs-list {
	height: 0;
	width: 0;
	transform: scale(0);
	opacity: 0;
	position: absolute;
}

.cookie-form-wrapper.active .inputs-list {
	height: auto;
	width: 100%;
	transform: scale(1);
	opacity: 1;
	position: unset;
	transition: opacity .4s;
}

.cookie-form-wrapper__main-block {
	position: relative;
}

.cookie-form-wrapper__close-btn {
	position: absolute;
	right: -15px;
	top: -15px;
	z-index: 1;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cookie-form-wrapper__close-btn:before,
.cookie-form-wrapper__close-btn:after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
	position: absolute;
}

.cookie-form-wrapper__close-btn:before {
	transform: rotate(-45deg);
}

.cookie-form-wrapper__close-btn:after {
	transform: rotate(45deg);
}

.cookie-form-wrapper__title {
	margin-bottom: 20px;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
}

.cookie-form-wrapper__descr {
	font-size: 14px;
	color: #161616;
}

.cookie-form-wrapper__inputs-item {
	display: block;
	padding-bottom: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #D9D9D9;
}

.cookie-form-wrapper__inputs-item:not(:last-child) {
	margin-bottom: 10px;
}
.cookie-form-wrapper__full-content *,
.cookie-form-wrapper__short-content {
	font-size: 14px;
	color: #161616;
}

.cookie-form-wrapper__inputs-item-top-block {
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-gap: 0 10px;
	align-items: center;
}

.cookie-form-wrapper__inputs-item-name {
	font-weight: 700;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
}

.cookie-form-wrapper__close-open-btn {
	display: block;
}

.cookie-form-wrapper__close-open-btn svg {
	width: 18px;
	transform: scale(1, -1);
}

.cookie-form-wrapper__close-open-btn svg path {
	stroke: #FFFFFF;
}

.cookie-form-wrapper__inputs-item-top-content {
	display: grid;
	grid-template-columns: 1fr max-content;
	align-items: center;
	grid-gap: 0 10px;
}

.cookie-form-wrapper__inputs-item.active .close-open-btn svg {
	transform: scale(1);
}

.cookie-form-wrapper__inputs-item-checkbox {
	position: relative;
}

.cookie-form-wrapper__inputs-item.active .inputs-item-required-title + .inputs-item-checkbox {
	display: none;
}

.cookie-form-wrapper__inputs-item-checkbox input {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	margin: 0;
	padding: 0;
}

.cookie-form-wrapper__inputs-item-i {
	width: 54px;
	height: 26px;
	background: transparent;
	border: 1px solid #FFFFFF;
	border-radius: 40px;
	box-sizing: border-box;
	position: relative;
	display: block;
}

.cookie-form-wrapper__inputs-item-checkbox input:checked + .inputs-item-i {
	border-color: #0002FF;
}

.cookie-form-wrapper__inputs-item-i:after {
	content: '';
	width: 22px;
	height: 22px;
	top: 50%;
	left: 1.5px;
	position: absolute;
	background-color: #FFFFFF;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: left .4s;
}

.cookie-form-wrapper__inputs-item-checkbox input:checked + .inputs-item-i:after {
	left: calc(100% - 24.5px);
	transition: left .4s;
	background-color: #0002FF;
}

.cookie-form-wrapper__show-hide-btn {
	margin-top: 10px;
	display: block;
	padding-bottom: 3px;
	box-sizing: border-box;
	width: fit-content;
	color: #ACACAC;
	font-size: 14px;
	border-bottom: 1px solid #ACACAC;
}

.cookie-form-wrapper__inputs-item-required-title {
	display: none;
	font-weight: 700;
	color: #03049C;
	font-size: 18px;
}

.cookie-form-wrapper__inputs-item.active .inputs-item-required-title {
	display: block;
}

.cookie-form-wrapper__full-content {
	display: none;
}

.cookie-form-wrapper__inputs-list {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
}


.cookie-form-wrapper__inputs-item-descr {
	display: none;
	margin-top: 10px;
	font-size: 16px;
	color: #FFFFFF;
}

.cookie-form-wrapper__inputs-item.active .inputs-item-descr {
	display: block;
}

.cookie-form-wrapper__buttons-block {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0 20px;
	margin-top: 20px;
}

.cookie-form-wrapper__buttons-block > * {
	padding: 10px;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 10px;
	border: 1px solid transparent;
	text-align: center;
	box-sizing: border-box;
	font-size: 18px;
	width: 100%;
	color: #FFFFFF;
}
.cookie-form-wrapper__accept-btn,
.cookie-form-wrapper__customize-btn {
	background-color: #0002FF;
	border-color: #0002FF;
}

.cookie-form-wrapper__accept-btn {
	display: none;
}

.cookie-form-wrapper.show.active .customize-btn {
	display: none;
}

.cookie-form-wrapper.show.active .accept-btn {
	display: block;
}

.cookie-form-wrapper__cansel-btn  {
	background-color: #0002FF;
    border-color: #0002FF;
}

.cookie-form-wrapper__accept-all-btn {
	background-color: transparent;
	border-color: #FFFFFF;
	color: #FFFFFF;
}

@media only screen and (max-width: 1080.99px) {
	.cookie-form-wrapper {
		padding: 30px;
	}

	.cookie-form-wrapper__title {
		font-size: 22px;
	}

	.cookie-form-wrapper__inputs-item-name {
		font-size: 18px;
	}
}

@media only screen and (max-width: 767.99px) {
	.cookie-form-wrapper__buttons-block {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 15px;
	}

	.cookie-form-wrapper__buttons-block > * {
		padding: 15px;
	}

	.cookie-form-wrapper__accept-all-btn {
		grid-column: 1/3;
	}
}




@media only screen and (max-width: 560.99px) {
	.cookie-form-wrapper__buttons-block {
		grid-gap: 10px;
	}

	.cookie-form-wrapper__buttons-block > * {
		font-size: 16px;
	}

	.cookie-form-wrapper__title {
		margin-bottom: 10px;
	}

	.cookie-form-wrapper__title {
		font-size: 18px;
	}

	.cookie-form-wrapper.active .title {
		margin-top: 30px;
	}

	.cookie-form-wrapper {
		padding: 15px;
		width: 100%;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		transform: translate(0);
		left: 0;
	}

	.cookie-form-wrapper.show {
		transform: translate(0);
	}

	.cookie-form-wrapper.active {
		border-radius: 0;
		transform: unset;
		bottom: auto;
		top: 0;
		left: 0;
		width: 100%;
	}

	.cookie-form-wrapper__close-btn {
		right: 0;
		top: 0px;
	}

	.cookie-form-wrapper.active .close-btn {
		top: -30px;
	}

	.cookie-form-wrapper__inputs-item-name {
		font-size: 14px;
	}

	.cookie-form-wrapper__inputs-item.active .inputs-item-required-title {
		font-size: 14px;
	}

	.open-cookie-form-btn {
		left: 15px;
		width: 44px;
		height: 44px;
		top: 90vh;
	}

	.open-cookie-form-btn img {
		width: 24px;
		height: 24px;
	}

	.cookie-form-wrapper__buttons-block > * {
		font-size: 14px;
	}

	.popup-banner-wrapper.show + .cookie-form-wrapper.show {
		bottom: 15vw;
	}
	.popup-banner-wrapper.show + .cookie-form-wrapper + .open-cookie-form-btn.show {
		top: calc(86vh - 15vw);
	}
}
@media only screen and (max-width: 430.99px) {
	.open-cookie-form-btn {
		top: 85vh;
	}

	.cookie-form-wrapper__title {
		font-size: 16px;
		padding: 0 15px;
		box-sizing: border-box;
	}
}