@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;700;200&display=swap");

.req:after {
	content: "*";
	color: #f00;
}

#tToTop {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 10002;
	transition: var(--transition);
	background: var(--green);
	color: var(--bs-white);
	border: 1px solid var(--green);
	padding: 0.375rem 0.75rem;
	border-radius: 0.375rem;
}

#tToTop:hover {
	background: var(--black);
}

.card-clickable {
	position: relative;
}

.card-clickable-link:after {
	content: "";
	position: absolute;
	inset: 0;
}

.card-clickable-none {
	position: relative;
}

/* Fixed footer */
html,
html body.admin-bar {
	height: calc(100vh - 32px) !important;
}

html body {
	height: 100vh !important;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 100%;
}

/* /Fixed footer */
.popup-success {
	--popup-width: 648px;
	background-color: var(--green);
}

.popup__wrap {
	padding: var(--popup-padding, 3.75rem) !important;
	border-radius: var(--popup-border-radius, 0.375rem) !important;
	width: var(--popup-width, 100%) !important;
	max-width: var(--popup-max-width, 872px) !important;
	--fancybox-content-color: var(--popup-color, #171717);
	--fancybox-content-bg: var(--popup-bg, #fff);
}

.popup__close {
	position: absolute;
	right: 1rem;
	top: 1rem;
	cursor: pointer;
	padding: 0.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: none;
	color: #222;
}

.popup__icon {
	font-size: 4rem;
	color: #484;
	margin: 1rem 0;
}

.popup__icon svg {
	fill: currentColor;
}

.popup__title {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 3.125rem;
	line-height: 1.4;
}

.popup__subtitle {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.4;
}

.sprite-icon {
	height: 1em;
	width: 1em;
	fill: currentColor;
}

.square {
	width: 100%;
	aspect-ratio: 1/1;
	position: relative;
}

.square-child {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-o-object-fit: contain;
	object-fit: contain;
}

.rect {
	width: 100%;
	aspect-ratio: 3/4;
	position: relative;
}

.rect-16-9 {
	aspect-ratio: 16/9;
}

.rect-9-16 {
	aspect-ratio: 9/16;
}

.rect-2-1 {
	aspect-ratio: 2/1;
}

.rect-4-3 {
	aspect-ratio: 4/3;
}

.rect-3-4 {
	aspect-ratio: 3/4;
}

.rect-child {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-o-object-fit: contain;
	object-fit: contain;
}

.circle {
	border-radius: 50%;
}

/* FancyBox */
.fancybox__container {
	--fancybox-bg: rgba(0, 0, 0, 0.42);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	width: 100vw;
	--sidebar-width: clamp(150px, 40vw, 500px);
}

.fancybox__slide.has-html .fancybox__content,
.fancybox__slide.has-iframe .fancybox__content {
	padding: 0;
}

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

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

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

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

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

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
	background-color: var(--gray);
}

.gallery-item__meta {
	opacity: 0;
	transition: .3s;
	background: rgba(0, 0, 0, 0.75);
}

.gallery-item:hover .gallery-item__meta {
	opacity: 1;
}

.gallery-item .gallery-item__meta {
	font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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

.header {
	border-bottom: 1px solid var(--bs-secondary-bg);
	padding: 1rem 0;
}

.footer {
	background: var(--bs-secondary-bg);
	color: var(--bs-secondary-text);
	padding: 1rem 0;
}

.cookiegdpr {
	--gdpr-btn-color: var(--white);
	--gdpr-btn-bg: var(--green);
	--gdpr-btn-border: 1px solid var(--green);
	--gdpr-btn-border-radius: .375rem;
	--gdpr-btn-padding: .375rem .75rem;
	--gdpr-btn-bg-hover: var(--white);
	--gdpr-btn-color-hover: var(--green);
	--gdpr-btn-border-color-hover: var(--white);
	--gdpr-bottom: 1rem;
	--gdpr-border-radius: .375rem;
	--gdpr-z-index: 10001;
	--gdpr-bg: rgba(255, 255, 255, .88);
	--gdpr-padding: .625rem;
	--gdpr-link-color: var(--green);
}

:root {
	--black: #000;
	--white: #fff;
	--green: #BEC81F;
	--gray: #EFEFEF;
	--font: "Jost",
		sans-serif;
	--transition: .3s;
}

body {
	font-family: var(--font);
	font-optical-sizing: auto;
}

a {
	text-decoration: none;
	color: inherit;
	transition: var(--transition);
}

a:hover {
	color: var(--green);
}

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

input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([class*=ymaps]),
textarea,
select {
	margin-bottom: 0.625rem;
	outline: none;
	width: 100%;
	border-radius: 0;
	padding: 0.6875rem 1.25rem;
	transition: var(--transition);
	border: 1px solid var(--gray);
	background-color: var(--gray);
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([class*=ymaps])[aria-invalid=true],
textarea[aria-invalid=true],
select[aria-invalid=true] {
	border-color: red;
}

input[type=checkbox] {
	border: 1px solid var(--green);
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 0;
	background-color: transparent;
	transition: var(--transition);
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	margin-right: 0.5rem;
	flex: 0 0 auto;
	position: relative;
}

input[type=checkbox]:checked:after {
	content: "";
	display: block;
	width: 0.625rem;
	height: 0.625rem;
	position: absolute;
	top: calc(50% - 0.3125rem);
	left: calc(50% - 0.3125rem);
	background-color: var(--green);
}

.wpcf7-acceptance {
	font-size: 0.875rem;
	line-height: 1;
	margin-bottom: 0.625rem;
	display: block;
}

.wpcf7-acceptance a {
	color: var(--green);
}

.wpcf7-acceptance a:hover {
	color: var(--black);
}

.wpcf7-acceptance .wpcf7-list-item-label {
	margin-bottom: 0;
}

.wpcf7-list-item {
	margin: 0;
	width: 100%;
}

.wpcf7-list-item>label {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wpcf7-response-output,
.wpcf7-spinner,
.wpcf7-not-valid-tip {
	display: none!important;
}

.input-file {
	margin-bottom: 0.625rem;
	display: flex;
	border: 1px solid var(--gray);
	background-color: var(--gray);
	padding-left: 1.25rem;
	transition: var(--transition);
	cursor: pointer;
}

.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}

.input-file__btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.input-file__btn:after {
	content: "";
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--green);
	background-image: url("../icons/paperclip.svg");
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 10px;
	flex: 0 0 auto;
}

.input-file_info {
	display: flex;
	align-items: center;
}

.input-file__remove {
	content: "";
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.55075 5L9.7425 1.80827C9.90793 1.64098 10 1.42105 10 1.18421C10 0.947371 9.90793 0.725564 9.7425 0.560151L9.43986 0.257519C9.27257 0.092105 9.05264 0 8.81579 0C8.57893 0 8.359 0.092105 8.19171 0.257519L5 3.44925L1.80827 0.257519C1.64286 0.092105 1.42105 0 1.18421 0C0.94925 0 0.727443 0.092105 0.56203 0.257519L0.257519 0.560151C0.092105 0.727443 0 0.94925 0 1.18421C0 1.41917 0.092105 1.64098 0.257519 1.80827L3.44925 5L0.257519 8.19171C0.092105 8.359 0 8.57893 0 8.81579C0 9.05079 0.092105 9.27257 0.257519 9.43986L0.560151 9.7425C0.727443 9.90793 0.94925 10 1.18421 10C1.42105 10 1.64286 9.90793 1.80827 9.7425L5 6.54887L8.19171 9.74057C8.35714 9.906 8.57893 9.99814 8.81579 9.99814C9.05264 9.99814 9.27257 9.906 9.43986 9.74057L9.7425 9.438C9.90793 9.27257 10 9.05079 10 8.81393C10 8.57893 9.90793 8.35714 9.7425 8.18986L6.55075 5Z' fill='%23C81F1F'/%3E%3C/svg%3E%0A");
	width: 10px;
	height: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 0.5rem;
	cursor: pointer;
	flex: 0 0 auto;
	position: relative;
	z-index: 10;
}

.text-green {
	color: var(--green);
}

.btn {
	padding: 0.6875rem 2.75rem;
	text-transform: uppercase;
	background-color: var(--green);
	border-radius: 0;
	border-color: var(--green);
}

.btn:hover {
	background-color: var(--white);
	color: var(--black);
	border-color: var(--black);
}

.btn-square {
	height: 3rem;
	width: 3rem;
	padding: 0.6875rem;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
	background-color: var(--gray);
	cursor: not-allowed;
}

.container,
.container-lg,
.container-md,
.container-xl,
.container-sm,
.container-xxl {
	max-width: 1920px;
}
.logo {
	color: var(--black);
	max-width: 12.625rem;
	line-height: 1;
}

.logo span {
	font-size: 2.8125rem;
}

.header {
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--gray);
}

.slick-arrow,
.f-carousel__arrow {
	position: absolute;
	z-index: 5;
	width: 2rem;
	height: 2rem;
	background-color: rgba(91, 91, 91, 0.5);
	cursor: pointer;
	transition: var(--transition);
	border: none;
	font-size: 0;
	top: calc(50% - 1rem);
	background-position: center;
	background-repeat: no-repeat;
}

.slick-arrow:hover,
.f-carousel__arrow:hover {
	background-color: var(--black);
}

.f-carousel__arrow .sprite-icon {
	stroke: #797979;
	font-size: .688rem;
	fill: transparent;
}

.f-carousel__arrow:hover .sprite-icon {
	stroke: var(--white);
}

.f-carousel__arrow[data-carousel-go-prev] {
	left: 0;
}

.f-carousel__arrow[data-carousel-go-next] {
	right: 0;
}

.f-progressbar {
	--f-progressbar-color: var(--green);
}

.slick-prev {
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4668 6.6001L8.06677 11.0001L12.4668 15.4001' stroke='black' stroke-opacity='0.3' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	left: 0;
}

.slick-prev:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4668 6.6001L8.06677 11.0001L12.4668 15.4001' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.slick-next {
	left: unset;
	right: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5332 15.3999L13.9332 10.9999L9.5332 6.59993' stroke='black' stroke-opacity='0.3' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.slick-next:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5332 15.3999L13.9332 10.9999L9.5332 6.59993' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.slick-slide {
	margin-left: 0.625rem;
}

.slick-list {
	margin: 0 2.75rem;
}

.section {
	padding: 3.75rem 0;
}

.section-gray {
	background-color: var(--gray);
}

.section-title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.25rem;
}

