@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');


* {

    padding: 0;

    margin: 0;

    border: 0;

}


*, *:before, *:after {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}


:focus, :active {

    outline: none;

}


a:focus, a:active {

    outline: none;

}


nav, footer, header, aside {

    display: block;

}


html, body {

    min-height: 100%;

    width: 100%;

    font-size: 100%;

    line-height: 1;

    -ms-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

}


input, button, textarea {

    font-family: inherit;

}


input::-ms-clear {

    display: none;

}


button {

    cursor: pointer;

}


button::-moz-focus-inner {

    padding: 0;

    border: 0;

}


a, a:visited {

    text-decoration: none;

}


a:hover {

    text-decoration: none;

}


ul li {

    list-style: none;

}


img {

    vertical-align: top;

}


h1, h2, h3, h4, h5, h6 {

    font-size: inherit;

    font-weight: inherit;

}


.wrapper {

    overflow: auto;

}


/* Прелоадер */

/* Прелоадер */


/* Кнопка вверх */

.btn-top {

    display: none;

    position: fixed;

    right: 30px;

    bottom: 30px;
    z-index: 1000;
    border: none;
    outline: none;

    background-color: rgb(87, 22, 98);

    cursor: pointer;

    padding: 15px 15px;

    opacity: 0.5;

}


.btn-top:hover {

    background-color: dimgray;

}


.triangle {

    width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 10px solid white;

}


/* Кнопка вверх */


/* header,меню */

body.lock {

    overflow: hidden;

}


.header {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1000;

}


.header:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgb(87, 22, 98);

    width: 100%;

    height: 100%;

    z-index: 2;

}


.header_container {

    max-width: 1300px;

}


.header__body {

    position: relative;

    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;

    height: 110px;

}


.header__block {

    display: flex;

    align-items: center;

    margin: 0 50px 0 0;

}


.header_tel_and_email {

    display: flex;

    flex-direction: column;

    padding: 5px;

}


.header__tel {

    position: relative;

    z-index: 3;

    font-size: 4px;

    white-space: nowrap;

    display: none;

}


.header__email {

    position: relative;

    z-index: 3;

    color: dimgray;

    margin: 5px 0 0 10px;

}


.header__logo {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 60px;

    position: relative;

    z-index: 3;

}


.header__tel {

    font-size: 20px;

}


.header__burger {

    display: none;

}


@media screen and (max-width: 1110px) {

    .header__block {

        max-width: 200px;

    }


    .header__body {

        height: 110px;

    }


    .header .header__burger {

        display: block;

        position: absolute;

        right: 10px;

        width: 30px;

        height: 20px;

        z-index: 3;

        cursor: pointer;

    }


    .header .header__logo {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 40px;

        flex: 0 0 40px;

    }


    .header .header__burger span {

        position: absolute;

        top: 9px;

        left: 0;

        width: 100%;

        height: 2px;

        background-color: white;

    }


    .header .header__burger:before,
    .header .header__burger:after {

        content: '';

        height: 2px;

        width: 100%;

        position: absolute;

        left: 0;

        background-color: white;

        -webkit-transition: all 0.5s ease 0s;

        transition: all 0.5s ease 0s;

    }


    .header .header__burger:before {

        top: 0;

    }


    .header .header__burger:after {

        content: '';

        bottom: 0;

    }


    .header .header__burger.active:before {

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

        top: 9px;

    }


    .header .header__burger.active span {

        display: none;

    }


    .header .header__burger.active:after {

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg);

        bottom: 9px;

    }


    .header .header__menu {

        position: fixed;

        left: 0;

        top: -100%;

        width: 100%;

        height: 100%;

        background-color: rgb(87, 22, 98);

        padding: 45px 0 10px 15px;

        -webkit-transition: all 0.5s ease 0s;

        transition: all 0.5s ease 0s;

        overflow: auto;

    }


    .header .header__menu.active {

        top: 0;

        padding: 140px 0 0 30px;

    }


    .header .header__list {

        display: block;

    }


    .header .header__list > li {

        /* margin: 35px 0 30px 0; */

        font-weight: 900;

        font-family: 'Open Sans', sans-serif;

        font-size: 50px;

        border-bottom: 1px solid white;

        width: 96%;

    }


    .menu_header_li {

        display: none;

    }


    .menu_li_header {

        margin: 0 0 0 10px;

        align-self: flex-start;

        display: none;

    }


    .menu_li2_header {

        margin: 0 0 0 0;

        padding: 10px 0 0 0;

    }


    .header__list li > a {

        width: 100%;

        display: block;

        padding: 20px 0 20px 0;

    }

}


