html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*,
*::after,
*::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

ul[class],
ol[class] {
    padding: 0
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
    font-size: inherit
}

ul[class] {
    list-style: none
}

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

input,
button,
textarea,
select {
    font: inherit
}

a {
    text-decoration: none
}

html,
body {
    height: 100%;
    overflow-x: hidden
}

body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    line-height: 27px;
    overflow-x: hidden;
    min-width: 320px;
    scroll-behavior: smooth
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.container {
    max-width: 1513px;
    padding: 0 15px;
    margin: 0 auto
}

body {
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.header {
    background-image: url(../images/topImg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #000;
    font-weight: 500
}

.header .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    margin-right: 150px
}

.header .logo span {
    color: #ae01ff
}

.header .logo img {
    display: inline-block;
    padding-right: 5px
}

.header__btn {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: 2px solid #f0f0f0;
    cursor: pointer;
    padding: 10px 43px;
    background-color: #ae01ff;
    border-radius: 26px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.header__btn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.header__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1000px;
    width: 100%
}

.header__inner {
    padding: 54px 0
}

.header__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 60px
}

.header .menu__list a {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    line-height: normal
}

.header .menu__list a img {
    display: inline-block
}

.header .menu__list a:hover {
    color: #ae01ff;
    border-bottom: 1px solid #ae01ff
}

.header .menu__btn {
    display: none;
    cursor: pointer
}

.header__top-title {
    color: #fff;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 133.023%;
    text-transform: uppercase
}

.header__top-title span {
    color: #ae00ff;
    display: block;
    text-shadow: 0px 1px 4px #ae00ff;
    font-size: 64px;
    line-height: 133.023%
}

.header__top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 100px
}

.header__top-box--img img {
    max-width: 29vw
}

.header__top-box--info {
    max-width: 830px
}

.header__top-box--title {
    color: #a004e8;
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 15px
}

.header__top-box--text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 210%;
    max-width: 730px
}

@media(max-width: 1250px) {
    .header__btn {
        margin-left: 20px
    }
}

@media(max-width: 1100px) {
    .header__box {
        position: relative
    }

    .header .header__inner {
        padding-top: 30px;
        padding-bottom: 15px
    }

    .header .menu__btn-of,
    .header .menu__btn-on {
        display: block
    }

    .header .menu__btn-of.hidden,
    .header .menu__btn-on.hidden {
        display: none
    }

    .header .header__btn {
        margin-left: 20px
    }

    .header .menu__list,
    .header .header__mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header .header__mobile {
        position: absolute;
        z-index: 8;
        left: 0;
        top: 0;
        background-color: #fff;
        text-align: center;
        width: 135%;
        height: 80vh;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translateX(135%);
        -ms-transform: translateX(135%);
        transform: translateX(135%)
    }

    .header .header__mobile .header__btn {
        margin-bottom: 60px
    }

    .header .header__mobile.show {
        -webkit-transform: translateX(-4%);
        -ms-transform: translateX(-4%);
        transform: translateX(-4%);
        width: 110vw
    }

    .header .menu__btn-on,
    .header .menu__btn-of {
        position: absolute;
        z-index: 9;
        right: 18px;
        top: 10px
    }

    .header .menu__btn-on,
    .header .menu__btn-of {
        top: 50%;
        right: 0
    }

    .header .header__inner {
        padding: 15px 0
    }

    .header .header__mobile {
        top: -3vh;
        background-color: rgba(0, 0, 0, .8);
        height: 110vh
    }
}

.item {
    max-width: 600px
}

.item__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px
}

.item__hours {
    color: #a004e8;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.item__img {
    position: relative
}

.item__img-text {
    position: absolute;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    top: 60%;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .69);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    padding: 20px 0
}

.item__text {
    text-align: center;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 210%;
    margin-top: 10px;
    margin-bottom: 25px
}

.item__btn {
    display: inline-block;
    width: 100%;
    border-radius: 44px;
    border: 2px solid #fff;
    background: rgba(190, 80, 205, .46);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 13px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.item__btn-box {
    text-align: center
}

.item__btn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.bitem .item__img {
    width: 100%
}

.bitem .item__img img {
    max-width: 100%;
    width: 100%
}

.bitem .item__img-text {
    top: 30%
}

.bitem .item__btn-box {
    margin: 0 auto;
    width: 600px;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    background: rgba(190, 80, 205, .65)
}

.footer {
    padding-bottom: 75px;
    text-align: center
}

.footer .logo {
    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;
    color: #fff;
    font-size: 64px
}

.footer .logo img {
    max-width: 64px;
    width: 100%
}

.footer .logo span {
    color: #ae01ff
}

.footer__text {
    color: #eee;
    text-align: center;
    font-size: 48px;
    line-height: 120%;
    font-weight: 700;
    max-width: 700px;
    text-align: center;
    margin: 0 auto
}

.footer__text span {
    color: #a004e8
}

.footer__form {
    margin: 30px auto;
    max-width: 80vw;
    border-radius: 24px;
    background-color: rgba(0, 0, 0, .72);
    padding-bottom: 50px
}

.footer__form input,
.footer__form textarea {
    width: 80%;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    margin-top: 40px;
    border-bottom: 1px solid rgba(46, 2, 73, .3);
    padding: 10px;
    color: #fff;
    resize: none
}

.footer__form-btn {
    max-width: 315px;
    margin: 0 auto;
    border-radius: 16px;
    background: #a004e8;
    font-size: 20px;
    padding: 24px;
    color: #fff;
    margin-top: 40px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.footer__form-btn::before {
    position: absolute;
    content: "";
    left: 50px;
    background-image: url(../images/Vector.png);
    width: 24px;
    height: 24px
}

.footer__form-btn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.footer__menu .menu__list {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 550px
}

.footer__menu .menu__list a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.footer__menu .menu__list a:hover {
    color: #ae00ff;
    border-bottom: 1px solid #ae00ff
}

.meow {
    height: 200px;
}

@media(max-width: 1230px) {
    .meow {
        height: auto;
    }
}

.meow2 {
    height: 400px;
}

@media(max-width: 1300px) {
    .meow2 {
        height: auto;
    }
}

.meow3 {
    min-height: 500px;
}

@media(max-width: 1300px) {
    .item__box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .item__box .item {
        margin-top: 20px
    }

    .header__top-box--title {
        font-size: 30px
    }
}

@media(max-width: 900px) {
    .header__top-title {
        font-size: 30px
    }

    .header__top-title span {
        font-size: 35px
    }

    .header__top-btn {
        margin-top: 90px;
        margin-bottom: 225px
    }

    .sbox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .form__box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .form__title {
        padding-bottom: 30px;
        line-height: 130%
    }

    .header__top-box--title {
        font-size: 18px
    }

    .header__top-box--text {
        font-size: 12px;
        max-width: 400px
    }
}

@media(max-width: 520px) {
    .footer__menu {
        display: none
    }

    .title {
        font-size: 25px
    }

    .title span {
        font-size: 30px
    }

    .footer .logo {
        font-size: 30px
    }
}

@media(max-width: 420px) {
    .item__time {
        font-size: 12px
    }

    .textBox {
        padding: 10px
    }

    .title {
        font-size: 20px
    }

    .title span {
        font-size: 25px
    }
}


@media(max-width: 650px) {
    .sf {
        width: 50%;
        background: rgba(190, 80, 205, 0);
    }

    .sf2 {
        height: 290px;
        object-fit: cover;
    }
}