*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    list-style-type: none;
    scroll-behavior: smooth
}

a {
    color: inherit;
    text-decoration: none
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0
}

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

body {
    font-size: 20px;
    line-height: 120%;
    font-family: "ua-brand";
    color: #fff;
    background-color: #000
}

body.overflow {
    overflow: hidden
}

.wrapper {
    min-width: 100%;
    overflow-x: hidden;
    position: relative
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.title-text {
    text-align: center;
    font-family: "druk-cyr";
    font-size: 60px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 4px;
    text-transform: uppercase
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.fw-700 {
    font-weight: 700
}

.orange-btn {
    color: inherit;
    font-weight: 700;
    background: linear-gradient(34deg, rgb(255, 122, 0) 1%, rgb(254, 180, 59) 85%, rgb(255, 243, 214) 100%);
    -webkit-box-shadow: 0 8px 28px 0 rgba(255, 123, 0, .4823529412);
    box-shadow: 0 8px 28px 0 rgba(255, 123, 0, .4823529412);
    height: 100px;
    margin: 0 auto;
    border-radius: 20px;
    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;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.orange-btn:hover {
    background: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #ff7a00
}

.divider-v {
    height: 50px;
    width: 1px;
    background-color: #fff;
    margin: 0 15px
}

.background-full {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1800px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 123, 0, 0.5098039216)), to(rgba(255, 123, 0, 0)));
    background: linear-gradient(0deg, rgba(255, 123, 0, 0.5098039216), rgba(255, 123, 0, 0));
    opacity: .4;
    z-index: -100
}

@media screen and (max-width: 1440px) {
    .container {
        max-width: 80%
    }
}

@media screen and (max-width: 1024px) {
    .container {
        max-width: 90%
    }
    .title-text {
        font-size: 55px
    }
    .orange-btn {
        height: 70px
    }
}

@media screen and (max-width: 768px) {
    .title-text {
        font-size: 45px
    }
    .orange-btn {
        font-size: 14px;
        font-weight: 400
    }
}

@media screen and (max-width: 480px) {
    .title-text {
        font-size: 40px
    }
    .orange-btn {
        height: 60px
    }
}