@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*,
*:after,
*:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
}
h2 {
    font-size: 50px;
}

header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    margin: 0 0 25px;
}

.header__wrapper {
    background-image: url(../images/home_1.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: end;
}

.header__wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.header__content {
    position: relative;
    z-index: 1;
    color: #fff;
    width: calc(100vw / 2 -((100vw - 1200px) / 2));
    /* font-family: "Philosopher", sans-serif; */
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    /* max-height: 600px; */
    /* min-height: 500px; */
    /* text-align: center; */
}

.header__cover {
    /* background-image: url(../images/home_2.jpg);
    background-position: center;
    background-size: cover; */
    /* height: 50vw; */
}

.header__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

nav {
    display: flex;
    justify-content: space-around;
}

nav a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.header__content h1 {
    /* text-align: center; */
    margin: 50px 0 10px 0;
    font-weight: 400;
}

.header__content h2 {
    font-size: 18px;
    margin: 0;
    font-weight: 400;
}

.header__contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 50px 0;
}

.header__contact > a {
    background-color: #00d084;
    color: #2d2d2d;
    text-decoration: none;
    border-radius: 25px;
    padding: 10px 10px;
    align-self: center;
    font-weight: 700;
    text-align: center;
}

.header__contact__msg {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: start;
}

.header__contact__msg a {
    display: grid;
    grid-template-columns: 16px auto;
    gap: 5px;
    color: #2d2d2d;
    background-color: #00d084;
    text-decoration: none;
    border-radius: 25px;
    padding: 5px 10px;
    text-align: center;
}

.header__contact__msg a::before {
    content: '';
    mask-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-color: #2d2d2d;
}

.header__contact__msg__whatsapp::before {mask-image: url(../images/whatsapp.svg?v=0);}
.header__contact__msg__telegram::before {mask-image: url(../images/telegram.svg?v=0);}
.header__contact__msg__viber::before {mask-image: url(../images/viber.svg?v=0);}

.header__content__subtitle {
    font-size: 18px;
    font-weight: 400;
}

.pretitle {
    text-align: center;
    max-width: 1000px;
    padding: 20px;
    margin: 25px auto;
    border: solid 2px #00d084;
}

.pretitle h2 {
    margin: 0 0 15px;
}

.pretitle p {
    font-size: 27px;
    margin: 0;
    color: #2d2d2d;
    font-weight: 400;
}

.pretitle p strong {
    color: #000;
}








/* header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 15;
    box-shadow: rgb(0 0 0 / 8%) 0px 1px 12px;
}
.header-wrapper {
    max-width: 1200px;
    margin: 20px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header a {
    color: #000;
    text-decoration: none;
}
a.header_logo {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14px;
}
a.header_phone {
    font-weight: 500;
    font-size: 14px;
}
.header_menu {
    width: 315px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header_menu a {
    font-weight: 600;
}
.header_soc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.header_soc a {
    background-position: center;
    background-size: cover;
    width: 17px;
    height: 17px;
    margin: 0 7px;
}
.header_soc a.header_soc_instagram {
    background-image: url(../images/instagram.svg);
}
.header_soc a.header_soc_vk {
    background-image: url(../images/vk.svg);
}
.header_soc a.header_soc_youtube {
    background-image: url(../images/youtube.svg);
}
.header_soc a.header_soc_tik-tok {
    background-image: url(../images/tik-tok.svg);
}
.header_soc a.header_soc_whatsapp {
    background-image: url(../images/whatsapp.svg);
}
.header_soc a.header_soc_viber {
    background-image: url(../images/viber.svg);
}
.header_soc a.header_soc_telegram {
    background-image: url(../images/telegram.svg);
} */
a.header_cta {
    color: #ffb26a;
    border: solid 1px #ffb26a;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 10px;
}
.slider {
    max-width: 1200px;
    margin: 150px auto 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.slider_title h1 {
    font-size: 35px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
}
.slider_title h1 span {
    border-top: solid 1px #c50b84;
    margin: 10px 0 0 0;
    font-size: 27px;
    padding: 10px 0 0 0;
}

.slider_title h1 span b {
    color: #fff;
    margin: 0 0 0 5px;
    background: #f00;
    display: inline-block;
    padding: 5px 10px;
}

.slider_subtitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 21px;
    font-weight: 300;
}
.slider_subtitle span {
    margin: 3px 0;
}
.slider_subtitle strong {
    background: #f00;
    color: #fff;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 5px;
    border-radius: 5px 4px 0 0;
    font-weight: 900;
}

