/*==========================================================================================================================================================================*/
/* Подключение шрифтов */
@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-Regular.woff2") format("woff2"),
         url("../fonts/FiraSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-Medium.woff2") format("woff2"),
         url("../fonts/FiraSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-SemiBold.woff2") format("woff2"),
         url("../fonts/FiraSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Fira Sans";
    src: url("../fonts/FiraSans-Bold.woff2") format("woff2"),
         url("../fonts/FiraSans-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Circe */
@font-face {
    font-family: "Circe";
    src: url("../fonts/Circe-Bold.woff2") format("woff2"),
         url("../fonts/Circe-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



/*==========================================================================================================================================================================*/
/* Обнуление */
body {
    xposition: relative;
    margin: 0;
    padding: 0;
    background-color: #000;
    overflow-x: hidden;
}

body._lock {
    overflow: hidden;
}

* {
    margin: 0;
    padding: 0;
}

.finist *:focus,
.finist *:active {
	outline: none;
}

.finist *,
.finist *:before,
.finist *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.finist a,
.finist button {
    border: none;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}

.finist button {
    background: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.finist button:focus {
    outline: none;
}

.finist button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.finist ul li {
    list-style: none;
}

.finist img {
    max-width: 100%;
    vertical-align: top;
    border: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.finist a:focus,
.finist a:active {
    outline: none;
}

.finist a,
.finist a:visited,
.finist a:hover {
    text-decoration: none;
}

.finist input:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
}



/*==========================================================================================================================================================================*/
/* Общие стили */
.wrapper {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

.finist {
    max-width: 71.25rem;
    min-height: 25rem;
    margin: 0 auto;
    font-family: "Fira Sans", sans-serif;
    color: #fff;
    background-color: #19082b;
    overflow-x: hidden;
}

.finist [class*="__container"] {
    padding: 0 1.875rem; 
}

.premiere-image img {
    width: 100%;
}


/*=====================================================================================*/
/* Media Queries */
@media (max-width: 47.9988em) {
    .finist [class*="__container"] {
        padding: 0 1.25rem; 
    }
}

@media (max-width: 29.9988em) {
    .finist [class*="__container"] {
        padding: 0 0.625rem; 
    }
}



/*==========================================================================================================================================================================*/
/* Модификаторы */
.image-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.visually-hidden {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
    opacity: 0;
}



/*==========================================================================================================================================================================*/
/* Main */
.main-finist__body {
/*     padding: 1.875rem 0 4.9375rem; */
	padding: 1.875rem 0 0.9375rem;
}

.main-finist__subtitle {
    margin: 0 0 1.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.main-finist__image {
    position: relative;
    display: block;
    margin: 0 0 3.75rem;
    border-radius: 1.875rem;
    overflow: hidden;
    z-index: 2;
}

.main-finist__content {
    position: relative;
    margin: 0 0 3.75rem;
    text-align: center;
    line-height: 1.2;
}

.main-finist__content > * {
    position: relative;
}

.main-finist__content::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 52rem;
    height: 23.4375rem;	
    background-image: url("../img/lights/light-1.svg");
    background-size: cover;
}

.main-finist__title {
    max-width: 40ch;
    margin: 0 auto 1.875rem;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1.206;
}

.main-finist__text {
    max-width: 70ch;
    margin: 0 auto;
    font-size: 1.25rem;
    font-weight: 500;
}

.main-finist__premiere {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 5.25rem;
    border-radius: 1.875rem;
    font-size: 2.3125rem;
    font-weight: 600;
    text-align: center;
    color: #ff9d00;
    overflow: hidden;
}

.main-finist__premiere span {
    position: relative;
}

.bottom-finist {
    position: relative;
    line-height: 1.2;
}

.bottom-finist__rules {
    display: inline-block;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    font-weight: 500;
    -webkit-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    transition: color 0.25s ease;
}

.bottom-finist__text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.223;
    color: rgba(255, 255, 255, 0.8);
}

.steps-finist {
    margin: 3.75rem 0;
}

.steps-finist__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.75rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
    row-gap: 1.25rem;
    margin: 0 0 3.75rem;
}

.item-step:nth-child(2n + 1) .item-step__body {
    padding: 2.5625rem 2.625rem 1.5625rem 14%;
}

.item-step:nth-child(2n) .item-step__body {
    padding: 2.5625rem 4rem 0 16.1%;
}

.item-step__body {
    height: 100%;
    background-color: #10021f;
    border-radius: 1.875rem;
    overflow: hidden;
}

.item-step__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    margin: 0 0 1.375rem;
}

.item-step__number {
    width: 3.125rem;
}

.item-step__title {
    margin: 0.1875rem 0 0;
    font-family: "Circe", sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}

.item-step:nth-child(2n + 1) .item-step__title {
    max-width: 22ch;
}

.item-step:nth-child(2n) .item-step__title {
    max-width: 20ch;
}

.item-step__image {
    position: relative;
}

.item-step:nth-child(2n + 1) .item-step__image {
    margin: 0 0 0 2.375rem;
    width: 74.163%;
}

.item-step:nth-child(2n) .item-step__image {
    margin: 0 0 0 2.4375rem;
    width: 75.262%;
}

.item-step__image::before {
    content: '';
    position: absolute;
    top: calc(50% - 0.25rem);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 33.375rem;
    height: 16.8125rem;	
    background-image: url("../img/lights/light-2.svg");
    background-size: cover;	
}

.item-step:nth-child(2n + 1) .item-step__image::before {
    width: 172.26%;
    height: 136.11%;
}

.item-step:nth-child(2n) .item-step__image::before {
    width: 184.776%;
    height: 118%;
}

.item-step__image img {
    position: relative;
    width: 100%;
}

.prize-finist {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
    min-height: 5.25rem;
    border-radius: 1.875rem;
    font-size: 2.3125rem;
    font-weight: 600;
    text-align: center;
    overflow: hidden;
}

.prize-finist__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.prize-finist span {
    position: relative;
    z-index: 2;
}

.prize-finist__number {
    position: relative;
    width: 3.125rem;
    margin: 0 0 0 12.5%;
    z-index: 2;
}

.prize-finist__lamp {
    position: relative;
    margin: 0 0 0 -6.0625rem;
    height: 5.25rem;
}

.prize-finist__lamp img {
    height: 100%;
}

.main-finist__columns {
    margin: 0 0 2.5rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.75rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
    row-gap: 0.9375rem;
}

.column-main-finist {
    border: 0.0625rem solid #27185f;
    border-radius: 1.875rem;
    padding: 2.9375rem 1.5rem 2.8125rem;
}

.column-main-finist--big {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
    padding: 2.5rem 2.6875rem 3.25rem;
}

.column-main-finist__text {
    margin: 0 auto;
    max-width: 28ch;
    text-align: center;
    font-family: "Circe", sans-serif;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.35;
}

.column-main-finist__text img {
    margin: 0.0625rem 0 0 0.125rem;
    height: 1.625rem;
}

.column-main-finist__image {
    max-width: 21.375rem;
    margin: -3.25rem auto -2.125rem;
}

.column-main-finist--big .column-main-finist__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    max-height: 74.25%;
    margin: 0 0 1.25rem;
}

.column-main-finist__image img {
    width: 100%;
}

.column-main-finist--big .column-main-finist__image img {
    position: relative;
    width: auto;
    height: 100%;
}

.column-main-finist--big .column-main-finist__item:first-child .column-main-finist__image img {
    height: 92.9%;
}

.column-main-finist__item {
    font-family: "Circe", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.33;
    text-align: center;
}

.image--light {
    position: relative;
}

.image--light::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 118.782%;
    height: 135.36%;	
    background-image: url("../img/lights/light-3.svg");
    background-size: cover;	
}


/*=====================================================================================*/
/* Media Queries */
@media (any-hover: hover) and (any-pointer: fine) {
    .bottom-finist__rules:hover {
        color: #6237ca;
    }
}

@media (max-width: 75em) {
    .item-step:nth-child(2n + 1) .item-step__body {
        padding: 2.5625rem 12% 1.5625rem;
    }
    
    .item-step:nth-child(2n) .item-step__body {
        padding: 2.5625rem 14% 0;
    }

    .item-step__title {
        font-size: 1.5rem;
    }

    .item-step__number {
        width: 2.5rem;
    }
}

@media (max-width: 61.9988em) {
    .main-finist__subtitle {
        max-width: 32ch;
        line-height: 1.2;
    }

    .column-main-finist__text {
        font-size: 1.1875rem;
    }

    .column-main-finist__text img {
        height: 1.5rem;
    }

    .column-main-finist--big {
        padding: 2.5rem 1rem 3.25rem;
    }

    .column-main-finist__item {
        font-size: 0.9375rem;
    }
}

@media (max-width: 47.9988em) {
    .main-finist__body {
        padding: 1.3125rem 0 2.0625rem;
    }

    .main-finist__subtitle {
        margin: 0 5rem 1.25rem 0;
        font-size: 1.25rem;
    }

    .main-finist__image {
        margin: 0 0 2.5rem;
    }

    .main-finist__content {
        margin: 0 0 2.5rem;
    }

    .main-finist__title {
        max-width: 30ch;
        font-size: 1.875rem;
    }

    .main-finist__premiere {
        min-height: 4rem;
        font-size: 1.6875rem;
    }

    .steps-finist {
        margin: 2.5rem 0;
    }

    .steps-finist__row {
        margin: 0 0 2.5rem;
    }

    .item-step__body {
        border-radius: 1rem;
    }

    .item-step__top {
        -webkit-column-gap: 0.75rem;
           -moz-column-gap: 0.75rem;
                column-gap: 0.75rem;
    }

    .item-step__title {
        font-size: 1.25rem;
    }

    .item-step:nth-child(2n + 1) .item-step__body {
        padding: 2rem 10% 1.5625rem;
    }
    
    .item-step:nth-child(2n) .item-step__body {
        padding: 2rem 12% 0;
    }

    .item-step__number {
        width: 2rem;
    }

    .steps-finist__prize {
        min-height: 4rem;
    }

    .prize-finist {
        -webkit-column-gap: 0.4375rem;
           -moz-column-gap: 0.4375rem;
                column-gap: 0.4375rem;
        min-height: 4rem;
        font-size: 1.6875rem;
    }

    .prize-finist__number {
        width: 2.4375rem;
        margin: 0;
    }

    .prize-finist__lamp {
        position: absolute;
        top: 0;
        left: calc(50% + 7.5rem);
        width: 11.5rem;
        height: 5.3125rem;
    }

    .main-finist__columns {
        margin: 0 0 1.875rem;
    }

    .column-main-finist {
        padding: 2rem 1rem 2.1875rem;
        border-radius: 1rem;
    }

    .column-main-finist__text {
        font-size: 1rem;
    }

    .column-main-finist__text img {
        height: 1.25rem;
    }

    .column-main-finist__image {
        margin: -3rem auto -1.25rem;
    }
}

@media (max-width: 37.5613em) {
    .steps-finist__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .main-finist__columns {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .column-main-finist__text {
        font-size: 1.1875rem;
    }

    .column-main-finist__text img {
        height: 1.5rem;
    }

    .column-main-finist--big {
        padding: 2rem 1.5rem 2.5rem;
    }

    .column-main-finist__item {
        font-size: 1.125rem;
    }
}

@media (max-width: 29.9988em) {
    .main-finist__content::before {
        width: 32.625rem;
        height: 29.25rem;	
        background-image: url("../img/lights/light-4.svg");
        background-size: cover;
    }

    .bottom-finist {
        margin: 0 0.625rem;
    }

    .column-main-finist--big {
        padding: 1.25rem 1rem 1.5rem;
    }

    .column-main-finist__item {
        font-size: 0.9375rem;
    }
}

@media (max-width: 26.3113em) {
    .prize-finist {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 0 0.8125rem;
    }

    .prize-finist__lamp {
        left: auto;
        right: -1.0625rem;
    }
}

@media (max-width: 23.4363em) {
    .main-finist__subtitle {
        margin: 0 0 1.25rem;
    }

    .prize-finist {
        font-size: 1.375rem;
    }

    .column-main-finist__text {
        font-size: 1.0625rem;
    }

    .column-main-finist__text img {
        height: 1.25rem;
    }

    .column-main-finist--big {
        padding: 1.25rem 0.5rem 1.5rem;
    }

    .column-main-finist__item {
        font-size: 0.875rem;
    }
}


.main-finist__subtitle h3{
    font-weight: 100;
}



.finist  img.event_movie_img{
    max-width:  160px;
}