@font-face {
    font-family: 'Eugusto';
    src: url('../font/Eugusto.eot');
    src: url('../font/Eugusto.eot?#iefix') format('embedded-opentype'),
    url('../font/Eugusto.woff2') format('woff2'),
    url('../font/Eugusto.woff') format('woff'),
    url('../font/Eugusto.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'Be Vietnam Pro', sans-serif;
}
html {
    font-size: 1.39vw;
    background: rgba(28,30,33,1);
}
.wrapper {

}
.intro-section {
    position: relative;
    padding: 3rem;
    background: linear-gradient(to bottom,  rgba(28,30,33,1) 38%,rgba(114,30,77,1) 100%);
}
.main-nav {

}
.navbar-expand-sm .navbar-collapse {
    margin-left: 1.5rem;
}
.nav-item {
    margin-right: 1rem;
}
.nav-link {
    font-size: 0.7rem;
    color: #fff;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: #cb187c;
}
.main-nav .blur-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 6rem;
    -webkit-mask: linear-gradient(#000, #000, transparent);
    mask: linear-gradient(#000, #000, transparent);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}
.main-nav > nav {
    padding: 1.5rem 3rem;
}
.navbar-brand img {
    width: 8.1rem;
    height: auto;
}
.phone a {
    color: #fff;
    text-decoration: none;
}
.telegramm {
    margin-left: auto;
    margin-right: 1.5rem;
}
.telegramm .lips-bg {
    display: none;
}
.telegramm a {
    display: block;
    color: #fff;
    text-decoration: none;
    background: #cb187c;
    border-radius: 30px;
    padding: 0.3rem 1rem 0.5rem 1rem;
}
.telegramm svg {
    width: 1rem;
    height: auto;
    margin-right: 0.5rem;
}
.telegramm a span {
    font-size: 0.7rem;
    text-transform: uppercase;
}
.intro-header {
    padding: 3rem 0 2rem 0;
}
.intro-header span {
    font-family: 'Eugusto';
    font-size: 5.5rem;
    color: #fff;
}
.intro-header p {
    color: #fff;
    font-weight: 100;
    margin-top: -0.5rem;
}
.intro-img-layout {

}
.intro-img-layout .d-flex {
    justify-content: space-between;
}
.intro-img-layout .img-1 {
    position: relative;
}
.intro-img-layout .img-1 img {
    width: 19.1rem;
    height: auto;
    /*position: absolute;*/
}
.intro-img-layout .img-2 img {
    width: 23.7rem;
    height: auto;
}
.intro-img-layout .img-3 {
    align-self: flex-end;
}
.intro-img-layout .img-3 img {
    width: 19.1rem;
    height: auto;
}
/*.blur-mask {*/
/*    position: sticky;*/
/*    top: 2rem;*/
/*    left: 0;*/
/*    z-index: 3;*/
/*    width: 100%;*/
/*    height: 100px;*/
/*    -webkit-mask: linear-gradient(transparent, #000, #000);*/
/*    mask: linear-gradient(transparent, #000, #000);*/
/*    -webkit-backdrop-filter: blur(30px);*/
/*    backdrop-filter: blur(30px);*/
/*}*/
.lips-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.lips-bg {
    overflow: hidden;
}
.lips-bg .lips-1 {
    position: absolute;
    display: inline-block;
    margin: 13rem 0 0 2rem;
    transform: rotate(-10deg);
}
.lips-bg .lips-1 img {
    width: 6rem;
    height: auto;
    animation: s13 3s linear forwards infinite;
    animation-delay: -1560ms;
}
.lips-bg .lips-2 {
    position: absolute;
    display: inline-block;
    margin: 0rem 0 0 15rem;
    transform: rotate(-15deg);
}
.lips-bg .lips-2 img {
    width: 15rem;
    height: auto;
    animation: s1 3s linear forwards infinite;
    animation-delay: -120ms;
}
.lips-bg .lips-3 {
    position: absolute;
    display: inline-block;
    margin: 6rem 0 0 33rem;
    transform: rotate(35deg);
}
.lips-bg .lips-3 img {
    width: 12rem;
    height: auto;
    animation: s2 3s linear forwards infinite;
    animation-delay: -240ms;
}
.lips-bg .lips-4 {
    position: absolute;
    display: inline-block;
    margin: 2rem 0 0 45rem;
    transform: rotate(-10deg);
}
.lips-bg .lips-4 img {
    width: 10rem;
    height: auto;
    animation: s3 3s linear forwards infinite;
    animation-delay: -360ms;
}
.lips-bg .lips-5 {
    position: absolute;
    display: inline-block;
    margin: 8rem 0 0 48rem;
    transform: rotate(25deg);
}
.lips-bg .lips-5 img {
    width: 17rem;
    height: auto;
    animation: s4 3s linear forwards infinite;
    animation-delay: -480ms;
}
.lips-bg .lips-6 {
    position: absolute;
    right: 0;
    display: inline-block;
    margin: 5rem 1rem 0 0;
    transform: rotate(-25deg);
}
.lips-bg .lips-6 img {
    width: 8rem;
    height: auto;
    animation: s5 3s linear forwards infinite;
    animation-delay: -600ms;
}
.lips-bg .lips-7 {
    position: absolute;
    right: 0;
    display: inline-block;
    margin: 18rem 2rem 0 0;
    transform: rotate(-15deg);
}
.lips-bg .lips-7 img {
    width: 6rem;
    height: auto;
    animation: s6 3s linear forwards infinite;
    animation-delay: -720ms;
}
.lips-bg .lips-8 {
    position: absolute;
    display: inline-block;
    margin: 14rem 0 0 20rem;
    transform: rotate(15deg);
}
.lips-bg .lips-8 img {
    width: 6rem;
    height: auto;
    animation: s7 3s linear forwards infinite;
    animation-delay: -840ms;
}
.lips-bg .lips-9 {
    position: absolute;
    display: inline-block;
    bottom: 0;
    margin: 0 0 -2rem 15rem;
    transform: rotate(15deg);
}
.lips-bg .lips-9 img {
    width: 11rem;
    height: auto;
    animation: s10 3s linear forwards infinite;
    animation-delay: -1200ms;
}
.lips-bg .lips-10 {
    position: absolute;
    display: inline-block;
    bottom: 0;
    margin: 0 0 0rem 4rem;
    transform: rotate(-15deg);
}
.lips-bg .lips-10 img {
    width: 7rem;
    height: auto;
    animation: s11 3s linear forwards infinite;
    animation-delay: -1320ms;
}
@keyframes s1 {
    0% {
        transform: scale(0) translateY(0);
    }
    7% {
        transform: scale(0.3) translateY(0);
    }
    20% {
        opacity: 1;
        transform: scale(0.5) translateY(0);
    }
    55% {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translateY(0);
    }
}
@keyframes s2 {
    0% {
        transform: scale(0) translateY(0);
    }
    7% {
        transform: scale(0.3) translateY(0);
    }
    20% {
        opacity: 1;
        transform: scale(0.5) translateY(0);
    }
    55% {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translateY(0);
    }
}
@keyframes s3 {
    0% {
        transform: scale(0) translateY(0);
    }
    7% {
        transform: scale(0.3) translateY(0);
    }
    20% {
        opacity: 1;
        transform: scale(0.5) translateY(0);
    }
    55% {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translateY(0);
    }
}
@keyframes s4 {
    0% {
        transform: scale(0) translateY(0);
    }
    7% {
        transform: scale(0.3) translateY(0);
    }
    20% {
        opacity: 1;
        transform: scale(0.5) translateY(0);
    }
    55% {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translateY(0);
    }
}
@keyframes s5 {
    0% {
        transform: scale(0) translateY(0);
    }
    7% {
        transform: scale(0.3) translateY(0);
    }
    20% {
        opacity: 1;
        transform: scale(0.5) translateY(0);
    }
    55% {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translateY(0);
    }
}
@keyframes s6 {
    0% {
        transform: scale(0) translateY(0);
    }
    7% {
        transform: scale(0.3) translateY(0);
    }
    20% {
        opacity: 1;
        transform: scale(0.5) translateY(0);
    }
    55% {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translateY(0);
    }
}
@keyframes s7 {
    0% {
        transform: scale(0) translateY(0);
    }
    7% {
        transform: scale(0.3) translateY(0);
    }
    20% {
        opacity: 1;
        transform: scale(0.5) translateY(0);
    }
    55% {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translateY(0);
    }
}
@keyframes s10 {
    0% {
        transform: scale(0) translateY(0);
    }
    7% {
        transform: scale(0.3) translateY(0);
    }
    20% {
        opacity: 1;
        transform: scale(0.5) translateY(0);
    }
    55% {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translateY(0);
    }
}
@keyframes s11 {
    0% {
        transform: scale(0) translateY(0);
    }
    7% {
        transform: scale(0.3) translateY(0);
    }
    20% {
        opacity: 1;
        transform: scale(0.5) translateY(0);
    }
    55% {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translateY(0);
    }
}
@keyframes s13 {
    0% {
        transform: scale(0) translateY(0);
    }
    7% {
        transform: scale(0.3) translateY(0);
    }
    20% {
        opacity: 1;
        transform: scale(0.5) translateY(0);
    }
    55% {
        opacity: 0;
        transform: scale(0.8) translateY(10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translateY(0);
    }
}
.services-section {
    padding: 6rem 3rem 0 3rem;
    background-color: #1c1e21;
    background-image: url("../image/services-img-bg-2.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
}
.section-title {

}
.section-title h2 {
    font-family: 'Eugusto';
    font-size: 3.5rem;
    color: #fff;
}
.services-grid {

}
.services-grid .row > div {
    margin-bottom: 1.5rem;
}
.services-grid .ser-box {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #951c60;
    padding: 1rem 0 0 1.5rem;
}
.services-grid .ser-box > span {
    font-family: 'Eugusto';
    font-size: 1.5rem;
    color: #fff;
}
.services-grid .ser-box > p {
    color: #fff;
    font-size: 0.65rem;
    font-weight: 100;
    padding-right: 1.5rem;
}
.services-grid .ser-box .d-flex {
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}
.services-grid .ser-box .d-flex .duration {

}
.services-grid .ser-box .d-flex .duration span {
    color: #fff;
    font-size: 1.25rem;
}
.services-grid .ser-box .d-flex .price {
    background: #951c60;
    padding: 0.5rem 1.2rem 0.3rem 1.2rem;
}
.services-grid .ser-box .d-flex .price span {
    font-family: 'Eugusto';
    font-size: 1.25rem;
    color: #fff;
}
.masters-section {
    padding: 4.5rem 3rem 6rem 3rem;
    background-color: #1c1e21;
    background-image: url("../image/spa-room-bg.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;

}
.masters-grid {

}
.masters-grid .row {
    justify-content: space-between;
}
.masters-grid .row > div {
    width: auto;
}
.photo-box {
    position: relative;
}
.photo-box img {
    width: 18rem;
    height: auto;
}
.master-details {
    position: absolute;
    bottom: 0;
    margin: 0 0 1.5rem 1.5rem;
    text-align: left;
}
.master-details > span {
    color: #fff;
    font-weight: 100;
    font-size: 1.5rem;
}
.master-details .active {
    background: #cb187c;
    border-radius: 30px;
    padding: 0.3rem 1rem 0.3rem 0.5rem;
    margin-top: 0.5rem;
}
.master-details .active img {
    width: 1.6rem;
    height: auto;
    margin-right: 0.5rem;
}
.master-details .active b {
    font-weight: 100;
    color: #fff;
    font-size: 0.8rem;
}
.contacts-section {
    position: relative;
    padding: 6rem 3rem 0 3rem;
    background: linear-gradient(to bottom,  rgba(114,30,77,1) 0%,rgba(28,30,33,1) 100%);
}
.contacts-details {

}
.contacts-details p {
    color: #fff;
    font-weight: 100;
    font-size: 0.8rem;
}
.contacts-row {
    align-items: center;
    justify-content: flex-start;
}
.contacts-row .telegramm {
    margin: 0 1.5rem 0 0;
}
.contact-map {
    height: 100%;
    position: relative;
}
/*.contact-map .map-overlay {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    pointer-events: none;*/
/*    -webkit-backdrop-filter: grayscale(1);*/
/*    backdrop-filter: grayscale(1);*/
/*}*/
.footer {
    padding: 6rem 0 1.5rem 0;
}
.footer p {
    color: #fff;
    margin: 0;
    font-weight: 100;
    font-size: 0.6rem;
}
.footer-contacts .contacts-row {
    justify-content: center;
}
.footer-logo {
    text-align: right;
}
.contacts-section .lips-bg .lips-1 {
    margin: 7rem 0 0 -1rem;
}
.contacts-section .lips-bg .lips-2 {
    margin: -1rem 0 0 17rem;
}
.contacts-section .lips-bg .lips-3 {
    margin: 17rem 0 0 27rem;
}
.contacts-section .lips-bg .lips-4 {
    margin: -1rem 0 0 45rem;
}
.contacts-section .lips-bg .lips-5 {
    margin: 22rem 0 0 48rem;
}
.contacts-section .lips-bg .lips-6 {
    margin: 1rem -1rem 0 0;
}
.contacts-section .lips-bg .lips-7 {
    margin: 25rem 2rem 0 0;
}
.contacts-section .lips-bg .lips-10 {
    margin: 0 0 4rem 4rem;
}
.navbar-toggler .btn-icon {
    width: 12rem;
    transform: scale(0.3);
}
.navbar-toggler .btn-icon span {
    display: block;
    width: 100%;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
    border-radius: 3px;
    height: 8px;
    background: #fff;
    transition: all .3s;
    position: relative;
}

.navbar-toggler .btn-icon span + span {
    margin-top: 14px;
}

.navbar-toggler .btn-icon.active span:nth-child(1) {
    animation: ease .7s top forwards;
}

.navbar-toggler .btn-icon.not-active span:nth-child(1) {
    animation: ease .7s top-2 forwards;
}

.navbar-toggler .btn-icon.active span:nth-child(2) {
    animation: ease .7s scaled forwards;
}

.navbar-toggler .btn-icon.not-active span:nth-child(2) {
    animation: ease .7s scaled-2 forwards;
}

.navbar-toggler .btn-icon.active span:nth-child(3) {
    animation: ease .7s bottom forwards;
}

.navbar-toggler .btn-icon.not-active span:nth-child(3) {
    animation: ease .7s bottom-2 forwards;
}

.lips-bg {
    pointer-events: none;
}

/*!
 * Age verification CSS to go with the JS that can be found at (https://github.com/Herudea/age-verification)
 */

#modal_screen {
    position: fixed;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1100;
    background-color: rgba(0,0,0,.8);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

#modal_screen.nope {

}

#modal_content {
    position: fixed;
    z-index: 1101;
    margin: 0 auto;
    background: linear-gradient(to bottom,  rgba(28,30,33,1) 20%,rgba(114,30,77,1) 100%);
    padding: 2rem;
    max-width: 22rem;
}

.content_wrapper > img {
    width: 7rem;
    height: 7rem;
    margin-bottom: 1rem;
}
.content_wrapper p {
    font-size: 0.75rem;
    text-align: center;
    color: #fff;
}
#modal_content .content_wrapper {
    text-align: center;
}

#modal_content h2 {
    margin: 0 0 1rem 0;
    font-size: 1.2rem;
    color: #fff;
}

#modal_content p {
    margin: 1.2em auto 1rem;
}

#modal_content nav {

}
#modal_content nav ul {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin:0;
    padding:0;
    list-style: none;
}
#modal_content nav li {
    width: 50%;
}

