.mini-her {
    padding: 0 15px;
    height: 40px;
    display: flex;
    width: fit-content;
    align-items: center;
    color: #F08246;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    background: #f0824633;
    border-radius: 76px;
    margin: 0;
}
.mini-her.rev {
    background: #f0824633;
    color: #F08246;
}
.mini-her.skelet {
    border-radius: 76px;
    border: 1px solid #F08246;
    height: 30px;
    padding: 10px;
    gap: 5px;
    color: #F08246;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    background: #ffffff;
}
.spHead-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.big-hh {
    color: #303030;
    font-family: "Montserrat Alternates";
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 113.977%;
}
.big-hh span {
    color: #F08246
}
.sub-hh {
    margin-top: 15px;
    color: #303030;
    font-family: "Montserrat Alternates";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
}

.subtab {
    display: flex;
    gap: 5px;
}
.subtab .btn {
    padding-left: 32px;
    padding-right: 32px;
}
.btn.purpBtn {
    background: rgba(246, 237, 216, 0.45);
    border-color: rgba(246, 237, 216, 0.45);
    color: #000000;
}
.btn.purpBtn:hover {
    background: #55ADCF;
    border-color: #55ADCF;
    color: #ffffff;
}
/*-------------------*/
.spDuo-wrap {
    padding: 0 0 0 0;
    margin: 120px 0 0 0;
}
.spDuo-box {
    margin-top: 25px;
    display: flex;
    gap: 15px;
}
.spDuo-boxL {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.spDuo-boxR {
    width: 50%;
    display: flex;
    flex-direction: column;
}

/*-------------------*/
.spOne-wrap {
    padding: 0 0 0 0;
}
.spOne-box {
    margin-top: 30px;
    display: flex;
}
.spOne-inn {
    width: 100%;
    position: relative;
}

/*----------------------------------------- NEW-SURF-VOLNA -----------------------------------------*/
.serv-ban .serfGalWrap {
    margin-top: 0;
}

.spFst-wrap {
    margin-top: 20px;
    position: relative;
    min-height: 640px;
    background: #f5f5f5 url("/surf-volna/img/dark_1.webp") no-repeat center center;
    background-size: cover;
}
.spFst-wrap:after {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("/surf-volna/img/dark_1.webp") no-repeat center center;
    opacity: 1;
    z-index: 2;
    transition: opacity 1.2s ease-in-out;
}
/*.spFst-wrap.logo-fade:after {
    opacity: 0;
}*/
.spFst-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.spFst-wrap .container {
    z-index: 3;
    position: relative;
}

.spFst-wrap .container {
    max-width: 1310px;
}
.spFst-wrap .sp-section {
    padding: 0 0;
}
.spFst-box {
    padding-top: 104px;
    padding-bottom: 107px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 0 0;
}
.spFst-spa {
    max-width: 1000px;
    color: #FFF;
    font-family: "Montserrat Alternates";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 102%;
}
.spFst-spa-tx {
    max-width: 640px;
    margin-top: 0;
    color: #F1F1F1;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
}
.spFst-spa-tx-btn {
    margin-top: 10px;
}
.spFst-spa-tx-btn-tx {
    margin-top: 12px;
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 135%;
    padding: 0 0 0 40px;
    background: transparent url(/surf-volna/img/cal.svg) 0 0 no-repeat;
    height: 30px;
    display: flex;
    align-items: center;
}


/*-------------------*/
.spOra-wrap {
    margin-top: 130px;
    background: #F08246 url("/surf-volna/img/per.png") no-repeat center 100%;
    background-size: cover;
}
.spOra-wrap .sp-section {
    position: relative;
}
.spOra-box {
    text-align: center;
}
.spOra-box-tx1 {
    padding-top: 64px;
    color: #FFF;
    font-family: "Montserrat Alternates";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: lowercase;
}
.spOra-box-tx2 {
    color: #FFF;
    margin-top: 20px;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 113.977%;
    padding-bottom: 66px;
}
.spOra-box-btns {
    margin: 0 auto;
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
}
.spOra-box-btn {
    display: block;
    text-decoration: none;
    width: 60px;
    min-width: 60px;
    height: 60px;
}
.spOra-box-btn:first-child {
    background: #F08246 url("/prozhivanie/img/VK.svg") no-repeat center center;
    background-size: cover;
}
.spOra-box-btn:last-child {
    background: #F08246 url("/prozhivanie/img/MAX.svg") no-repeat center center;
    background-size: cover;
}


/*-------------------*/
.spFoto-wrap {
    margin-top: 130px;
}
.spFoto-box {
    margin-top: 25px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.spFoto-box_item {
    padding: 35px 35px;
    width: 32%;
    min-width: 410px;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-radius: 20px;
    background: #00ABED;
}
.spFoto-box_item.color-1 {
    background: #00ABED;
}
.spFoto-box_item.color-2 {
    background: #FFA031;
}
.spFoto-box_item.color-3 {
    background: #F26B21;
}
.spFoto-box_item.color-4 {
    background: #00C6FF;
}
.spFoto-box_item.color-5 {
    background: #00A900;
}
.spFoto-box_item.color-6 {
    background: #FF6F00;
}
.spFoto-box_item-img {
    width: 65px;
    height: 65px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.spFoto-box_item-tx1 {
    color: #FFF;
    font-family: "Montserrat Alternates";
    font-size: 31px;
    font-style: normal;
    font-weight: 700;
    line-height: 113.977%;
}
.spFoto-box_item-tx2 {
    margin-top: -18px;
    color: #FFF;
    font-family: "Montserrat Alternates";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
}


/*-------------------*/
.sp-tarifi .spFoto-box {
    margin-top: 12px;
}
.sp-tarifi .starList {
    margin: 40px 0 0 0;
}
.sp-tarifi .spFoto-box {
    flex-direction: column;
    gap: 0;
}


/*-------------------*/
.sp-why .spFoto-box_item {
    min-width: 337px;
    min-height: 227px;
}
.sp-why .spFoto-box_item.bigger {
    min-width: 555px;
}
.sp-why .spFoto-box_item.minner {
    min-width: 337px;
    width: 337px;
}
.sp-why .spFoto-box_item.bigger-photo {
    min-width: 555px;
    display: flex;
    gap: 9px;
    padding: 17px 17px 17px 35px;
    flex-direction: row;
}
.bigger-photoL {
    display: flex;
    flex-direction: column;
    gap: 25px;
    flex-grow: 1;
}
.bigger-photoR {
    width: 264px;
    min-width: 264px;
    border-radius: 12px;
}
.bigger-photoR img {
    border-radius: 12px;
    object-fit: cover;
    min-height: 100%;
}
.sp-why .spFoto-box_item-tx1 {
    font-size: 22px;
    font-weight: 600;
}

/*-------------------*/
.sp-vajno .spFoto-box_item {
    min-height: 202px;
}
.spFoto-box.spFoto-100 {
    width: 100%;
    margin-top: 15px;
}
.spFoto-box.spFoto-100 .spFoto-box_item {
    width: 100%;
}
.sp-vajno .subtab {
    margin-top: 25px;
}
.sp-vajno .spFoto-box_item-tx1 {
    font-size: 22px;
    font-weight: 600;
}


/*-------------------*/
.sp-fair .spDuo-box {
    gap: 40px;
}
.sp-fair .big-hh {
    color: #303030;
    font-family: "Montserrat Alternates";
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 113.977%;
    background: transparent url(/surf-volna/img/vv.svg) 0% 100% no-repeat;
    padding: 0 0 20px 0;
}
.fair-tx {
    margin-top: 15px;
    color: #303030;
    font-family: "Montserrat Alternates";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
}
.sp-fair .spDuo-boxL {
    padding: 85px 0 0 0;
    max-width: 540px;
}
.sp-fair .spDuo-boxR {
    background: transparent url(/surf-volna/img/serf-1.png) 50% 50% no-repeat;
    background-size: contain;
    min-height: 451px;
    flex-grow: 1;
}


/*-------------------*/
.sp-instr .spDuo-boxL {
    border-radius: 35px;
    background: #FBF7ED;
}
.instr-box {
    display: flex;
    gap: 20px;
}
.instr-boxL {
    width: 218px;
    min-width: 218px;
    min-height: 284px;
}
.instr-boxL img {
    object-fit: cover;
    height: 100%;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}
.instr-boxR {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 25px 25px 25px 0;
}
.instr-name {
    color: #000;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
}
.instr-tx1 {
    color: #767676;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
}
.instr-tx2 {
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
}
.spFst-spa-tx-btn button br,
.subtab button br {
    display: none;
}

/*------------- custom ------------*/
#serfFormModal .uk-modal-dialog,
#callbackMeFormModal .uk-modal-dialog {
    padding: 60px 20px 20px;
}
.spFst-spa-tx-btn a br,
.subtab a br {
    display: none;
}


.show-desktop {
    display: block;
}
.show-mobile {
    display: none;
}
/*=================================== Media =====================================*/


@media (max-width: 1024px) {

}

@media (max-width: 768px) {
    .spFst-spa-tx-btn button br,
    .subtab button br {
        display: block;
    }
    .spFst-spa-tx-btn a br,
    .subtab a br {
        display: block;
    }
    .spFoto-wrap,
    .spDuo-wrap,
    .spOra-wrap {
        margin-top: 80px;
    }
    .sp-fair .spDuo-box {
        gap: 15px;
    }
    .sp-vajno .spFoto-box_item-tx1 {
        font-size: 20px;
    }
    .sp-why .spFoto-box_item,
    .sp-vajno .spFoto-box_item,
    .spFoto-box_item {
        padding: 30px 20px;
    }
    .bigger-photoR {
        display: none;
    }
    .spFst-spa-tx-btn-tx {
        height: auto;
    }
    .sp-fair .spDuo-boxL {
        padding: 0 0 0 0;
        min-width: 100%;
        width: 100%;
    }
    .sp-fair .big-hh {
        font-size: 34px;
    }
    .sp-fair .spDuo-boxR {
        min-height: 220px;
    }
    .instr-boxR {
        padding: 15px 15px 15px 15px;
    }
    .instr-boxL {
        width: 100%;
        min-width: 100%;
    }
    .instr-boxL img {
        width: 100%;
        border-top-left-radius: 35px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 35px;
        border-bottom-right-radius: 0;
    }


    .spFst-wrap {
        min-height: auto;
    }
    .big-hh {
        font-size: 35px;
    }
    .spDuo-box,
    .big-photo-list,
    .spDuo-box,
    .subtab,
    .instr-box {
        flex-direction: column;
    }
    .spDuo-boxL,
    .spDuo-boxR,
    .big-photo-item,
    .cp-text,
    .spFst-spa-tx-btn .btn {
        width: 100%;
    }
    .spFst-spa {
        font-size: 32px;
    }
    .big-photo-item {
        height: 360px;
    }
    .spFst-spa-tx {
        font-size: 16px;
        margin-top: 25px;
    }
    .dom-box-txt1,
    .spOra-box-tx2 {
        font-size: 14px;
    }
    .spFst-box {
        gap: 0;
        padding-top: 0;
        padding-bottom: 35px;
    }
    .spOra-box-tx1 {
        font-size: 20px;
    }
    .spFst-wrap {
        min-height: auto;
    }
    .spFoto-box {
        flex-direction: column;
        gap: 25px;
    }
    .sp-why .spDuo-boxL {
        min-width: 100%;
    }
    .spFst-bron-box {
        margin-top: 30px;
        /*min-height: auto;
        padding: 30px 20px 35px 20px;*/
    }
    .spOra-box-tx1 {
        padding-top: 28px;
    }
    .spOra-box-tx2 {
        padding-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .show-desktop {
        display: none;
    }
    .show-mobile {
        display: block;
    }
    .scroll-576 {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .spDuo-boxL {
        min-width: 290px;
        width: 290px;
    }
    .sp-why .spFoto-box_item,
    .sp-why .spFoto-box_item.bigger,
    .sp-why .spFoto-box_item.bigger-photo,
    .sp-vajno .spFoto-box_item,
    .sp-why .spFoto-box_item.minner {
        width: 290px;
        min-width: 290px;
    }
    .sp-kogo .spFoto-box_item {
        width: 100%;
        min-width: 100%;
        min-height: auto;
    }

}

@media (max-width: 480px) {

}