.page-head+.section {
	padding-top: 0;
}

.main-slider {
	padding: 1.875rem 0;
}

.main-slider__item {
	width: 9.6875rem;
	height: 5rem;
	background-color: var(--gray);
}

.main-slider__item img {
	max-width: 7rem;
	max-height: 2.5rem;
}

#main_slider {
	padding: 1.875rem 0;
	--f-carousel-gap: 10px;
	--f-carousel-slide-width: 155px;
}

#banner_slider {
	padding: 1.875rem 0;
}

#main_slider .f-carousel__viewport {
	margin: 0 2.75rem;
}

.sneakers-grid {
	display: grid;
	gap: 0.125rem;
	transition: var(--transition);
}

.sneakers-grid.changing {
	opacity: 0.7;
	transform: scale(0.98);
}

.sneakers-item {
	font-size: 0.875rem;
}

.social {
	margin-top: 2.5rem;
	overflow: hidden;
	background-color: var(--green);
}

.footer {
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.52);
	padding: 2.5rem 0 0;
}
.footer__policy {
	position: relative;
	z-index: 2;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.sprite-icon-loader {
	animation: spin 2s linear infinite;
}

.ul-styled ul {
	list-style-type: none;
	padding-left: 1.375rem;
}

.ul-styled ul li {
	position: relative;
}

.ul-styled ul li:before {
	content: "";
	display: block;
	width: 0.75rem;
	height: 0.75rem;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0.375rem;
	left: -1.375rem;
}

.ul-marks ul li:before {
	background-image: url("../icons/mark.svg");
}

.ul-checks ul li:before {
	background-image: url("../icons/check.svg");
}

.upload-img:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: rgba(0, 0, 0, 0.52);
}