@media screen and (max-width: 778px) {

    .header__tel {

        display: block;

        font-size: 16px;

        margin: 0 0 0 15px;

    }

}

@media screen and (max-width: 350px) {
    .header__tel {
        display: none;
    }
}

.header__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    z-index: 5;

    align-items: center;

}


.header__menu a.parent {

    margin: 0 30px 0 0;

}


.header__list > li {

    margin: 0 20px 0 0;

    position: relative;

}


.header__list > li:hover {

    opacity: 0.8;

    cursor: pointer;

}


/* .header__list li:hover .sub-menu__list {

    display: block;

} */


.header__list li > a {

    font-family: 'Open Sans', sans-serif;

    font-size: 18px;

    color: white;

    text-decoration: none;

    font-weight: 700;

    /* width: 100%;

    display: block;

    padding: 25px 0 25px 0; */

}


@media screen and  (min-width: 1100px) {

    .contact_menu {

        margin: 0 0 0 30px;

        display: flex;

        align-items: center

    }


    .menu_li2_header {
        margin: 0 0 0 30px;
    }

}


.menu_li_header {

    margin: 0 0 0 15px;

    align-self: flex-start;

}

.menu_link_face-and-inst:hover {
    opacity: 0.6;
}

/*

banner

 */

.banner {

    width: 100%;

    min-height: 600px;

    background-image: url('/images/banner/ladi.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: left;

}


.banner_container {

    height: 100%;

}


.banner_body {

    padding: 40px 0 20px 0;

    height: 100%;

    display: flex;

    justify-content: space-between;

}


.banner_item_title {

    font-size: 54px;

    color: white;

    font-family: Arial;

    font-weight: 700;

}


.banner_sub_title {

    font-size: 40px;

    color: white;

    margin: 70px 0 30px 0;

    font-family: 'Open Sans', sans-serif;

    font-weight: 700;

}


.banner_past {

    font-size: 30px;

    color: white;

    margin: 20px 0;

    font-family: 'Open Sans', sans-serif;

}


.banner_link {

    margin: 0 60px 0 0;

    font-size: 20px;

    color: white;

    font-family: 'Open Sans', sans-serif;

    border-bottom: 1px solid white;

    font-weight: 700;

}


.banner_parent_link {

    margin: 70px 0 0 0;

}


.banner_feedback {

    border-radius: 20px;

    align-self: flex-start;

    background-color: white;

    margin: 10px 0 0 0;

}


.banner_feedback_title {

    border-radius: 10px 10px 0 0;

    font-weight: 700;

    font-size: 22px;

    padding: 20px;

    margin: 0 0 20px 0;

    color: white;

    background-color: rgb(87, 22, 98);

    font-family: 'Open Sans', sans-serif;

}


.banner_btn {

    margin: 0 28px 0 0;

    border-radius: 100px;

    font-weight: 700;

}


.banner_sub_text {

    padding: 70px 0 20px 0;

    color: rgb(87, 22, 98);

    text-align: center;

    font-family: 'Open Sans', sans-serif;

}

#banner_new_btn {
    display: none;
}

@media screen and (max-width: 1110px) {

    .banner_body {

        flex-direction: column;

        align-items: center;

        text-align: center;

    }


    .banner_item_title {

        font-size: 32px;

        color: white;

        letter-spacing: 1px;
        font-weight: 700;

    }


    .banner_sub_title {

        font-size: 26px;

        color: white;

        margin: 30px 0 2px 0;

        font-family: 'Open Sans', sans-serif;

        font-weight: 700;

        letter-spacing: 1px;

    }


    .banner_feedback {

        display: none;

    }


    .banner_parent_link {

        margin: 40px 0 60px 0;

    }


    .banner_link {

        margin: 0 16px 0 0;

        font-size: 12px;

    }


    .banner_link:last-child {

        margin: 0;

    }

    .banner_past {
        font-weight: 700;
        margin: 6px 0;
        font-size: 16px;
    }

    #banner_new_btn {
        display: block;
    }

}


/*

banner

 */


/*

price

 */

.price {

    padding: 50px 0 20px 0;

}