#modal_content nav:after {
    content: "";
    display: block;
    clear: both;
}

#modal_content nav small {
    display: block;
    text-align: center;
    color: #888;
    margin: 1em 0 0;
}

#modal_content nav a.av_btn {
    display:block;
    text-align:center;
    font-size: 0.65rem;
    text-decoration: none;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    white-space: nowrap;
}

#modal_content nav .av_go {
    background-color: #cb187c;
}

#modal_content nav .av_no {
    background-color: rgba(0,0,0,0.5);
}

#modal_content nav .av_btn:hover {
    background-color: #1e0924;
}

#modal_content #modal_regret_wrapper nav a.av_btn {

}

@keyframes top {
    0% {
        top: 0;
        transform: rotate(0);
    }
    50% {
        top: 22px;
        transform: rotate(0);
    }
    100% {
        top: 22px;
        transform: rotate(45deg);
    }
}

@keyframes top-2 {
    0% {
        top: 22px;
        transform: rotate(45deg);
    }
    50% {
        top: 22px;
        transform: rotate(0deg);
    }
    100% {
        top: 0;
        transform: rotate(0deg);
    }
}

@keyframes bottom {
    0% {
        bottom: 0;
        transform: rotate(0);
    }
    50% {
        bottom: 22px;
        transform: rotate(0);
    }
    100% {
        bottom: 22px;
        transform: rotate(135deg);
    }
}