.upload-img__upload {
	top: calc(50% - 50px);
	left: calc(50% - 50px);
}

.sneakers-controll {
	position: fixed;
	top: 50%;
	/*transform: translateY(-100%);*/
	right: .75rem;
	z-index: 100;
	display: none;
}

.form-select:focus {
	border-color: var(--green);
	box-shadow: 0 0 0 .25rem rgba(190, 200, 31, .25);
}

.js-like-btn {
	outline: none;
	background: transparent;
	border: none;
	color: var(--white);
}

.js-like-btn.is-liked {
	color: var(--green);
}

.profile__img img {
	max-width: 128px;
	max-height: 128px;
}

.content-more[aria-expanded="true"] {
	font-size: 0;
}

.content-more[aria-expanded="true"]:before {
	content: 'Скрыть';
	font-size: 1rem;
}

.dropdown-item.active,
.dropdown-item:active {
	--bs-dropdown-link-active-bg: var(--green);
}
.comment-reply-link {
	background-color: transparent;
	border: none;
	color: var(--fancybox-color);
	transition: var(--transition);
	font-size: 0.875rem;
}
.comment-reply-link:hover {
	color: var(--green);
}
.sidebar-comment-form-wrapper {
	background-color: var(--white);
	padding: .375rem .75rem;
	border-radius: var(--bs-border-radius);
}
.comment-btn {
	background-color: transparent;
	border: none;
	color: var(--green);
	transition: var(--transition);
}
.comment-btn:hover {
	color: var(--black);
}
textarea.comment-textarea {
	border: none;
	padding: 0;
	height: 30px;
	min-height: auto;
	margin-bottom: 0;
}
.comment-textarea:focus {
	box-shadow: none;
}
.tg-title {
	font-size: 3.125rem;
	color: var(--black);
}
.tg-wrapper {
	padding: 1.25rem 1rem 1.7rem;
}
.tg-btn-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 170px;
	background-color: var(--gray);
}
.tg-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 125px;
	height: 125px;
	border-radius: 50%;
	background-color: var(--black);
	color: var(--white);
	transition: var(--transition);
}
.tg-btn:hover {
	color: var(--black);
	background-color: var(--green);
}
.tg-btn svg {
	width: 46px;
	height: auto;
}
.fade-in-right {
  opacity: 0;
  transform: translateX(40px);
  animation: fadeInRight 1s ease-out forwards;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-in {
  opacity: 0;
  animation: fadeIn 0.6s ease-in forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.footer__text-wrap {
	overflow: hidden;
}
.footer__text {
	position: relative;
	font-weight: 200;
	font-size: 20rem;
	line-height: 1;
	color: var(--black);
}
.footer__text:before {
	content: '';
	position: absolute;
	top: 65px;
    left: 335px;
    width: 250px;
    height: 250px;
	background-image: url("../img/footer-sneaker.png");
	background-position: center;
	background-size: cover;
}
.btn-editor {
	background-color: transparent;
	border: none;
	color: var(--white);
	transition: var(--transition);
	padding: 0;
}
.btn-editor:hover {
	color: var(--green);
}
.sidebar-post__edit textarea {
	border-radius: 10px;
}

.password-wrapper {
    position: relative;
}
.toggle-password {
    position: absolute;
    right: 10px;
    top: 40%;
    transform: translateY(-50%);
    cursor: pointer;
    user-select: none;
}
.password-wrapper.is-active svg {
	color: var(--green);
}