/*mobile*/
@media screen and (max-width:600px) {

.vs_xs {
   display: block !important; 
}
.hd_xs {
    display: none !important; 
}

.pad-top {
    padding-top: 40px;
}
.pad-bot {
    padding-bottom: 40px;
}
.block {
    padding-top: 40px;
    padding-bottom: 40px;
}

.but {
    width: 100%;
    height: 3rem;
}

.field {
    width: 100%;
}

.polit {
    font-size: .7rem;
    line-height: 145%;
    width: 100%;
    text-align: center;
}

.headline {
    font-size: 1.2rem;
    margin: 0 0 1.5rem;
    text-align: center;
}
.headline_block {
    margin: 0 0 1.5rem;
}
.headline_block .headline {
    margin: 0;
    text-align: left;
    font-size: 1.1rem;
}
.subtitle {
    font-size: .8rem;
    text-align: center
}

.wrapper {
    padding-left: 10px;
    padding-right: 10px;
}

header {
    padding: 20px 10px .5rem;
}
header.scroll {
    padding: .2rem 10px
}
header h2 {
    display: none
}
.logo {
    width: 7rem;
}
header.scroll .logo {
    width: 7rem
}
.phone a img {
    width: 1.5rem;
    display: block;
}
.phone a:not(:first-child) {
    margin-left: 1rem
}
.tel>a {
    display: none;
}

.main {
    min-height: 95vh;
    background: #F5F5F0;
    padding: 5.5rem 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    margin-bottom: 40px
}
.text_main {
    width: 100%;
    padding: 0 10px
}
.main h1 {
    font-size: 1.5rem;
    margin-bottom: 1rem
}
.main h1+p {
    font-size: .9rem;
    margin-bottom: 1.8rem
}
    .main .but {
        margin-bottom: 1rem
    }
    .main_img_mob {
        position: relative;
    }
    .main_img_mob:after {
        position: absolute;
        content: '';
        background: linear-gradient(#F5F5F0 2%, transparent 25%);
        z-index: 2;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .main_img_mob>img {
        width: 100%;
        display: block;
    }
    .about_row {
        flex-direction: column-reverse;
        margin-top: 2.5rem;
    }
.about_row>img {
    width: 100%;
    flex-shrink: 0;
    margin-left: 0;
    margin-bottom: 2.5rem;
}
.item_ic:not(:last-child) {
    margin-bottom: 1rem;
}
.item_ic img {
    width: 2.5rem;
    margin-right: 1rem;
    flex-shrink: 0;
}
.item_ic p {
    font-size: .8rem;
    padding-right: 0;
    width: 100%;
    line-height: 1.1rem
}

.about_row:nth-of-type(2) {
    flex-direction: column-reverse;
    margin-top: 2.5rem;
}
.about_row:nth-of-type(2)>img {
    margin: 0 0 2.5rem 0;
}
.about_row .but {
    margin-top: 3rem
}


.slider {
    overflow: visible;
}
.serv_slider-nav {
    /* display: none */
}

.slider_item, .team_item {
    width: 15rem;
}
.slider_item:not(:last-child), .team_item:not(:last-child) {
    margin-right: 1rem;
}
.slider_item>img {
    width: 100%;
    height: 11rem;
    object-fit: cover;
    margin-bottom: 1.25rem;
}
.slider_item .title, 
.team_item .title, 
.post_item .title {
    font-weight: bold;
    font-size: .9rem;
    margin-bottom: .5rem;
}
.slider_item .desc,
.team_item .desc, 
.post_item .desc{
    font-size: .7rem;
    line-height: 150%;
    margin-bottom: .75rem
}
.slider_item .price {
    font-size: .9rem;
}

.faq-cont {
    align-items: flex-start;
    flex-direction: column
}
.faq-cont>img {
    display: none
}
.faq-row {
    width: 100%;
}
.faq-row>img {
    display: none
}
.faq-item {
    padding: 0;
    border-bottom: none;
    display: flex;
    flex-direction: column;
}
.faq-item:not(:last-child) {
    margin-bottom: 2.5rem;
}
.faq-item>img {
    width: 100%;
    margin-top: 1.5rem;
    order: 1;
}
.faq-item .question {
    padding: 0;
    margin-bottom: .5rem;
    font-size: .9rem;
    text-align: center;
    justify-content: center;
}
.faq-item .question span {
    display: none
}
.faq-item .answer {
    padding: 0;
    display: block
}
.faq-item .answer p {
    text-align: center
}
.faq-item.open .question {
    color: inherit
}

.boxes {
    align-items: stretch;
    gap: 1rem;
    flex-wrap: wrap;
}
.box-item {
    padding: 2rem 2rem 1.5rem;
    text-align: center;
    width: 100%;
}
.box-item img {
    width: 3.5rem;
    margin-bottom: 1.2rem;
}

    .form-container {
        flex-direction: column;
    }
.img_cont {
    width: 95%;
    height: auto;
    aspect-ratio: 1;
    margin-bottom: 2.5rem
}

.form-cont {
    width: 100%;
}
    .form-cont .subtitle {
        text-align: center;
    }
.form-box {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%
}
.form-box .but {
    width: 100%
}

.gallery {
    align-items: stretch;
    flex-wrap: wrap;
    gap: .75rem;
}

.gal {
    width: calc(100%/2 - .75rem/2);
    aspect-ratio: 1;
}
.gal:after {
    background: rgba(0, 0, 0, 0.1) url(../img/icons/zoom.svg) calc(100% - 1rem) calc(100% - 1rem)/2rem no-repeat;
}

.load-more {
    margin: 2rem auto 0;
}


.banner_form {
    margin: 40px 0;
    padding: 3.5rem 10px;
    text-align: center;
}
.banner_form .headline {
    margin-bottom: 1rem;
}

.banner_form .form-box {
    width: 100%;
    margin-top: 1.4rem;
}
.banner_form .input {
    border-color: #fff
}

.points_bl {
    align-items: flex-start;
    justify-content: center;
    display: flex;
    margin-top: 2.6rem;
    position: relative;
}
.points {
    width: 100%;
    text-align: center;
    background: none;
    position: relative;
    margin: 0 .7rem
}
.points:after {
    width: 95%;
    height: auto;
    aspect-ratio: 1;
    left: 2.5%;
}
.points>img {
    width: 88%;
}

.point {
    width: 1.6rem;
    height: 1.6rem;
}
.point1 {
    right: 19%;
    top: 8%;
}
.point2 {
    left: 38%;
    top: 18%;
}
.point3 {
    left: 23%;
    top: 56%;
}
.point4 {
    right: 14%;
    top: 54%;
}
.point5 {
    left: 1%;
    bottom: 19%;
}
.point6 {
    left: 26%;
    bottom: 6%;
}
    
    .points_modal {
/*        display: block;*/
        position: absolute;
        width: 100%;
        padding: 1.5rem;
        background: rgba(255, 255, 255, 0.95);
        border-radius: 20px;
        text-align: center;
        top: 2.5rem;
    }

    .points_modal .close {
        margin-bottom: 1rem;
        display: block;
    }

.point_desc {
    display: none
}
.point_desc p, .points_modal-inner {
    width: auto;
    font-size: .8rem;
}
.point_desc1 p {
    text-align: right;
}
.point_desc p span, .points_modal-inner span {
    display: block;
    font-weight: bold;
    margin-bottom: .4rem;
    font-size: .9rem
}

    
    .slider .headline {
        width: 100%;
    }
    .slider .subtitle {
        text-align: center;
    }
.team-slider .swiper-wrapper {
    margin-top: 2rem
}
.team_item {
    width: 14rem;
    height: 11rem;
    padding: 1.2rem 1.2rem .5rem;
}
.team_item img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.step {
    font-size: .8rem;
    padding-bottom: 1.75rem;
    padding-right: 10%;
}
.faq-it .answer {
    padding: 0 7% 0 1rem;
    display: none
}
.post_item {
    width: 15rem
}
.post_item:not(:last-child) {
    margin-right: 1rem
}
.post_img {
    width: 100%;
    aspect-ratio: 1.5;
    object-fit: cover;
    margin-bottom: 1.5rem;
}
    .post_item .desc {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1rem
    }
.post_item .desc span {
    margin-right: 0%;
}

.gift_img {
    margin-left: 0;
    width: 100%;
    margin-bottom: 1rem
}

#contacts {
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.map {
    height: 20rem;
}
.contact {
    position: static;
    width: 100%;
    padding: 2.5rem .8rem;
    text-align: center;
}
    .contact .flex-b {
        flex-direction: column;
    }
.contact-row {
    margin-top: 1.5rem
}
.contact-row span {
    font-size: .7rem;
    display: block;
    margin-bottom: .6rem;
}
.contact-row p, .contact-row a {
    font-size: .8rem;
}
.contact-row .but, .contact-row.email {
    width: 100%;
}
    .contact-row .soc {
        justify-content: center;
        gap: 1rem;
        margin-bottom: 2rem
    }
.contact-row .soc a {
    margin-right: 0;
}
.contact-row .soc img {
    width: 1.5rem
}


footer {
    padding: 2rem 10px;
    flex-direction: column;
    gap: 1.2rem
}
    footer>p {
        order: 1;
    }



.post-containet {
    padding-top: 5rem;
}
.post-baner {
    width: 100%;
    height: auto;
    aspect-ratio: 1.3;
    margin-bottom: 2rem;
}
.post-baner img {
    display: block
}
.content {
    font-size: .8rem;
    margin-bottom: 2rem;
}

.contrl a {
    gap: 20px;
    font-size: .8rem;
    font-weight: bold;
}
.contrl a img {
    width: 2rem;
}
    
.contrl a.prev img {
    transform: rotate(180deg)
}
    
    
    
    
    
.quiz-container {
    align-items: flex-start;
    min-height: unset;
    margin-top: 2rem;
    flex-direction: column;
}
.quiz-static {
    background: var(--bg) url(../img/calc_bg-mob.png) right top/auto 100% no-repeat;
    width: 100%;
    padding: 2rem 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.quiz-static>p {
    font-size: .8rem;
    margin-bottom: 0;
    padding-right: 5%
}
.quiz-static>span {
    font-size: 2.5rem;
    position: static;
}
.quiz-static>span:after {
    position: absolute;
    bottom: 0;
    left: calc(50% - .65rem);
    content: '';
    width: 0;
    height: 0;
    border-top: none;
    border-left: .9rem solid transparent;
    border-right: .9rem solid transparent;
    border-bottom: 1.3rem solid #F2F2F2;
}
.quiz {
    padding: 2rem 10px;
}
.quiz_head {
    margin-bottom: 1.5rem;
    flex-direction: column-reverse;
    gap: 1.2rem;
}

.quiz-progress {
    margin-left: 0px;
}

.quiz-it {
    display: none;
    margin-bottom: 2rem
}
.quiz-it.curent {
    display: block;
}
.quiz-it .radio-wrap {
/*    height: 9.5rem;*/
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 15px
}
.radio {
    display: none
}
.radio+label {
    cursor: pointer;
    width: calc(100%/2 - 15px/2);
    height: 45vw
}
.radio+label .input-filed {
    margin-top: .5rem
}
.radio+label:before {
    width: 1.2rem;
    height: 1.2rem;
    bottom: .6rem;
    right: .6rem;
    display: none
}

.quiz-it .input-filed span {
    font-size: .7rem;
    display: block;
    margin-bottom: .5rem;
}
    .quiz .form-box {
        gap: 1.2rem
    }
.quiz .w-50 {
    width: 100%;
}

.quiz .w-33 {
    width: 100%;
}

.checkbox-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
    .checkbox-wrap>div {
        width: auto !important;
    }
.checkbox {
    display: none
}
.checkbox+label {
    font-size: .7rem;
}
.checkbox+label:not(:last-child) {
    margin-bottom: .5rem;
}

.calc_total {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.4rem
}
.calc_total>div {
    max-width: 100%;
    min-width: 100%;
}
.calc_row {
    font-size: .8rem
}
.calc_row:not(:last-child) {
    margin-bottom: 1.4rem
}
.calc_row>span {
    font-size: .9rem
}
.calc_row table td {
    padding: .2rem 0
}
    .calc_row table td:last-child {
        text-align: right;
    }

.checkout {
    width: 100%;
}
.checkout .subtitle {
    font-size: 1.2rem;
}
.checkout .und-title {
    margin: .7rem 0 1.25rem;
    text-align: center
}
    .checkout .quiz-control {
        flex-wrap: wrap;
        gap: 1.5rem 0
    }
    .checkout label {
        order: 1;
    }
    .checkout .control-el {
        order: 2;
    }
.checkout button {
    margin-left: unset;
    order: 3;
    width: calc(100% - 4.5rem);
}

.quiz-control-bl {
    margin-top: auto;
    flex-wrap: wrap;
}
    .quiz-control {
        width: 100%;
    }
    .quiz-control .next {
        flex-shrink: 1
    }
.quiz-control .prew {
    flex-shrink: 0
}
.quiz-control .prew.disable {
    display: none;
}
.quiz-control .next.disable {
    opacity: .5;
    pointer-events: none;
}

    
.phraze-cont {
    background: none;
    color: #16181A;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: block
}
    .phraze-cont>img {
        width: 100%;
        margin-bottom: 1.5rem
    }
.phraze-text .headline {
    margin-bottom: 1rem;
}
.phraze-par {
    font-size: .8rem;
    margin-bottom: 2.5rem;
    line-height: 135%;
    text-align: center
}
.phraze {
    width: 100%;
    margin-left: 0;
    color: #fff;
    margin-top: 80px
}
.phraze img {
    border-radius: 50%;
    width: 5rem;
    margin-top: -2.5rem;
    margin-bottom: .6rem;
}
.phraze-body {
    padding: 0 1.4rem 1.2rem;
    margin-bottom: 2.5rem
}
.phraze-body p {
    font-size: .9rem;
}
.phraze-body span {
    margin-top: .6rem;
    font-size: .8rem;
}
.phraze-body:after, .phraze-body:before {
    content: '';
    position: absolute;
    background: url(../img/icons/q.svg) center/cover;
    width: 3rem;
    height: 2.2rem;
}
.phraze-body:before {
    top: -.5rem;
    left: .6rem
}
.phraze-body:after {
    bottom: -.5rem;
    right: .6rem;
}

    
}