* {
	box-sizing: border-box;
}

:root {
	--main-yellow: #ffd60a;
	--dark-grey: #1c1c1c;
	--main-font: 'Play';
	--title-font: 'Tektur';
}

html {
	overflow-x: clip;
	font-size: 20px;
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
}

body {
	font-family: var(--main-font);
	color: #fff;
	background: var(--dark-grey);
	line-height: 115%;
	margin: 0;
}

.container {
	max-width: 1490px;
	padding: 0 15px;
	margin: 0 auto;
	width: 100%;
}

* {
	/* font-family: 'Rubik'; */
}

a {
	text-decoration: none;
	transition: .35s;
	color: var(--main-yellow);
}

a {
	cursor: pointer;
	-webkit-background-clip: text;
	background-clip: text;
	background-repeat: no-repeat;
	transition: 0.35s ease-out;
	background-image: linear-gradient(to right, var(--main-yellow) 45%, #fff 55%);
	background-size: 220% 100%;
	background-position: 100% 50%;
	color: transparent;
	position: relative;
}

a.yellow {
	background-image: linear-gradient(to right, #fff 45%, var(--main-yellow) 55%);
}

/* a:not(#wpadminbar a, a.pretty-button):hover {
	color: var(--main-yellow);
	transition: .35s;
} */

a:not(#wpadminbar a, a.pretty-button):hover {
	background-position: 0% 50%;
	transition: 0.25s;
	color: transparent;
}

button {
	font-family: var(--main-font);
	cursor: pointer;
	font-size: 20px;
}


p {
	margin: 0 0 10px 0;
}

p:last-child {
	margin: 0;
}

p:empty {
	margin: 0;
}

.empty-styles {
	border: none;
	background: transparent;
	padding: 0;
	margin: 0;
}


.content ul, .banner__desc ul {
	padding-left: 0px;
	list-style: none;
}

.content ul>li, .banner__desc ul>li{
	position: relative;
	padding-left: 15px;
}

.content ul>li::before, .banner__desc ul>li::before {
    position: absolute;
    content: '';
    border-radius: 1px;
    width: 5px;
    height: 5px;
    background: #fff;
    left: 0;
    top: 10px;
}

.pretty-button {
	border: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-radius: 5px;
	padding: 10px 22px;
	background: #3a3a3a;
	color: #fff;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

/* Два блока, сдвигающихся от краев */
.pretty-button::before,
.pretty-button::after {
	content: '';
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background: var(--main-yellow);
	transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	z-index: 0;
}

.pretty-button::before {
	left: 0;
	transform: translateX(-100%);
}

.pretty-button::after {
	right: 0;
	transform: translateX(100%);
}

.pretty-button span {
	position: relative;
	z-index: 1;
	transition: color 0.35s ease 0.35s;
}

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

.pretty-button:hover::after {
	transform: translateX(0);
}

.pretty-button:hover {
	border-left-color: var(--main-yellow);
	border-right-color: var(--main-yellow);
	transition: .35s;
}

.pretty-button:hover span {
	color: var(--dark-grey);
	transition: .35s;
}


.title {
	font-family: var(--title-font);
}

/* Header */

header {
	position: relative;
	z-index: 1;
}

.header__inner {
	gap: 50px;
	padding: 25px 0;
}

.header__menu-list {
	gap: 45px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.header__menu-list>li>a {
	color: transparent;
}

.header__info-buttons {
	gap: 10px;
}

.header__info-button button {
	cursor: pointer;
}

.header__info-phone {
	gap: 2px;
}

.header__info-phone a {
	/* color: var(--main-yellow); */
	font-size: 20px;
}

.header__info-phone button {
	font-size: 14px;
	text-decoration: dashed;
	border-bottom: 2px dashed #fff;
	width: fit-content;
	color: #fff;
}

.header__info {
	gap: 30px;
	margin-left: auto;
}

.header__logo img {
	transition: .35s;
}

.header__logo:hover img {
	filter: drop-shadow(0px 0px 7px var(--main-yellow));
	transition: .35s;
}

/* Баннер в шапке */

.marquee {
	background-image: url(/wp-content/uploads/2025/12/info-line-1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.marquee__item {
	gap: 30px;
	display: flex !important;
	position: relative;
	padding: 7px 15px;
}

.marquee__item a.hidden-link {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	opacity: 0;
}

.marquee__item .pretty-button {
	z-index: 1;
}



/* Баннер на главной */

.banner {
	position: relative;
	min-height: 960px;
	height: 960px;
	top: -100px;
}

.banner::before {
	content: '';
	position: absolute;
	background: linear-gradient(180deg, rgba(28, 28, 28, 0) 53.12%, #1c1c1c 99.67%);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	pointer-events: none;

}

.banner__title {
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	font-size: 70px;
	margin: 0;
	display: block;
	max-width: 980px;
	line-height: 109%;
	letter-spacing: 0.03em;
}

.banner__title span {
	color: #fff;
	-webkit-text-stroke: 0px;
}

.banner__container {
	height: 100%;
	padding-top: 140px;
	padding-bottom: 50px;
}

.banner__content {
	height: 100%;
	position: relative;
	z-index: 1;
}

.banner__desc {
	max-width: 340px;
	font-size: 18px;
	position: relative;
	overflow: hidden;
}

.banner__desc::before{
	position: absolute;
    content: '';
    border-radius: 1px;
    width: 5px;
    height: 5px;
    background: #fff;
    left: 0;
    top: 0;
}

.banner__desc p{
	padding-top: 15px;
	padding-left: 15px;
}

.banner__desc ul {
	margin: 0;
	position: relative;
}

.banner__desc ul::before {
    content: '';
    position: absolute;
    left: 2px;
    height: 200%;
    background: #fff;
    bottom: calc(100% - 10px);
    width: 1px;
}

.banner__slider {
	position: absolute !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1 !important;
}

.banner__slider-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner__content-top {
	gap: 25px;
}

.banner__content-top .pretty-button {
	backdrop-filter: blur(4px);
	background: rgba(255, 255, 255, 0.18);
}

.banner__controls {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.slider-button {
	width: 46px;
	height: 46px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.18);
	backdrop-filter: blur(4px);
	border: none;
	padding: 0;
	display: grid;
	place-items: center;
	transition: .35s;
}

.slider-button:hover {
	background: var(--main-yellow);
	transition: .35s;
}

.slider-button svg path {
	transition: .35s;
}

.slider-button:hover svg path {
	fill: var(--dark-grey);
}


.banner-pagination {
	display: flex;
	flex-direction: column;
	gap: 2px;
	position: static !important;
	width: fit-content !important;
	height: fit-content !important;
}

.swiper-pagination-bullet strong {
	width: 15px !important;
	height: 15px !important;
	background: transparent !important;
	outline: 2px solid rgba(255, 255, 255, 0.25);
	margin: 0 !important;
	border: none;
	border-radius: 50%;
	transition: .35s;
}

.swiper-pagination-bullet-active strong {
	background: var(--main-yellow) !important;
	transition: .35s;
}

.swiper-pagination-bullet span {
	width: 2px;
	height: 30px;
	margin-left: 1px;
	background: rgba(255, 255, 255, 0.18);
}

.swiper-pagination-bullet {
	width: max-content !important;
	height: max-content !important;
	background: transparent !important;
	margin: 0 !important;
	border: none;
	display: flex !important;
	opacity: 1 !important;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.swiper-pagination-bullet:first-child::before {
	content: '';
	width: 2px;
	width: 2px;
	height: 30px;
	margin-left: 1px;
	background: rgba(255, 255, 255, 0.18);
}

.banner__video {
    width: 340px;
    background: transparent;
    border: none;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    aspect-ratio: 34 / 19;
    height: auto;
    border-radius: 5px;
	overflow: hidden;
}

.banner__video img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner__video >button {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    gap: 10px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 22px;
}


.banner__video > button svg circle {
  transition: .35s;
}

.banner__video > button svg path {
	transition: .35s;
  }

  .banner__video > button svg stop{
	transition: .35s;

  }

.banner__video > button:hover svg circle {
	fill: var(--main-yellow);
	transition: .35s;
}

.banner__video > button:hover svg path {
	fill: var(--dark-grey);
	transition: .35s;
}

.banner__video > button:hover svg stop {
	stop-color: var(--main-yellow);
	transition: .35s;
}