@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');
/*!  ОБНУЛЕНИЕ */
*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
ul,
ol,
li {
    list-style: none;
}
img {
    vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
    font-size: inherit;
}
html, body {
    height: 100%;
    line-height: 1;
    
}
body {
    height: 100%;
    line-height: 1;
    font-family: Gosha Sans;
}

/* ---------------------- ОБНУЛЕНИЕ------------------------*/
/*! ПОДКЛЮЧАЕМ ШРИФТЫ*/
@font-face {
    font-family: arsenal_f;
    src: url(../fonts/arsenal-regular.woff2);
}


/*! СТИЛИЗУЕМ ПОДВАЛ */
/*#ffe100*/
.footer {
    font-family: 'arsenal_f';
    background-color: #28342a;
    background: url('../img/footer.webp') no-repeat center top / cover;
    height: 100vh;
    color: #d89a35;
}
.footer__label {
    padding: 30px 30px 30px 30px;

}
.footer__label_one_box {
    display: flex;
    justify-content: space-between;
}
.footer__label_one_box_left {
    font-family: 'Bad Script', cursive;
    font-size: 5vw;
    font-weight: 400;
    max-width: 50vw;
    margin-right: 9rem;
    /* margin-left: 3rem; */
    line-height: 150%;
    color: #e54f00;
}
.footer__label_one_box_right {
    display: block;
    font-size: 1.6vw;
    width: 100%;
    max-width: 26rem;
    line-height: 1.2em;
    color: #d89a35;
}
/* Обертка на подвальный футер*/
.footer__label_one_box_right_01,
.footer__label_one_box_right_1,
.footer__label_one_box_right_2,
.footer__label_one_box_right_3,
.footer__label_one_box_right_4,
.footer__label_one_box_right_5,
.footer__label_one_box_right_6,
.footer__label_one_box_right_7
 {
    border-bottom: 2px solid #d89a35;
    padding-bottom: 5px;
    padding-top: 5px;
}

.footer__label_one_box_right_01 a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_one_box_right_1 a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_one_box_right_2 a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_one_box_right_3 a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_one_box_right_4 a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_one_box_right_5 a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_one_box_right_6 a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_one_box_right_7 a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_one_box_right_8 a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_social_instagram:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_social_twitter:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_social_telegram:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_social_vk:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}


.footer__label_two_box_left_mail a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
    text-decoration: underline;
}
.footer__label_two_box_left_website a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}
.footer__label_two_box_left_support a:hover {
    cursor: pointer;
    color: #e54f00;
    transition: all 0.3s;
}

/* ---------------------------- */
.footer__label_one_box_right a {
    color: #d89a35;
}
.footer__label_social {
    margin-top: 30px;
    font-size: 2vw;
    line-height: 1em;
}
.footer__label_social a {
    color: #d89a35;
}
.footer__label_two_box {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.footer__label_two_box_left {
    max-width: 50vw;
    margin-right: 6rem;
    /* margin-left: 3rem; */
    font-size: 1.5vw;
    line-height: 1.5em;
    letter-spacing: 0.02em;
}
.footer__label_two_box_left a {
    color: #d89a35;
}
.footer__label_two_box_right {
    width: 100%;
    max-width: 26rem;
    line-height: 1.2em;
    font-weight: 400;
    text-align: left;
    opacity: 80%;
    color: #d89a35;
    font-size: 1.4vw;
}
.footer__label_bottom {
    font-size: 1vw;
    padding: 0px 0px 20px 30px;
    /* margin-left: 3rem; */
    text-decoration: underline;
}
.footer__label_bottom_avtor {
    font-size: 1vw;
    padding: 0px 0px 20px 30px;
    /* margin-left: 3rem; */
}
.footer__label_bottom_avtor a {
    color: #c9c9c9;
    font-weight: 600;
}
.footer__label_bottom_avtor a:hover {
    color: #ffffff;
}

a[href^="tel:"]:before {
    content: "\260e";
    margin-right: 0.5em;
}

a[href^="mailto:"]:before {
    content: "✉";
    margin-right: 0.5em;
}

a[href^="https://vk.com/id819686628"]:before {
    content: "⚃";
    margin-right: 0.5em;
}
a[href^="https://www.facebook.com/artful.company/"]:before {
    content: "⚂";
    margin-right: 0.5em;
}
a[href^="https://t.me/workineu23"]:before {
    content: "⚁";
    margin-right: 0.5em;
}
a[href^="https://www.instagram.com/artful_company/"]:before {
    content: "⚀";
    margin-right: 0.5em;
}
.footer_logo {
    max-width: 100%;
    width: 400px;
}


.footer__label_two_box_right ul {
    display: flex;
    margin-top: 15px;
}
.footer__label_two_box_right ul li {
    padding-right: 15px;
}
.footer__label_two_box_right ul li:last-child {
    padding-right: 0px;
}


.underline {
    color: #644611;
}