.price_container {

}

.price-main__title {
    font-size: 44px;

}

.price_body {

    display: flex;

    flex-wrap: wrap;

    padding: 20px 0 0 0;

}


.price_image {

    /* max-width: 100%;

     height: 350px;

     background-image: url("../images/price/p1.jpg");

     background-position: center;

     background-size: cover;

     background-repeat: no-repeat; */

    border: 1px solid grey;

}


.p2 {

    /* background-image: url("../images/price/p2.jpg"); */

}


.price_image img {

    width: 100%;

}


.price_item {

    max-width: 560px;

    padding: 20px 0 0 0;

    margin: 0 20px 0 0;

}


.price_item_title {

    color: black;

    font-size: 32px;

    font-weight: 700;

    padding: 20px 0 12px 0;

    font-family: Arial;

}


.price_sub-title {

    padding: 0 0 12px 0;

    color: rgb(87, 22, 98);

    font-size: 20px;

    font-weight: 700;

    font-family: Arial;

}


.price_text {

    color: black;

    font-weight: 400;

    font-size: 18px;

    font-family: 'Open Sans', sans-serif;

    line-height: 20px;

}


.price_link {

    padding: 70px 0 20px 0;

    text-align: center;

}


.price_link_son {

    padding: 16px 50px;

    color: white;

    font-size: 20px;

    background-color: rgb(87, 22, 98);

    font-family: 'Open Sans', sans-serif;

    border-radius: 100px;

    font-weight: 700;

    cursor: pointer;

}


.price_link_son:hover {

    background-color: dimgrey;

}


@media screen and (max-width: 1200px) {

    .price_body {

        flex-wrap: nowrap;

        overflow-x: auto;

    }


    .price_item {

        flex: 0 0 80%;

        padding: 20px 0 30px 0;

    }


    .price_link_son {

        display: none;

    }

    .price_link {

        padding: 20px 0 0 0;

    }

}


.system {

    margin: 40px 0 0 0;

    padding: 70px 0 50px 0;

    background-color: rgb(87, 22, 98);

}


.system_container {

}


.system_main_title.title {

    color: white;

    margin: 0 0 20px 0;

    font-size: 44px;

}


.system_body {

    display: flex;

    justify-content: space-between;

}


.system_item {

    text-align: center;

}


.system_item_title {

    font-size: 110px;

    color: orange;

    font-family: 'Open Sans', sans-serif;

}


.system_item_title2 {

    font-size: 54px;

    color: orange;

    font-family: 'Open Sans', sans-serif;

}


.system_sub_title {

    color: white;

    font-size: 26px;

    font-family: 'Open Sans', sans-serif;

    margin: 20px 0 20px 0;

    font-weight: 700;

    font-style: italic;

    letter-spacing: 3px;

    line-height: 32px;

}


.system_item_text {

    color: white;

    font-size: 22px;

    font-family: 'Open Sans', sans-serif;

}


.system_text {

    text-align: center;

    color: white;

    font-family: 'Open Sans', sans-serif;

    padding: 40px 0 0 0;

    font-size: 28px;

}


.system_link {

    display: inline-block;

    background-color: orange;

}


.block {

    text-align: center;

}


.block__item {

    margin: 0px 0px 15px 0px;

}


.block__title {

    text-transform: uppercase;

    position: relative;

    padding: 0px 0px 0px 30px;

    cursor: pointer;

    color: white;

    font-family: 'Open Sans', sans-serif;

    font-size: 32px;

}


.block__title:before,
.block__title:after {

    content: '';

    width: 10px;

    height: 1px;

    background-color: white;

    position: absolute;

    top: 8px;

    transition-duration: 1s;

}


.block__title:before {

    transform: rotate(40deg);

    left: 10px;

}


.block__title:after {

    transform: rotate(-40deg);

    left: 17px;

}


.block__title.active:before,
.block__title.active:after {

    background-color: orange;

}


.block__title.active:before {

    transform: rotate(-40deg);

}


.block__title.active:after {

    transform: rotate(40deg);

}


.block__text {

    padding: 10px 0 0 0;

    display: none;

    color: white;

    font-family: 'Open Sans', sans-serif;

    font-size: 22px;

}


@media screen and (min-width: 1000px) {

    .block {

        display: none;

    }

}


