﻿@font-face{
font-family: "Druk Wide";
src: url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.eot");
src: url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.eot?#iefix")format("embedded-opentype"),
url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.woff")format("woff"),
url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.woff2")format("woff2"),
url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.ttf")format("truetype"),
url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.svg#Druk Wide Medium")format("svg");
font-weight:normal;
font-style:normal;
font-display:swap;
}

/*------------------------------------------------------------*
**Главная
**------------------------------------------------------------*/

/* CSS Document */


body {
padding:0px;
color: #fff;
margin:0px;
background: #0C0C0F;
font-family: "Montserrat", sans-serif;
font-style: normal;
font-weight: 400;
line-height: normal;
}

a {
text-decoration:underline;
color:#fff;
transition: .5s;
}

button, .feedback, .btn {
transition: .5s;
}

a:hover {
text-decoration:none;
color:#FF1400;
}

ul li:last-child {
margin:0px;
}

p, img {
margin:0px;
padding:0px;
border:0px;
}

p {
margin:0 0 20px 0;
}

p:last-child {
margin:0px !important;
}

* {
box-sizing: border-box;
}

table {
border-spacing: 0px;
}

button {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

header, 
nav, 
section, 
article, 
aside, 
footer {
display: block
}

input, button, textarea, select {
font-size:16px;
outline:none;
font-family: "Montserrat", sans-serif;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}

input[type="number"] {
-moz-appearance: textfield;
}

button {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

img {
max-width:100%;
height:auto !important;
}

iframe {
max-width:100% !important;
max-height:100% !important;
}

.site-width {
width:100%;
max-width:1400px;
margin:0 auto;
padding:0px 20px;
}

.section-1 {
background:url(../images/alphasection1.jpg) no-repeat center bottom;
background-size:cover;
min-height:900px;
padding:20px 0 126px 0;
}

.header {
display:flex;
align-items:center;
gap:20px;
margin:0 0 68px 0;
padding:15px 40px;
border-radius: 20px;
border: 1px solid var(--Grey-stroke, #C0C0C0);
background: rgba(200, 200, 200, 0.10);
backdrop-filter: blur(40.650001525878906px);
position:relative;
}

.header .logo a {
display:block;
text-decoration:none;
width:109px;
height:40px;
background:url(../images/alphalogo.svg) no-repeat;
}

.header .menu {
flex:1;
display:flex;
justify-content: center;
}

.header .menu ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
gap:40px;
}

.header .menu a {
text-decoration:none;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 27px */
}

.header .btn {
display:block;
text-decoration:none;
cursor:pointer;
padding: 9px 22px 9px 21px;
border-radius: 40px;
background: var(--Red, #FF1400);
color: var(--White, #FFF);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 27px */
}

.section-1 .main {
text-align:center;
}

.section-1 .main .images {
font-size:0px;
line-height:0px;
}

.section-1 .title {
color: #F00;
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Druk Wide";
font-size: 109.473px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 109.473px */
text-transform: uppercase;
margin:10px 0 40px 0;
}

.section-1 .desc {
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
margin:0 0 60px 0;
}

.section-1 .main .btn {
display:table;
margin:0 auto;
text-decoration:none;
cursor:pointer;
padding: 7px 47px 9px 47px;
border-radius: 30px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(6.550000190734863px);
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}

.section-2 {
background: #F3F3F3;
padding:20px 0;
color: #222;
font-family: "Druk Wide";
font-size: 32.625px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 40.782px */
text-transform: uppercase;
overflow:hidden;
}

.section-2 .scroll {
display:flex;
}

.section-2 .scroll span {
flex-shrink:0;
padding:0 164px 0 0;
background:url(../images/alphasection2.png) no-repeat right 46px center;
}

.bg {
background:url(../images/alphabg.jpg) no-repeat center bottom;
background-size:cover;
padding:65px 0 0 0;
}

.section-3 {
margin:0 0 10px 0;
}

.section-3 .title {
color: var(--White, #FFF);
text-align: center;
font-family: "Druk Wide";
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin:0 0 52px 0;
}

.section-3 .flex {
display:flex;
gap:22px;
margin:0 0 52px 0;
}

.section-3 .item {
flex:1;
position:relative;
padding:20px;
border-radius: 21.506px;
border: 1px solid #C0C0C0;
background: rgba(200, 200, 200, 0.10);
backdrop-filter: blur(5.800000190734863px);
color: var(--white, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
min-height:340px;
display:flex;
justify-content: flex-end;
flex-direction:column;
}

.section-3 .item a {
text-decoration:underline;
color:#fff;
}

.section-3 .item a:hover {
text-decoration:none;
}

.section-3 .images {
position:absolute;
top:0px;
right:0px;
z-index:-1;
font-size:0px;
line-height:0px;
}

.section-3 .step {
color: var(--White, #FFF);
font-size: 21px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 31.5px */
margin:0 0 20px 0;
}

.section-3 .name {
color: var(--White, #FFF);
font-family: "Druk Wide";
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 26.25px */
text-transform: uppercase;
margin:0 0 10px 0;
}

.section-5 .btn {
display:table;
margin:0 auto;
text-decoration:none;
cursor:pointer;
width:100%;
max-width:300px;
border-radius: 54.743px;
background: var(--Red-main, #F00);
padding:12px;
color: var(--White, #FFF);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 23.4px */
margin-top: 40px;'
}

.details {
	font-size: 21px;
    line-height: 125%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
}

.section-4 {
margin:0 0 136px 0;
}

.section-4 .block {
border-radius: 21.506px;
border: 1px solid var(--Grey-stroke, #C0C0C0);
background: rgba(225, 225, 225, 0.10);
backdrop-filter: blur(5.650000095367432px);
padding:40px;
}

.section-4 .title {
color: #F3F3F3;
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Druk Wide";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 48px */
text-transform: uppercase;
margin:0 0 60px 0;
}

.section-4 .flex {
display:flex;
justify-content: center;
gap:99px;
margin:0 0 23px 0;
}

.section-4 .item {
width:264px;
height:169px;
border-radius: 20px;
border: 1px solid var(--grey-4, #979797);
background: #FFF;
position:relative;
font-size:0px;
line-height:0px;
display:flex;
align-items:center;
justify-content: center;
}

.section-4 .item span {
position:absolute;
top:16px;
right:16px;
z-index:3;
padding:10px;
border-radius: 62.308px;
background: var(--Gradient-2, linear-gradient(180deg, #FF1400 0%, #AA002D 100%));
color: var(--White, #FFF);
text-align: center;
font-size: 8px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-4 .bottom {
color: var(--Black-main, #FFF);
font-size: 16px;
font-style: normal;
line-height: normal;
letter-spacing: 0.64px;
text-align:center;
}

.section-4 .bottom p {
margin:0 0 10px 0;
}

.section-4 .bottom a {
color: var(--Black-main, #FF1400);
}

.section-4 .bottom b {
font-weight:600;
}

.section-5 {
margin:0 0 119px 0;
}

.section-5 .block {
border-radius: 21.506px;
border: 1px solid var(--Grey-stroke, #C0C0C0);
background: rgba(225, 225, 225, 0.10);
backdrop-filter: blur(5.650000095367432px);
padding:40px;
}

.section-5 .title {
color: #FFF;
text-align: center;
font-family: "Druk Wide";
font-size: 27.76px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 4px 0;
}

.section-5 .prize {
display:flex;
align-items:center;
justify-content: center;
gap:20px;
margin:0 0 28px 0;
color: #FF1400;
text-align: center;
font-family: "Druk Wide";
font-size: 71.754px;
font-style: normal;
font-weight: 500;
line-height: 100%;
}

.section-5 .times {
display:flex;
align-items:center;
justify-content: center;
gap:20px;
margin:0 0 58px 0;
color: #FF1400;
text-align: center;
font-family: "Druk Wide";
font-size: 71.754px;
font-style: normal;
font-weight: 500;
line-height: 100%;
}

.section-5 .times .name {
color: #FFF;
text-align: center;
font-family: Montserrat;
font-size: 17.938px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.718px;
}

.section-5 table {
width:100%;
color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.64px;
border:0px;
margin:0px;
}

.section-5 td {
padding:19px 17px;
border:0px;
border-bottom:1px #D7D7D7 solid;
}

.scroll-height-window {
border-radius: 8px;
background: #FFF;
padding:26px 19px 20px 44px;
}

.scroll-height {
height:569px;
overflow-y:auto;
padding:0 37px 0 0;
}

.section-5 td:first-child {
text-align:left;
}

.section-5 td:last-child {
text-align:right;
}

.section-5 td span {
color: #FF1400;
}

.section-5 tr:first-child td {
padding:0px 17px 19px 17px;
}

.section-5 ::-webkit-scrollbar {
width:6px;
}

.section-5 ::-webkit-scrollbar-track {
background: #fff;
}

.section-5 ::-webkit-scrollbar-thumb {
background: #D7D7D7;
border-radius:555px;
}

.section-6 {
margin:0 0 170px 0;
color: #E0E0E0;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-6 .site-width {
max-width:1154px;
}

.section-6 .title {
color: #FFF;
text-align: center;
font-family: "Druk Wide";
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin:0 0 40px 0;
}

.section-6 ol {
display:flex;
flex-direction:column;
gap:10px;
}

.mobile-menu {
display:none;
}

.header .btn:hover,
.section-1 .main .btn:hover,
.section-5 .btn:hover {
background:#111;
}











@media screen and (max-width:1300px) {


.header .menu ul {
gap:20px;
}

.header {
padding:15px;
}

.header .menu a {
font-size:16px;
}

.header .btn {
font-size:16px;
}

.section-1 .title {
font-size:60px;
}

.section-3 .name {
font-size:18px;
}








}




@media screen and (max-width:1000px) {

.header .logo {
flex:1;
}

.header .menu {
flex:none;
position:absolute;
top:calc(100% + 10px);
right:0px;
z-index:7;
background:#FF1400;
border-radius:10px;
padding:10px;
border:1px #fff solid;
display:none;
}

.header .menu ul {
flex-direction:column;
}

.mobile-menu {
display:block;
cursor:pointer;
}

.header .menu a:hover {
color:#111;
}

.section-3 .images {
width:150px;
}

.section-4 .title {
font-size:26px;
margin:0 0 40px 0;
}

.section-4 .flex {
gap:30px;
}

.section-4 .bottom br {
display:none;
}

.section-4 {
margin:0 0 50px 0;
}

.section-5 .times {
font-size:50px;
margin:0 0 30px 0;
}

.section-5 .prize {
font-size:50px;
margin:0 0 30px 0;
}









}




@media screen and (max-width:780px) {

.header {
margin:0 0 30px 0;
}

.header .logo a {
width: 80px;
height: 29px;
background: url(../images/alphalogo.svg) no-repeat;
background-size: contain;
}

.header .btn {
padding:9px;
font-size:14px;
}

.section-1 .title {
font-size:30px;
}

.section-1 .main .images {
margin:0 0 20px 0;
}

.section-1 {
min-height:inherit;
padding:20px 0 40px 0;
}

.section-2 {
font-size:20px;
}

.section-3 .title {
font-size:26px;
}

.section-3 .flex {
flex-direction:column;
}

.section-3 .images {
width:auto;
}

.section-4 .flex {
flex-direction:column;
}

.section-4 .item {
width:100%;
}

.section-5 .block {
padding:20px;
}

.section-5 .times {
font-size: 20px;
margin: 0 0 30px 0;
gap: 5px;
}

.section-5 .prize {
font-size: 20px;
margin: 0 0 10px 0;
gap: 5px;
}

.details {
font-size: 14px;
}

.section-5 .times .name {
font-size:14px;
}

.scroll-height {
overflow:auto;
padding:0 10px 0 0;
}

.section-5 table {
font-size:14px;
white-space: nowrap;
}

.scroll-height-window {
padding:20px;
}

.section-5 {
margin:0 0 50px 0;
}

.section-6 .title {
font-size:26px;
}

.section-6 {
margin:0 0 50px 0;
}


















}





/* Секция как контейнер слоёв */
.section-5 {
  position: relative;
  z-index: 0; /* слой секции */
}

/* Контент секции поверх письма */
.section-5 .site-width {
  position: relative;
  z-index: 1;
}

/* Конверт для первой секции с призами */
.section-5#prize_destribution::after {
  content: "";
  position: absolute;
  right: 200px;     
  bottom: -200px;  
  width: 360px;  
  height: 360px;
  background: url("/wp-content/uploads/2025/09/letter.png") no-repeat center / contain;
  pointer-events: none;
  z-index: 0;       
  opacity: 1;
}

@media (max-width: 992px) {
  .section-5#prize_destribution::after {
    right: 10px;
    bottom: -20px;
    width: 220px;
    height: 220px;
  }
}
@media (max-width: 600px) {
  .section-5#prize_destribution::after {
    display: none; 
  }
}