@keyframes bottom-2 {
    0% {
        bottom: 22px;
        transform: rotate(135deg);
    }
    50% {
        bottom: 22px;
        transform: rotate(0);
    }
    100% {
        bottom: 0;
        transform: rotate(0);
    }
}

@keyframes scaled {
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes scaled-2 {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgba(203, 24, 124, 0.7), 0 0 0 0 rgba(203, 24, 124, 0.7);
    }

    40% {
        transform: scale(1.08);
        box-shadow: 0 0 0 10px rgba(255, 0, 64, 0), 0 0 0 0 rgba(203, 24, 124, 0.7);
    }

    80% {

        box-shadow: 0 0 0 10px rgba(255, 0, 64, 0), 0 0 0 5px rgba(255, 0, 64, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 0, 64, 0), 0 0 0 5px rgba(255, 0, 64, 0);
    }
}
@media (min-width: 426px) {

}
@media (max-width: 767px) {

}
@media (max-width: 575px) {
    body main {
        overflow: hidden;
    }

    .main-nav .blur-bg {
        height: 17rem;
    }

    .navbar-expand-sm .navbar-collapse {
        position: absolute;
        width: 100%;
        top: 0;
        margin: 0;
        left: 0;
        padding: 0 4rem;
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        background: rgba(40, 22, 32, 0.69);
    }

    .navbar-toggler {
        position: relative;
        border: none !important;;
        box-shadow: none !important;
        padding: 0;
        margin-right: -4rem;
        margin-left: -3rem;
    }

    .nav-item {
        text-align: center;
        margin: 0;
    }

    .nav-link {
        font-size: 3.7rem;
        padding: 4rem 0;
    }

    .main-nav .telegramm {
        position: fixed;
        bottom: 0;
        margin: 0 0 4rem 0;
        text-align: center;
        left: 0;
        right: 0;
    }
    .main-nav .telegramm .lips-bg {
        display: block;
        overflow: visible;
    }

    .main-nav .telegramm .lips-bg .lips-1 {
        margin: -11rem 0 0 0;
    }

    .main-nav .telegramm .lips-bg .lips-1 svg {
        width: 20rem;
        height: auto;
        animation: s13 3s linear forwards infinite;
        animation-delay: -1560ms;
    }

    .main-nav .telegramm .lips-bg .lips-2 {
        margin: -5rem 0 0 15rem;
    }

    .main-nav .telegramm .lips-bg .lips-2 svg {
        width: 15rem;
        height: auto;
        animation: s1 3s linear forwards infinite;
        animation-delay: -120ms;
    }

    .main-nav .telegramm .lips-bg .lips-3 {
        margin: -7rem 0 0 -9rem;
    }

    .main-nav .telegramm .lips-bg .lips-3 svg {
        width: 12rem;
        height: auto;
        animation: s2 3s linear forwards infinite;
        animation-delay: -240ms;
    }

    .main-nav .telegramm .lips-bg .lips-4 {
        margin: -5rem 0 0 -32rem;
    }

    .main-nav .telegramm .lips-bg .lips-4 svg {
        width: 18rem;
        height: auto;
        animation: s3 3s linear forwards infinite;
        animation-delay: -360ms;
    }

    .main-nav .telegramm .lips-bg .lips-5 {
        margin: -10rem 0 0 -21rem;
    }

    .main-nav .telegramm .lips-bg .lips-5 svg {
        width: 17rem;
        height: auto;
        animation: s4 3s linear forwards infinite;
        animation-delay: -480ms;
    }

    .main-nav .telegramm .lips-bg .lips-6 {
        margin: -6rem 14rem 0 0;
    }

    .main-nav .telegramm .lips-bg .lips-6 svg {
        width: 8rem;
        height: auto;
        animation: s5 3s linear forwards infinite;
        animation-delay: -600ms;
    }

    .main-nav .telegramm .lips-bg .lips-7 {
        margin: -8rem 24rem 0 0;
    }

    .main-nav .telegramm .lips-bg .lips-7 svg {
        width: 12rem;
        height: auto;
        animation: s6 3s linear forwards infinite;
        animation-delay: -720ms;
    }

    .main-nav .telegramm .lips-bg .lips-8 {
        margin: -6rem 0 0 -24rem;
    }

    .main-nav .telegramm .lips-bg .lips-8 svg {
        width: 9rem;
        height: auto;
        animation: s7 3s linear forwards infinite;
        animation-delay: -840ms;
    }
    .main-nav .telegramm .lips-bg .lips-9 svg {
        width: 11rem;
        height: auto;
        animation: s10 3s
        linear forwards infinite;
        animation-delay: -1200ms;
    }
    .main-nav .telegramm .lips-bg .lips-10 {
        margin: 0 0 7rem -9rem;
    }
    .main-nav .telegramm .lips-bg .lips-10 svg {
        width: 7rem;
        height: auto;
        animation: s11 3s
        linear forwards infinite;
        animation-delay: -1320ms;
    }
    .main-nav .telegramm .lips-bg svg path {
        fill-opacity: 0.6;
    }
    .main-nav .telegramm a {
        display: inline-block;
        animation: animate 2s linear infinite;
    }
    .navbar-brand img {
        width: 22rem;
    }
    .intro-section {
        padding: 3rem 3rem 6rem 3rem;
    }
    .intro-header {
        padding: 11rem 0 2rem 0;
    }
    .main-nav .telegramm svg {
        width: 5rem;
        margin-right: 1.5rem;
    }
    .main-nav .telegramm a {
        padding: 2rem 4rem 2rem 3rem;
    }
    .main-nav .telegramm a span {
        font-size: 2.7rem;
        display: inline-block;
        vertical-align: middle;
    }
    .main-nav .phone a span {
        font-size: 2.7rem;
    }
    .intro-header span {
        font-size: 6.5rem;
    }
    .intro-header p {
        font-size: 2.8rem;
    }
    .services-grid .row > div {
        width: 100%;
    }
    .section-title h2 {
        font-size: 6.5rem;
        margin-bottom: 2rem;
    }
    .lips-bg .lips-1 {
        margin: 9rem 0 0 0;
    }
    .lips-bg .lips-1 img {
        width: 20rem;
    }
    .lips-bg .lips-2 {
        margin: 7rem 0 0 15rem;
    }
    .lips-bg .lips-4 {
        margin: 27rem 0 0 45rem;
    }
    .lips-bg .lips-5 {
        margin: 3rem 0 0 43rem;
    }
    .lips-bg .lips-6 {
        margin: 8rem 0rem 0 0;
    }
    .lips-bg .lips-7 {
        margin: 22rem 1rem 0 0;
    }
    .lips-bg .lips-7 img {
        width: 18rem;
    }
    .services-grid .ser-box {
        padding: 3rem 0 0 3.5rem;
    }
    .services-grid .ser-box > span {
        font-size: 4.5rem;
    }
    .services-grid .ser-box > p {
        font-size: 2.65rem;
        margin-bottom: 2rem;
    }
    .services-grid .ser-box .d-flex .duration span {
        font-size: 3.25rem;
    }
    .services-grid .ser-box .d-flex .price {
        padding: 1.5rem 2.2rem 0.5rem 2.2rem;
    }
    .services-grid .ser-box .d-flex .price span {
        font-size: 3.25rem;
    }
    .masters-grid .row > div {
        width: 50%;
        margin-bottom: 2rem;
    }
    .photo-box img {
        width: 100%;
    }
    .services-section {
        background-size: auto 15%;
    }
    .masters-section {
        background-size: cover;
    }
    .master-details {
        margin: 0 0 3.5rem 3.5rem;
    }
    .master-details > span {
        font-size: 3.5rem;
    }
    .master-details .active {
        padding: 1.3rem 3rem 1.3rem 2.5rem;
        margin-top: 1.5rem;
    }
    .master-details .active img {
        width: 3.6rem;
        margin-right: 1rem;
    }
    .master-details .active b {
        font-size: 2.2rem;
    }
    .contacts-section .row > div {
        width: 100%;
    }
    .contacts-details p {
        font-size: 2.65rem;
    }
    .contacts-details .contacts-row, .footer-contacts .contacts-row {
        margin-top: 4rem;
    }
    .contacts-details .telegramm, .footer-contacts .telegramm {
        margin-right: 2.5rem;
    }
    .contacts-details .telegramm a, .footer-contacts .telegramm a {
        padding: 1.3rem 3rem 1.5rem 2rem;
    }
    .contacts-details .telegramm svg, .footer-contacts .telegramm svg {
        width: 4rem;
        margin-right: 1.5rem;
    }
    .contacts-details .telegramm span, .footer-contacts .telegramm span {
        font-size: 2.2rem;
        display: inline-block;
        vertical-align: middle;
    }
    .contacts-details .phone a span, .footer-contacts .phone a span {
        font-size: 2.7rem;
    }
    .contact-map {
        margin-top: 4rem;
        height: 60rem;
    }
    .contacts-section .lips-bg .lips-4 {
        margin: 1rem 0 0 40rem;
    }
    .contacts-section .lips-bg .lips-4 img {
        width: 21rem;
    }
    .contacts-section .lips-bg .lips-5 {
        margin: 17rem 0 0 40rem;
    }
    .contacts-section .lips-bg .lips-7 {
        margin: 13rem -6rem 0 0;
    }
    .contacts-section .lips-bg .lips-9 {
        margin: 0 0 18rem 15rem;
    }
    .contacts-section .lips-bg .lips-10 {
        margin: 0 0 41rem 4rem;
    }
    .footer p {
        font-size: 2.65rem;
        text-align: center;
    }
    .footer-logo {
        text-align: center;
        margin-top: 4rem;
        padding-bottom: 15rem;
    }
    #modal_content {
        max-width: 63rem;
        padding: 4rem 4rem 4rem 4rem;
    }
    .content_wrapper > img {
        width: 25rem;
        height: 25rem;
    }
    #modal_content h2 {
        font-size: 4.2rem;
        margin-bottom: 4rem;
    }
    #modal_content nav ul {
        flex-direction: column;
    }
    #modal_content nav li {
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;
    }
    #modal_content nav a.av_btn {
        width: auto !important;
        font-size: 3.65rem;
        padding: 1rem 4rem;
        display: inline-block;
    }
    #modal_content p {
        font-size: 3rem;
        margin-bottom: 3rem;
    }
}
@media (max-width: 425px) {

}