@media screen and (max-width: 1000px) {

    .system {

        margin: 0;

        padding: 40px 0 50px 0;

    }

    .block {

        display: block;

    }


    .system_body {

        display: none;

    }

}

/*slider*/
.fancybox {
    background-color: rgb(87, 22, 98);
}

.slider_main_title {
    text-align: center;
    color: white;
    font-size: 40px;
    padding: 50px 0 30px 0;
    font-family: Arial;
    font-weight: 700;
}

.slider_container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 30px 0 30px;
}

.slider__body {
    display: flex;
    justify-content: space-between;
    padding: 30px 0 30px 0;
}

.slider_article {
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    margin: 0 0 20px 0;
}

@media screen and (max-width: 1100px) {
    .slider__body {
        flex-direction: column;
    }
}

.slider__title {
    text-align: center;
    color: white;
    font-size: 44px;
    padding: 20px 0 30px 0;
    font-family: Arial;
    font-weight: 700;
}

.gallery {
    padding: 20px 0 20px 0;
}

.slider_sub-text {
    padding: 30px 0 30px 0;
}

.slider_sub_body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.slider_sub-item {
    margin: 30px 0 15px 0;
}

@media screen and (max-width: 660px) {
    .slider_sub_body {
        justify-content: center;
    }
}

.container-item {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5px;
}

/* Основные стили */

/* Слайдер */
/* Слайдер */
.slick-slider {
    min-width: 0;
}

/* Ограничивающая оболочка */
.slick-list {
    overflow: hidden;
}

/* Лента слайдов */
.slick-track {
    display: flex;
    align-items: flex-start;
}

/* Слайд */
.slick-slide {
}

/* Слайд активный */
.slick-slide.slick-active {
}

/* Слайд основной */
.slick-slide.slick-current {
}

/* Слайд по центру */
.slick-slide.slick-center {
}

/* Стрелка */
.slick-arrow {
}

/* Стрелка влево */
.slick-arrow.slick-prev {
}

/* Стрелка вправо */
.slick-arrow.slick-next {
}

/* Стрелка не активная */
.slick-arrow.slick-disabled {
}

/* Точки */
.slick-dots {
}

.slick-dots li {
}

.slick-dots button {
}

/* Конкретный слайдер */
.slider {
    position: relative;
}

.slider .slick-arrow {
    position: absolute;
    top: 60%;
    margin: -30px 0px 0px 0px;
    z-index: 10;
    font-size: 0;
    width: 30px;
    height: 60px;
    outline: none;
    cursor: pointer;
}

.slider .slick-arrow.slick-prev {
    left: 30px;
    background: url('../images/arrows/slide2.png') 0 0 / 100% no-repeat;
    opacity: 0.5;
}

.slider .slick-arrow.slick-next {
    right: 30px;
    background: url('../images/arrows/slide.png') 0 0 / 100% no-repeat;
    opacity: 0.5;
}

@media screen and (max-width: 668px) {
    .slider .slick-arrow.slick-prev {
        left: 10px;
        opacity: 0.5;
    }

    .slider .slick-arrow.slick-next {
        right: 10px;
        opacity: 0.5;
    }
}

.slider .slick-arrow.slick-disabled {
    opacity: 0.2;
}

.slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider .slick-dots li {
    list-style: none;
    margin: 0 10px;
}

.slider .slick-dots button {
    font-size: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
}

.slider .slick-dots li.slick-active button {
    background-color: transparent;
    border: 1px solid #fff;
}

.slider__item {
    text-align: center;
    outline: none;

}

.slider__item img {
    width: 250px;
}

.slider__item.slick-center {

}

.slider .slick-list {
    cursor: pointer;
}


/*slider*/


.container {

    max-width: 1180px;

    margin: 0 auto;

    padding: 0 10px;

}


.container-item {

    max-width: 1500px;

    margin: 0 auto;

    padding: 0;

}


/* Основные стили */

/*Our_works*/
.our_works {
    padding: 60px 0 60px 0;
}

.our_works-container {
    max-width: 1400px;
    margin: 0 auto;
}

.our_works-title {
}

.works_title {
    font-size: 22px;
    font-weight: 700;
    font-family: Arial;
}

.works_title2 {
    color: rgb(87, 22, 97);
    font-weight: 900;
}

.our_works-image {
    max-width: 650px;
}

.works_text {
    padding: 0 0 20px 0;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: black;
}