.slider_subtitle strong::before {
    content: '';
    background-image: url(../images/handshake.png);
    background-position: center;
    background-size: cover;
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
}

.slider_subtitle a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    margin: 10px 0 0 0;
    font-size: 21px;
    background: #ffdc4c;
    text-align: center;
    padding: 15px 0;
    border-radius: 0 0 5px 5px;
}

.slider_er {
    background-image: url(../images/er01.jpg);
    width: 200px;
    height: 200px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    border: solid 3px #c50b84;
}
/* .home {
    background-image: url(../images/slide01.jpg);
    background-position: center;
    background-size: cover;
    height: 550px;
} */
.albums {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 50px auto 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.albums h2 {
    margin: 0px 0 10px 0;
}
.albums p {
    margin: 0 0 75px 0;
    font-weight: 300;
    font-size: 21px;
}
.albums_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 50px;
    overflow: hidden;
    max-width: 1200px;
    align-items: center;
}
.albums_item_info {
    width: 450px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.album_date {
    font-size: 14px;
    font-weight: 300;
}
.album_title {
    font-size: 18px;
    margin: 25px 0 0 0;
    font-weight: 700;
}

.album__area {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 5px 20px;

    display: none;
}

.album__area::before {
    content: '';
    background-image: url(../images/area.png);
    background-position: center;
    background-size: cover;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
}

.album__area span {}

.album__cost {
    background: #000;
    color: #fff;
    transform: skew(-25deg);
    display: flex;
    padding: 10px 15px;
    margin: 10px 0 0 10px;

    display: none;
}

.album__cost span {
    transform: skew(25deg);
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
.album__cost span::before {
    content: '=';
    /* background-image: url(../images/price.png); */
    /* background-position: center; */
    /* background-size: cover; */
    /* width: 16px; */
    /* height: 16px; */
    margin: 0 5px 0 0;
}
.album {
    position: relative;
    padding: 0 50px;
    width: -webkit-calc(100% - 450px);
    width: -moz-calc(100% - 450px);
    width: calc(100% - 450px);
    height: 490px;
}
.album_item {
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 490px;
    background-color: #f0f0f0;
}
button.slick-arrow,
button.slick-arrow:focus,
button.slick-arrow:hover {
    position: absolute;
    top: 50%;
    z-index: 10;
    font-size: 0;
    outline: none;
    cursor: pointer;
    width: 30px;
    height: 50px;
    border: none;
}
.slick-arrow.slick-prev {
    left: 0;
    background: url(../images/arrow-left.svg) 0 0/100% no-repeat;
}
.slick-arrow.slick-next {
    right: 0;
    background: url(../images/arrow-right.svg) 0 0/100% no-repeat;
}
.slick-list {
    overflow: hidden;
}
.slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.show-more {
    text-align: center;
    cursor: pointer;
    width: 200px;
    margin: 0 auto;
    border: solid 2px #000;
    padding: 15px 10px;
    font-weight: 600;
}
.price {
    max-width: 1200px;
    margin: 100px auto;
}
.price .card {
    border-top: solid 1px #ddd;
}
.price .card table {
    width: 100%;
    border-collapse: collapse;
}
.price .card table th,
.price .card table td {
    border-top: solid 1px #ddd;
}
.price .card table th {
    text-align: left;
    padding: 10px;
}
.price .card table tr:hover td {
    background: #f0f0f0;
}
.price .card table td {
    padding: 10px;
}
.card-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.card-header-title {
    font-size: 16px;
    padding: 15px 0;
    font-weight: 600;
}
.card-header-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.card-header-description span {
    font-weight: 400;
    font-size: 14px;
    max-width: 350px;
}
.card-header-description::after {
    content: "";
    background: url(../images/arrow-price.svg);
    background-position: center;
    background-size: cover;
    height: 20px;
    width: 35px;
    display: inline-block;
    margin: 0 0 0 65px;
}
.about-wrapper {
    background: #fafafa;
    padding: 50px 0;
}
.about {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.about-content {
    width: -webkit-calc(100% - 400px);
    width: -moz-calc(100% - 400px);
    width: calc(100% - 400px);
    padding: 0 0 0 50px;
}
.about-content h2 {
    margin: 0 0 25px;
}
.about-content p {
    font-size: 16px;
    font-weight: 400;
}
.about-photo {
    width: 400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.about-photo img {
    width: 100%;
}
.about-photo h3 {
    font-size: 24px;
}
.quiz {
    max-width: 1200px;
    margin: 100px auto;
}
.tab {
    display: none;
}
.quiz-wrapper {
    min-height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 25px;
}
.quiz-wrapper .tab {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px;
    margin: 0 0 25px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 3px 0px #ddd;
    box-shadow: 0px 0px 3px 0px #ddd;
}
.quiz-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.quiz-body-2 label {
    width: 49%;
}
.quiz-body-4 label {
    width: 24%;
}
.quiz-body-5 label {
    width: 19%;
}
.quiz-body input[type="file"]:checked + span,
.quiz-body input[type="checkbox"]:checked + span,
.quiz-body input[type="radio"]:checked + span {
    outline: none;
    border: solid 1px #fc0;
    padding: 10px 5px;
    color: #000;
    -webkit-box-shadow: 0px 0px 3px 0px #ddd;
    box-shadow: 0px 0px 3px 0px #ddd;
    background: #fc0;
}
.quiz-body label > span {
    font-weight: 500;
    padding: 11px 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    text-align: center;
    border: dashed 1px #ddd;
    color: #666;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.quiz-body label > span img {
    width: 100px;
    margin: 0 0 10px;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 5px 1px #ccc;
    box-shadow: 0px 0px 5px 1px #ccc;
}
.quiz_title {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 600;
}
.quiz-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.quiz-buttons button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: none;
    font-size: 18px;
    cursor: pointer;
    outline: none;
}
.quiz-prev::before,
.quiz-next::after {
    content: "";
    background-position: center;
    background-size: cover;
    width: 35px;
    height: 35px;
    display: inline-block;
}
.quiz-prev::before {
    background: url(../images/q-left.svg);
    margin: 0 15px 0 0;
}
.quiz-next::after {
    background: url(../images/q-right.svg);
    margin: 0 0 0 15px;
}
.quiz-buttons button.unactive {
    cursor: default;
    opacity: 0;
    font-size: 0;
}
.quiz-buttons button.unactive::before {
    width: 0;
    height: 0;
}
.quiz_mess {
    padding: 20px 20px;
    font-weight: 400;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 25px;
    border: dashed 1px #ddd;
}
.quiz_mess_contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 0 0;
}
.quiz_mess_contact_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 10px 0 0;
}
.quiz_mess_contact_item label {
    font-weight: 500;
    font-size: 14px;
    margin: 0 0 3px;
}
.quiz_mess_contact_item input {
    padding: 10px;
}
.quiz_mess_contact_item input,
.quiz_mess_contact_item textarea {
    padding: 12px 15px;
    background: #f9f9f9;
    border: solid 1px #ddd;
}
.quiz_mess p {
    margin: 0 0 10px;
}
.quiz_mess p.quiz_mess_label {
    margin: 15px 0 5px;
    font-size: 14px;
    font-weight: 500;
}
.quiz_mess textarea {
    width: 100%;
    padding: 10px;
    height: 100px;
}
.quiz-finish button {
    width: 250px;
    background: #fc0;
    color: #000;
    border: none;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 600;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 20px 0 0 0;
    cursor: pointer;
    border-radius: 3px;
    text-transform: uppercase;
}
footer {
    background: #000;
    padding: 50px 0 30px;
}
.footer {
    max-width: 1200px;
    margin: 0 auto;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.footer h3,
.footer h4,
.footer a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.footer h3 {
    font-size: 16px;
    padding: 0;
}
.footer h4 {
    margin: 0;
    border-top: solid 1px #999;
    padding: 15px 0 0 0;
}
.footer a {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: -65px 0 0 0;
    text-decoration: none;
}
.fix, .fix2, .fix3 {
    display: none;
}
.filetype {
    display: none;
}
.error {
    color: #f00;
}
.about-content__contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 25px 0 0 0;
}
.about-content__contact a {
    color: #333;
    text-decoration: none;
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.about-content__contact a::before {
    content: "";
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: cover;
    margin: 0 10px 0 0;
}
.about-content__contact :first-child::before {
    background-image: url(../images/email.svg);
}
.about-content__contact :last-child::before {
    background-image: url(../images/smartphone.svg);
}
.video {
    max-width: 1200px;
    margin: 50px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.video__item {
    width: 33%;
}
.video__item iframe {
    width: 100%;
    height: 315px;
}

.album__row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: calc(100% - 450px);
}

.album__row a {
    width: 33%;
    height: 180px;
    background-position: center;
    background-size: cover;
    border-radius: 3px;
    margin: 0 0 3px;
}

.team {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.team h2 {}

.team__row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.team__row > div {
    display: flex;
    width: 16%;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10px;
}

.team__row > div img {
    border-radius: 5px;
    margin: 0 0 10px;
    width: 100%;
}

.team__row > div span {}

.filetype {
    display: none;
}

.price h2 {
    margin: 50px 0 0;
}

.price__title {
    font-size: 27px;
    margin: 15px 0 25px;
}

.price__title strong {
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    background: #f00;
    padding: 5px 10px;
}

p.pplink {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: self-end;
    margin: 10px 0 0 0;
}

a.kissmedia {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 300;
    color: #fff;
    background: #000;
    justify-content: flex-end;
    padding-right: calc((100% - 1200px)/2);
    font-size: 12px;
}

a.kissmedia::before {
    content: '';
    background-image: url(../images/telegram2.svg);
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin: 0 7px 0 0;
}

.meet {
    background: #f9f9f9;
    padding: 50px 0;
}

.meet__title {
    text-align: center;
    font-size: 27px;
    font-weight: 600;
}

.meet__row {
    display: flex;
    justify-content: space-between;
    margin: 25px 0 0 0;
    max-width: 1200px;
    margin: 25px auto 0;
}

.meet__item {
    width: calc(50% - 10px);
    border: solid 1px #f5f5f5;
    padding: 25px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
}

.meet__item__title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.meet__item__title svg {
    fill: #ddd;
    width: 40px;
    height: 40px;
    margin: 0 0 15px;
}

.meet__item__price {
    background: #f00;
    color: #fff;
    margin: 10px 0 10px 0;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
}

.meet__item p {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0;
}

.meet__item > a {
    background: #ffdc4c;
    color: #000;
    text-decoration: none;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    text-transform: uppercase;
    margin: 10px 0 0 0;
}

.meet__item__msg {
    display: flex;
    margin: 10px 0 0 0;
}

.meet__item__msg a {
    fill: #fff;
    margin: 0 10px;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.meet__item__msg a svg {
    width: 24px;
    height: 24px;
}

.meet__item__msg > :nth-child(1) {background-color: #00d084;}
.meet__item__msg > :nth-child(2) {background-color: #6f5cea;}
.meet__item__msg > :nth-child(3) {background-color: #27a3e3;}

.meetmodal {}

.meetmodal__title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 15px;
}

.meetmodal__cell {
    display: flex;
    flex-direction: column;
    margin: 0 0 15px;
}

.meetmodal__cell label {
    margin: 0 0 3px;
    font-size: 16px;
}

.meetmodal__cell input, .meetmodal__cell select, .meetmodal__cell textarea {
    padding: 15px;
    border: solid 1px #ddd;
    border-radius: 3px;
    font-size: 16px;
}

.meetmodal button {
    background: #ffdc4c;
    border: none;
    width: 100%;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 600;
    /* text-transform: uppercase; */
    border-radius: 3px;
    cursor: pointer;
}

.meetmodal .pplink {
    margin: 15px 0;
    font-size: 12px;
    font-weight: 300;
}

.blocker {
    z-index: 20;
}

.discounts {
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 15px;
}

.discounts h2 {
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.discounts h2::after {
    content: '';
    background-image: url(../images/money.png);
    background-position: center;
    background-size: cover;
    width: 64px;
    height: 64px;
    margin: 15px 0 0 0;
}

.discounts p {
    font-weight: 400;
    font-size: 16px;
    margin: 10px 0;
}

.discounts p strong {
    text-decoration: underline;
}

.discounts table {
    width: 100%;
    border-collapse: collapse;
}

.discounts td, .discounts th {
    padding: 10px;
    border: solid 1px #ddd;
    text-align: center;
    font-size: 21px;
}

.discounts th {
    font-size: 16px;
    padding: 15px;
    font-weight: 400;
}

.discounts__info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.discounts td img {
    width: 100%;
    max-width: 100px;
    margin: 0 0 10px;
}

.discounts td strong {
    margin: 5px 0;
    font-size: 18px;
    display: none;
}

.discounts td a {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.discounts td a:hover {
    color: #f00;
}

.discounts td span {
    background: #ffdc4c;
    padding: 5px 40px;
    font-weight: 600;
    font-size: 18px;
}

.tariff__click {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 21px;
    margin: 0 0 50px 0;
    font-weight: 600;
    cursor: pointer;
}

.tariff__click:hover > span {
    background: rgb(245, 0, 0);
}

.tariff__click > span {
    position: relative;
    background: #f00;
    color: #fff;
    padding: 10px 10px 15px;
    border-radius: 3px;
}

.tariff__click > span span::after {
    content: '';
    background-image: url(../images/tap.webp);
    background-position: center;
    background-size: cover;
    width: 32px;
    height: 32px;
    position: absolute;
    right: -32px;
    bottom: -32px;
}

.tariff {
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 15px;
    font-weight: 300;
    font-size: 18px;
}

.tariff p {}

.tariff p strong {}

.tariff ul {
    margin: 25px 0;
    padding: 0 0 0 15px;
    list-style: none;
}

.tariff ul li {
    padding: 0 0 0 30px;
    display: flex;
    align-items: center;
    position: relative;
    margin: 5px 0;
}

.tariff ul li::before {
    content: '';
    background-image: url(../images/checked.png);
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
}

.tariff ul li strong {}

.meeting {
    box-shadow: 0px 0px 30px 0px #ddd;
    padding: 30px 15px;
    max-width: 1000px;
    width: 95%;
    margin: 0 auto;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
}

.meeting__title {
    font-size: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
}

.meeting__title::before {
    content: '';
    background-image: url(../images/ico_mesure.svg);
    background-position: center;
    background-size: cover;
    width: 64px;
    height: 64px;
}

.meeting__form {
    display: grid;
    grid-template-columns: 350px 170px 120px;
    column-gap: 10px;
}

.meeting__form input {
    border: #f0f0f0;
    background: #ebebeb;
    padding: 15px 10px;
    border-radius: 5px;
    font-family: "Roboto", sans-serif;
}

.meeting__form > :nth-child(1) {}

.meeting__form > :nth-child(2) {}

.meeting__col {
    display: flex;
    flex-direction: column;
}

.meeting__form button {
    background: #ffdc4c;
    border: none;
    border-radius: 5px;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}

.meeting__form button::before {
    content: '';
    mask-image: url(../images/ico_send.svg);
    mask-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-color: #000;
}

.meeting__form button:hover {
    background: rgb(255, 224, 98);
}

.meeting__subtitle {
    font-size: 16px;
    font-weight: 400;
}

.callme {
    /* max-width: 800px; */
    margin: 25px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    box-shadow: 0px 0px 30px 0px #ddd;
    border-radius: 5px;
}

.callme::before {
    content: '';
    background-image: url(../images/callme.webp);
    background-position: center;
    background-size: cover;
    min-height: 525px;
    border-radius: 5px 0 0 5px;
}

.callme__content {
    padding: 40px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
}

.callme__content h3 {
    margin: 0;
    font-size: 24px;
}

.callme__content p {
    margin: 0 !important;
    font-size: 18px;
}

.callme__content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 21px;
    font-weight: 300;
    display: grid;
    gap: 10px;
}

.callme__content ul li {
    display: grid;
    grid-template-columns: 24px auto;
    gap: 10px;
    align-items: center;
}

.callme__content ul li::before {
    content: '';
    mask-image: url(../images/ico_check.svg);
    mask-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-color: #000;
}

a.callme__phone {
    background: #00d084;
    color: #000;
    text-decoration: none;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    border-radius: 25px;
    font-size: 18px;
    transition: all 5s ease 0s;
}

a.callme__phone.active {
    gap: 25px;
    transition: all 5s ease 0s;
}

a.callme__phone::before {
    content: '';
    mask-image: url(../images/ico_clickme.svg);
    mask-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-color: #000;
    transform: rotate(120deg);
}

.txt {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

.txt h2 {}

.txt h3 {}

.txt p {}

.txt p strong {
    font-weight: 500;
}

.txt ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.txt ul li {
    display: flex;
    align-items: center;
    justify-items: center;
    text-align: center;
    flex-direction: column;
    background: #F1F7FF;
    padding: 20px;
    border-radius: 10px;
    font-weight: 300;
}

.txt ul li img {
    width: 64px;
}

.txt ul li strong {
    font-family: "Philosopher", sans-serif;
    font-size: 21px;
    margin: 10px 0;
}

.txt__comment {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    margin: 25px 0 0 0;
}

.txt__comment__autor {
    display: flex;
    align-items: center;
    gap: 15px;
}

.txt__comment__autor img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.txt__comment__autor span {
    display: flex;
    flex-direction: column;
    align-items: start;
    /* font-size: 18px; */
}

.txt__comment__autor span strong {}

.txt__comment__content {
    background: #25384F;
    color: #fff;
    text-align: left;
    font-size: 18px;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    max-width: 600px;
}

.txt__comment__content::before {
    content: '';
    border: 15px solid transparent;
    border-top: 15px solid #25384F;
    position: absolute;
    left: 25px;
    bottom: -28px;
}

.txt__comment__content span {}

.txt__comment__content span::after, .txt__comment__content span::before {
    content: '';
    mask-image: url(../images/ico_quote.svg);
    mask-repeat: no-repeat;
    background: #F7C107;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 3px;
}

@-webkit-keyframes flicker
{
	0% {opacity:0.5;}
	9% {opacity:0.5;}
	10% {opacity:.8;}
	13% {opacity:0.5;}
	20% {opacity:.8;}
	25% {opacity:1;}
}

.wa__icon {
    position: fixed;
    bottom: 100px;
    right: 50px;
    background-image: url(../images/ico_whatsapp.svg);
    background-position: center;
    background-size: cover;
    width: 50px;
    height: 50px;
    z-index: 5;
    cursor: pointer;
}

.wa__icon::before,
.wa__icon::after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #29A71A;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

.wa__icon:after {
    animation-delay: .5s;
}

.cookie {
    max-width: 225px;
    box-shadow: rgba(0, 0, 0, .12) 0px 6px 16px;
    border-radius: 5px;
    padding: 10px;
    position: fixed;
    bottom: 10px;
    z-index: 9999;
    left: 10px;
    background: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    display: none;
    justify-items: start;
    gap: 10px;
}

.cookie p {
    margin: 0;
}

.cookie p a {
    color: #000;
}

.cookie__close {
	background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
}

.privacy__form {
    font-size: 12px;
}

.privacy__form a {
    color: #000;
}

@keyframes animate
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }
}

@media screen and (max-width: 1220px) {
    .header-wrapper,
    .slider,
    .albums,
    .price,
    .about,
    .quiz,
    .footer {
        padding: 0 15px;
    }
}

@media screen and (max-width: 899px) {
    header {
        grid-template-columns: 2fr 1fr;
    }
    .txt,
    .txt__comment__content {
        font-size: 16px;
    }
    .txt h2 {
        font-size: 27px;
    }
    .txt ul {
        gap: 10px;
    }
    .txt ul li {
        padding: 10px;
    }
    .txt ul li strong {
        font-size: 18px;
    }
}

@media screen and (max-width: 849px) {
    .callme__content {
        padding: 20px;
    }
}

@media screen and (max-width: 768px) {
    .header__content h1 {
        font-size: 21px;
    }
    .header__content h2 {
        font-size: 14px;
    }
    .header__content__subtitle {
        font-size: 14px;
    }
    a.header_logo {
        margin: 0 0 15px;
        font-size: 14px;
    }
    a.header_phone {
        font-size: 21px;
    }
    .header_soc {
        margin: 25px 0;
    }
    .header_soc a {
        width: 25px;
        height: 25px;
        margin: 0 15px;
    }
    .header_menu {
        margin: 10px 0;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
    }
    .header_menu a {
        text-transform: uppercase;
        font-size: 12px;
    }
    a.header_cta {
        margin: 15px 0 0 0;
    }
    h2 {
        font-size: 24px;
    }
    .header-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 10px auto 0;
    }
    section {
        padding: 0 15px;
    }
    .slider {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 15px 0 0 0;
    }
    .slider_title h1 {
        text-align: center;
        font-size: 24px;
        margin: 0 0 15px;
    }
    .slider_subtitle {
        text-align: center;
        font-size: 18px;
    }
    .slider_er {
        width: 150px;
        height: 150px;
        margin: 15px 0;
    }
    /* .home {
        height: 215px;
    } */
    .albums {
        margin: 25px 0;
        padding: 0;
    }
    .albums h2 {
        margin: 25px 15px 15px;
    }
    .albums p {
        font-size: 18px;
        margin: 0 15px;
    }
    .albums_item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 50px 0 0;
    }
    .albums_item_info {
        padding: 0 15px;
        margin: 0 0 25px;
        width: auto;
    }
    .album {
        width: 100%;
        height: 250px;
        padding: 0;
    }
    .album_item {
        height: 250px;
    }
    .albums_item_info {
        margin: 0 0 5px;
    }
    .album_date {
        font-size: 12px;
    }
    .album_title {
        margin: 5px 0 0 0;
    }
    .show-more {
        margin-top: 25px;
    }
    .price {
        margin: 50px 0;
    }
    .card-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 15px;
    }
    .card-header-title {
        padding-bottom: 5px;
    }
    .card-header-description::after {
        background-image: url(../images/arrow-down.svg);
    }
    .about {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .about-content {
        width: 100%;
        padding: 0;
    }
    .about-content h2 {
        text-align: center;
        margin: 25px 0 0;
    }
    .about-photo {
        width: 100%;
    }
    .about-wrapper {
        padding: 15px 15px;
    }
    .about-photo h3 {
        text-align: center;
        font-size: 18px;
    }
    .about-photo img {
        width: 200px;
        margin: 0 auto;
    }
    .quiz {
        margin: 50px 0;
    }
    .quiz-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .quiz-body label {
        margin: 0 0 5px;
        width: 100%;
    }
    .quiz-body label > span {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .quiz-buttons button {
        font-size: 12px;
        font-weight: 600;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .quiz-prev::before,
    .quiz-next::after {
        height: 20px;
        width: 25px;
        background-repeat: no-repeat;
        margin: 5px 0 0 0;
    }
    .quiz-buttons button.quiz-prev {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .quiz-buttons button.quiz-next {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .quiz-finish button {
        width: 100%;
    }
    footer {
        padding: 25px 15px 25px;
    }
    .footer a {
        display: none;
    }
    .fix {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #000;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .fix a {
        color: #fff;
        background-size: 20px;
        background-position: left;
        background-repeat: no-repeat;
        padding: 15px 0 15px 30px;
        text-decoration: none;
        font-weight: 500;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 300;
        font-size: 12px;
    }
    .fix a span {
        font-size: 16px;
        font-weight: 600;
        /* margin: 3px 0 0 0; */
    }
    a.fix-calc {
        background-image: url(../images/calc.svg);
        display: flex;
        align-items: center;
        padding: 22px 0 0 30px;
    }
    a.fix-phone {
        background-image: url(../images/phone.svg);
    }
    .quiz_mess_contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .quiz_mess_contact_item {
        margin: 0 0 15px;
    }
    .quiz_mess p.quiz_mess_label {
        margin: 0 0 3px;
    }
    .to_top {
        padding: 10px;
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 10;
        right: 0;
        left: 0;
        margin: 0 auto;
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .header_soc.to_top a {
        width: 30px;
        height: 30px;        
        -webkit-animation: flicker 2s infinite;
    }
    .header_soc.to_top a.header_soc_whatsapp {
        background-image: url(../images/whatsapp2.svg);
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    .header_soc.to_top a.header_soc_viber {
        background-image: url(../images/viber2.svg);
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    .header_soc.to_top a.header_soc_telegram {
        background-image: url(../images/telegram2.svg);
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    .about-content__contact a {
        font-size: 16px;
        margin: 0 0 10px;
    }
    .about-content__contact a::before {
        width: 15px;
        height: 15px;
    }
    .video {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 15px 0 0;
    }
    .video__item {
        width: 100%;
        margin: 0 0 10px;
    }
    .video__item iframe {
        width: 100%;
        height: 250px;
    }
    .album__row {
        width: 100%;
        padding: 0 5px;
        margin: 5px 0 0 0;
    }
    .album__row a {
        height: 30vw;
    }
    .team__row > div {
        width: 33%;
        text-align: center;
        font-size: 12px;
    }
    .fix2 {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .fix2__title {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ffdc4c;
        color: #000;
        padding: 5px 0;
        font-size: 14px;
        font-weight: 400;
    }
    .fix2__title::before {
        content: '';
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #00d084;
        margin: 0 5px 0 0;
    }
    .fix2__icons {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .fix2__icons a {
        width: 25%;
        background-position: center;
        background-size: 35%;
        background-repeat: no-repeat;
        height: 60px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .fix2__icons a::before {
        content: '';
        background-position: center;
        background-size: cover;
        width: 24px;
        height: 24px;
        margin: 0 0 5px;
    }
    .fix2__icons > :nth-child(1) {
        background-color: #00d084;
    }
    .fix2__icons > :nth-child(2) {
        background-color: #6f5cea;
    }
    .fix2__icons > :nth-child(3) {
        background-color: #27a3e3;
    }
    .fix2__icons > :nth-child(4) {
        background-color: #000;
    }
    .fix2__icons > :nth-child(1)::before {
        background-image: url(../images/whatsapp3.svg);
        -webkit-animation: flicker 1s infinite;
    }
    .fix2__icons > :nth-child(2)::before {
        background-image: url(../images/viber3.svg);
        -webkit-animation: flicker 2s infinite;
    }
    .fix2__icons > :nth-child(3)::before {
        background-image: url(../images/telegram3.svg);
        -webkit-animation: flicker 3s infinite;
    }
    .fix2__icons > :nth-child(4)::before {
        background-image: url(../images/phone.svg);
        -webkit-animation: flicker 4s infinite;
    }
    .price__title {
        font-size: 16px;
        margin: 5px 0 15px;
    }
    .price__title strong {
        /* display: inline; */
    }
    a.kissmedia {
        padding-left: 30px;
        padding-bottom: 70px;
        justify-content: start;
    }
    .meet {
        padding: 25px 5px;
    }
    .meet__title {
        font-size: 18px;
    }
    .meet__item {
        width: calc(50% - 2px);
        padding: 10px;
    }
    .meet__item__title {
        font-size: 14px;
    }
    .meet__item__price {
        margin: 7px 0 0 0;
        padding: 8px 15px;
        font-size: 16px;
    }
    .meet__item p {
        font-size: 16px;
    }
    .meet__item > a {
        padding: 12px 0;
        font-size: 13px;
        font-weight: 500;
        text-transform: none;
        width: 100%;
        text-align: center;
    }
    .meet__item__msg a {
        margin: 0 5px;
    }
    .meet__item__msg a svg {
        width: 20px;
        height: 20px;
    }
    .meet__item__title svg {
        fill: #444;
        width: 32px;
        height: 32px;
        margin: 0 0 15px;
    }
    .albums_item {
        align-items: flex-start;
    }
    .meeting__form {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        width: 100%;
        max-width: 430px;
    }
    .meeting__form button {
        padding: 15px 0;
    }
    .fix3 {
        display: grid;
        grid-template-columns: 64px auto;
        column-gap: 10px;
        position: fixed;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: 0 5px;
        z-index: 30;
    }
    .fix3__name {
        align-self: center;
    }
    .fix3__name__pic {
        width: 64px;
        height: 64px;
    }
    .fix3__name__pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    .fix3__name span {}
    .fix3__body {
        background: #301e4d;
        padding: 0 10px;
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        row-gap: 7px;
        position: relative;
        font-size: 12px;
    }
    .fix3__body p {
        margin: 0;
        padding: 0;
    }
    .fix3__body span {
        display: flex;
        align-items: center;
        column-gap: 5px;
        font-weight: 500;
    }
    .fix3__body span::before {
        content: '';
        mask-image: url(../images/phone.svg);
        mask-repeat: no-repeat;
        width: 14px;
        height: 14px;
        background-color: #fff;
    }
    .fix3__body::before {
        content: '';
        border: 10px solid transparent;
        border-right: 10px solid #301e4d;
        position: absolute;
        left: -18px;
    }
    .pretitle p {
        font-size: 18px;
    }
    .callme__content h3 {
        font-size: 21px;
    }
    .callme__content ul {
        font-size: 18px;
    }
    .albums p {
        font-size: 16px;
    }
    a.callme__phone {
        font-size: 16px;
    }
    a.callme__phone::before {
        width: 18px;
        height: 18px;
    }
}

@media screen and (max-width: 649px) {
    .callme::before {
        min-height: unset;
    }
    .callme__content h3 {
        font-size: 18px;
    }
    .callme__content ul {
        font-size: 16px;
    }
    .callme__content ul li::before {
        width: 18px;
        height: 18px;
    }
    .callme__content ul li {
        grid-template-columns: 20px auto;
        gap: 5px;
    }
    .txt ul {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 599px) {
    .meeting {
        text-align: center;
    }
    .meeting__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 549px) {
    .header__content {
        text-align: center;
        padding: 20px 15px;
    }
    .header__contact {
        grid-template-columns: 1fr;
    }
    .header__contact__msg {
        align-items: center;
    }
    .header__contact__msg a {
        width: 100%;
        justify-content: center;
        padding: 15px 0;
    }
    .header__contact > a {
        padding: 15px 10px;
    }
    nav a {
        font-weight: 400;
    }
}

@media screen and (max-width: 449px) {
    .meeting__title {
        font-size: 16px;
    }
    .meeting__subtitle {
        font-size: 14px;
    }
    .callme {
        grid-template-columns: 1fr;
    }
    .callme::before {
        min-height: unset;
        height: 80vw;
        background-size: contain;
        background-repeat: no-repeat;
    }
    a.callme__phone {
        padding: 15px 0;
    }
}

@media screen and (max-width: 399px) {
    header {
        grid-template-columns: 1fr;
    }
    .header__cover {
        height: 50vw;
    }
}

@media screen and (max-width: 300px) {
    .slider_subtitle a {
        font-size: 21px;
    }
}