.our_works-list {
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 30px 30px;
    margin: 0 0 10px 0;
}

.others_links {
    display: none;
}

.our_works-link {
    padding: 6px 0;
}

/*.our_works-link:first-child {
    border-bottom: 2px solid rgb(87, 22, 98);
} */


.our_works-link > a {
    color: black;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

@media screen and (max-width: 1198px) {
    .our_works-link > a {
        font-size: 16px;
    }
}

.our_works-link > a:hover {
    opacity: 0.5;
}

.our_works-body {
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 30px 30px;
}

.our_works-item {
    padding: 0 100px 0 0;

}

@media screen and (max-width: 1090px) {
    .our_works-item {
        padding: 0;
        /*  text-align: center; */
    }

    .our_works-body {
        flex-direction: column;
        align-items: center;
    }

    .our_works-image {
        padding: 40px 0 0 0;
    }
}

@media screen and (max-width: 1040px) {
    .our_works-link > a {
        font-size: 12px;
    }
}

@media screen and (max-width: 800px) {
    .our_works-list {
        display: none;
    }

    .others_links_parent {
        display: flex;
        justify-content: center;
        padding: 10px 0 0 0;
    }

    .others_links {
        display: block;
        margin: 10px 0 0 0;
        padding: 10px;
        background-color: rgb(87, 22, 98);
        color: white;
        font-size: 16px;
        -webkit-appearance: none;
    }
}

.slider-for {
    max-width: 650px;
}

.slider-nav {
    position: relative;
}

.slider-nav .slick-arrow {
    position: absolute;
    top: 70%;
    margin: -30px 0px 0px 0px;
    z-index: 10;
    font-size: 0;
    width: 30px;
    height: 60px;
    outline: none;
    cursor: pointer;
}

.slider-nav .slick-arrow.slick-prev {
    left: -10px;
    background: url('../images/arrows/ar2.png') 0 0 / 100% no-repeat;
    opacity: 0.5;
}

.slider-nav .slick-arrow.slick-next {
    right: -10px;
    background: url('../images/arrows/ar1.png') 0 0 / 100% no-repeat;
    opacity: 0.5;
}

/* @media screen and (max-width: 668px) {
    .slider-nav .slick-arrow.slick-prev {
        left: 10px;
        opacity: 0.5;
    }

    .slider-nav .slick-arrow.slick-next {
        right: 10px;
        opacity: 0.5;
    }
} */

.slider-nav .slick-arrow.slick-disabled {
    opacity: 0.2;
}

.slider-nav .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-nav .slick-dots li {
    list-style: none;
    margin: 0 10px;
}

.slider-nav .slick-dots button {
    font-size: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
}

.slider-nav .slick-dots li.slick-active button {
    background-color: transparent;
    border: 1px solid #fff;
}

.slider_image_container {
    max-width: 650px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
}

.slider_image {
    text-align: center;
    outline: none;
}

.slider_image .slick-slide {
}

.slider_image img {
    width: 80px;
}

.slider .slick-list {
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .our_works-image {
        max-width: 500px;
    }

    .slider_img img {
        height: 375px;
    }
}

@media screen and (max-width: 510px) {
    .our_works-image {
        max-width: 300px;
    }

    .slider_img img {
        width: 300px;
        height: 225px;
    }

    .slider-nav .slick-arrow.slick-prev {
        left: -12px;
        opacity: 1;
    }

    .slider-nav .slick-arrow.slick-next {
        right: -12px;
        opacity: 1;
    }
}

/*Our_works*/


.title {

    text-align: center;

    font-size: 42px;

    color: black;

    font-weight: 700;

    font-family: Arial;

    letter-spacing: 2px;

}


/* Доставка */

.delivery__paragraph {

    text-align: center;

    color: dimgray;

    font-size: 20px;

}


.d-first-paragraph {

    line-height: 20px;

    margin: 30px 0 20px 0;

    font-family: 'Open Sans', sans-serif;

    color: rgb(87, 22, 98);

}


.d-second-paragraph {

    margin: 0 0 30px 0;

    line-height: 20px;

    font-family: 'Open Sans', sans-serif;

}


/* Доставка */


/* Обратная связь */

.feedback {

    padding: 70px 0 0 0;

}


.feedback__body {

    display: flex;

    justify-content: space-between;

}


@media screen and (max-width: 1000px) {

    .feedback__body {

        flex-direction: column;

    }

}


.feedback__item {

    padding: 0 20px 0 20px;

    flex: 0 0 43%;

}


.feedback__form {

    padding: 0 20px 0 20px;

    flex: 0 0 50%;

}


.feedback__title {

    text-align: left;

    color: rgb(87, 22, 98);

}


.feedback-input {

    margin-bottom: 20px;

    border-bottom: 1px solid rgb(87, 22, 98);

    padding: 0 0 17px 15px;

    font-size: 20px;

    font-weight: 400;

    font-family: 'Open Sans', sans-serif;

    opacity: 1;

}


.feedback-input textarea {

    border: none;

    width: 100%;

    resize: none;

}


.feedback-input input, textarea[placeholder] {

    font-size: 20px;

    opacity: 0.6;

}


.feedback-input._error {

    box-shadow: 0 0 15px red;

}


#feedback__btn {

    padding: 15px 55px;

    float: right;

    font-size: 17px;

    font-family: 'Open Sans', sans-serif;

    background-color: rgb(87, 22, 98);

    color: white;

    border-radius: 100px;

    font-weight: 700;

}


#feedback__btn:hover {

    background-color: darkgray;

}

#feedback__btn2 {

    padding: 15px 55px;

    float: right;

    font-size: 17px;

    font-family: 'Open Sans', sans-serif;

    background-color: rgb(87, 22, 98);

    color: white;

    border-radius: 100px;

    font-weight: 700;

}
#feedback__btn2:hover {

    background-color: darkgray;

}

/* Обратная связь */


/* About */

.about {

    padding: 100px 0 40px 0;

}


.about__container {

    max-width: 1370px;

}


.about__body {

    display: flex;

    justify-content: space-around;

}


@media screen and (max-width: 776px) {

    .about__body {

        flex-direction: column;

        text-align: center;

    }


    .about__item {

        margin-bottom: 40px;

    }

}


.about__item {

}


.about__title {

    font-size: 40px;

    font-family: 'Open Sans', sans-serif;

    color: rgb(87, 22, 98);

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 900;

}


.about__paragraph {

    font-size: 20px;

    font-weight: 700;

    font-family: 'Open Sans', sans-serif;

    color: dimgray;

    margin: 15px 0 20px 0;

}


.about__icons {

    margin-bottom: 20px;

}


.about__spn-icons:hover {

    opacity: 0.5;

}


.icons__size {

    width: 25px;

    height: 25px;

    margin: 0 0 0 10px;

}


.about__link-design {

    font-size: 13px;

    font-family: 'Open Sans', sans-serif;

    color: white;

    font-weight: 900;

}


.about__contact {

}


.about__tel {

    font-size: 30px;

    color: dimgray;

    font-family: 'Open Sans', sans-serif;

    font-weight: 700;

    margin: 15px 0 24px 0;

}


.about-contact__tel {

    -webkit-color: dimgray;

    color: dimgray;

}


.about__address {

    font-size: 15px;

    color: dimgray;

    font-family: 'Open Sans', sans-serif;

    font-weight: 700;

    margin: 10px 0 20px 0;

}


.about__email {

    font-size: 20px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 700;

    margin: 10px 0 15px 0;

}


.sub_footer {

    background-color: rgb(87, 22, 98);

}


.sub_footer_body {

    display: flex;

    justify-content: space-between;

    padding: 30px 0;

}


.sub_footer_title {

    align-self: center;

}


.sub_footer_list {

    display: flex;

}


.sub_footer_menu {

    margin: 0 0 0 30px;

    font-size: 22px;

}


.sub_footer_menu > a {

    color: white;

    font-family: 'Open Sans', sans-serif;

}


@media screen and (max-width: 940px) {

    .sub_footer_title {

        text-align: center;

    }


    .sub_footer_body {

        flex-direction: column;

    }


    .sub_footer_menu {

        font-size: 16px;

    }


    .sub_footer_list {

        padding: 10px 0;

        justify-content: center;

    }

}


@media screen and (max-width: 478px) {

    .sub_footer_list {

        flex-direction: column;

        padding: 20px 0;

    }


    .sub_footer_menu {

        text-align: center;

        margin: 5px 0;

    }

}

.error_404 {
    padding: 163px 0 70px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 40px;
    text-align: center;
}

.error_title2 {
    margin: 30px 0 0 0;
}