/* cyrillic */
@font-face {
    font-family: 'Bad Script';
    font-style: normal;
    font-weight: 400;
    src: local('Bad Script Regular'), local('BadScript-Regular'), url(https://fonts.gstatic.com/s/badscript/v8/6NUT8F6PJgbFWQn47_x7pO8kzO1A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
    font-family: 'Bad Script';
    font-style: normal;
    font-weight: 400;
    src: local('Bad Script Regular'), local('BadScript-Regular'), url(https://fonts.gstatic.com/s/badscript/v8/6NUT8F6PJgbFWQn47_x7pOskzA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Rockstar';
    src: url('../font/RS-extrabold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Rockstar';
    src: url('../font/RS-semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Rockstar';
    src: url('../font/RS-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/*
@font-face {
    font-family: 'kamcha';
    src: url("https://static.wixstatic.com/ufonts/e61c3e_f742a89ede264e55ac4467cf211b905d/woff2/file.woff2") format("woff2"),
    url("https://static.wixstatic.com/ufonts/e61c3e_f742a89ede264e55ac4467cf211b905d/woff/file.woff") format("woff"),
    url("https://static.wixstatic.com/ufonts/e61c3e_f742a89ede264e55ac4467cf211b905d/ttf/file.ttf") format("ttf");
}
*/

@font-face {
    font-family: 'fontawesome';
    src: url('fontawesome.woff2') format("woff2"),
    url('fontawesome.ttf') format("ttf");
}

article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;

}


body {
    line-height: 1;
    box-sizing: border-box;
    outline: none;
}


a:focus, input, select, button {
    outline: none;
    outline-offset: -4px;
}


body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 12px;
    width: 100%;
}

fieldset {
    border: none;
}

b, strong {
    font-weight: 600;
}

.fl {
    float: left;
}

/*
input, textarea, input:focus, textarea:focus {
    outline: none;
}

.home-page .filter, .cat-page .filter {
    display: none;
}

.cat-page.search-page .filter {
    display: block;
}
*/


.fa {
    font-size: 14px;
}


.glamp-link {
    display: block;
    margin: 10px 0 25px 0;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.prod .glamp-link {
    margin: 10px 0;
    font-size: 12px;
    position: absolute;
}

.glamp-link a {
    display: block;
    background: #fd5d00;
    border: 2px solid #e05200;
    padding: 20px 30px;
    border-radius: 10px;
    color: #fff;
    margin: 5px 0;
}

.prod .glamp-link a {
    padding: 8px 25px;
}

.glamp-link a:hover {
    background: #eca606;
    border: 2px solid #f1b838;
    color: #fff;
}

.glamp-link div {
    margin: 25px 0 5px 0;
}

.prod .glamp-link div {
    margin: 5px 0;
    background: #fff;
    padding: 5px;
    border-radius: 8px;
}

.booking-form .glamp-link div {
    margin: 25px 0;
}


.refresh-link {
    display: none;
    background: #f2711c;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
}


h1 {
    font-size: 33px;
    color: #232323;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 0 25px 0;
    font-family: "Open Sans", sans-serif;
}

h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
}

h3 {
    font-size: 21px;
    font-family: "Open Sans", sans-serif;
}

h4 {
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
}

h5 {
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
}

h6 {
    font-size: 10.2px;
    font-family: "Open Sans", sans-serif;
}

a {
    color: #000000;
    outline: none;
    transition: 0.3s ease;
    text-decoration: none;
}

a:focus, a:active {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

button {
    transition: 0.3s ease;
}


.required .req {
    color: #fe398c;
    font-size: 11px;
    margin-left: 2px;
}

.clear {
    clear: both;
}

.form-text {
    font-size: 16px;
}

.inner {
    min-width: 764px;
    max-width: 1830px;
    margin: 0 auto;
    padding: 0 15px;
}

.content {
    max-width: 1400px;
    padding: 0 15px;
    position: relative;
    margin: 0 auto;
}

.content.content-home, .content.content-cat {
    z-index: 5;
}

h2.ui.header.home-header {
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    line-height: 2;
    margin: 10px 0;
    width: 100%;
    color: #232323;
    text-transform: uppercase;
    font-size: 21px;
}

.content.content-cat {
    max-width: 100%;
}

.head-warn {
    text-align: center;
    padding: 10px 5px;
    background: #08885e;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}


.ui.dropdown, .ui.selection.dropdown {
    border-radius: 12px;
}

.ui.active.upward.selection.dropdown {
    border-radius: 0 0 12px 12px !important;
}


.ui.selection.dropdown .menu {
    border-radius: 0 0 12px 12px;
}

.ui.upward.dropdown > .menu {
    border-radius: 12px 12px 0 0;
}

.ui.upward.selection.dropdown.visible {
    border-radius: 0 0 12px 12px !important;
}

.giveaway {
    width: 100%;
    margin: 0 0 15px 0;
    display: block;
}

.giveaway img {
    max-width: 100%;
    max-height: 250px;
    display: block;
    margin: 0 auto;
}

.giveaway .img-mob {
    display: none;
}

/* ---------------Скроллбар-------------- */

.cat-menu::-webkit-scrollbar {
    width: 10px;
}

.cat-menu::-webkit-scrollbar-track {
    background: #232323;
}

.cat-menu::-webkit-scrollbar-thumb {
    background: #393939;
}

.cat-menu::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* ---------------Мобильная шапка-------------- */

.mob-header, .mob-under-header, .mob-hidden {
    display: none;
}


/*------------------Пагинация------------------------*/

.paginations {
    width: 100%;
    text-align: center;
    margin: 10px 0 30px 0;
}

.pagination {
    margin: 0;
    padding: 0;
}

.pagination > li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.pagination > li > a, .pagination > li > span {
    font-size: 16px;
    color: #035d3f;
    font-weight: 700;
    padding: 10px;
    border: 1px solid #035d3f;
    display: block;
    margin-bottom: 10px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination > li > a:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #08885e;
    color: #fff;
}


/* ---------- buyer-favorite-btn (иконка избранного) ---------- */

.buyer-favorite-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
}

.buyer-favorite-btn__icon {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M12.1 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.65 11.54l-1.25 1.31z'/%3E%3C/svg%3E") no-repeat center/contain;
}

.buyer-favorite-btn.is-active .buyer-favorite-btn__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ff5a5f' d='M12.1 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.65 11.54l-1.25 1.31z'/%3E%3C/svg%3E");
}


/* ---------------Бизнесу-------------- */

.geo {
    width: 33%;
    height: 200px;
}

.manufacture .center {
    float: left;
    margin: 0 5% 20px 0;
    max-width: 30%;
    text-align: center
}

.manufacture h1 {
    font-size: 33px;
    line-height: 36px;
    margin-bottom: 25px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
}

.manufacture .img3 {
    float: left;
    margin: 0 20px 20px 0;
    max-width: 50%;
}

.manufacture .img1 {
    float: left;
    margin: 0 5% 20px 0;
    max-width: 30%;
}

.manufacture .img2 {
    float: left;
    margin: 0 0 20px 0;
    max-width: 30%;
}


/* ---------------Шапка сайта-------------- */


header {
    height: 70px;
    background: #08885e;
    /*
    background: #08885e url(../image/lamps.webp) 50% 18% repeat-x;
    background-size: 40%;
    */
}

.home header {
    background: unset;
    z-index: 1000;
    position: relative;
}

.category header {
    background: unset;
    z-index: 98;
    position: relative;
}

header .header-inner {
    max-width: 1430px;
    margin: 0 auto;
    height: 100%;
    padding: 0 15px;
    display: flex;
}

.home .header-catalog-link {
    display: none;
}

header .logo {
    float: left;
}

header .logo img {
    height: 26px;
    margin-top: 22px;
}

#mobile-menu {
    display: none;
}


header .qty img {
    float: right;
    width: 26px;
    margin-top: 22px;
    margin-right: 25px;
}

header .button, .mob-header .button {
    position: relative;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    height: 36px;
    line-height: 34px;
    margin-top: 18px;
    margin-left: 25px;
}

.mob-header .button {
    height: 60px;
    line-height: 60px;
    text-wrap: wrap;
    text-align: center;
    margin: 0 10vw;
    font-size: calc(5px + 1vw);
}

header .header-phone, .mob-header .header-phone {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-align: center;
    color: white;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    float: none !important;
    margin: 0 auto !important;
    font-size: 16px;
}

.mob-header .header-phone {
    margin-right: 13px !important;
    margin-top: 10px !important;
}

.mob-header .header-phone img {
    padding: 8px;
    background: #ffffff3d;
    border-radius: 5px;
}


header .button.login-btn img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}

header .button:hover, header .button.active {
    color: #f9ffff;
}

header .button:hover::after, header .button.active::after {
    transform: scaleX(1);
    transform-origin: left;
}

header a.button::after, header header .button.active::after {
    position: absolute;
    content: "";
    top: 80%;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ff9800;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.45s;
}

header .button.profile-btn {
    padding: 0 15px;
    margin-right: 0;
}

header ul .lang {
    cursor: pointer;
}

header ul .lang img {
    height: 24px;
    position: absolute;
    margin-top: -14px;
    margin-left: -20px;
}

header ul .lang i.icon {
    position: absolute;
    margin: 0;
    top: 0;
    margin-left: 7px;
    margin-top: 1px;
}

/*--Swiper--*/
.swiper {
    height: 153px;
    display: inline-flex;
    width: 153px;
    margin: 0;
    border-radius: 8px
}

.content-home .prod .swiper {
    height: 230px;
    margin-bottom: 15px;
    width: 100%;
}

.swiper-pagination-bullet {
    background: #fff;
    opacity: 0.4;
}

.swiper-pagination-bullet-active {
    background: white;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-button-next, .swiper-button-prev {
    color: white;
}

.prod .swiper-button-next, .prod .swiper-button-prev {
    display: none;
}

.main {
    height: 500px;
    text-align: center;
}

.main-slider {
    position: absolute;
    width: 100%;
    height: 500px;
}

header .profile {
    float: right;
    margin-right: 25px;
    position: relative;
    cursor: pointer;
}

header .profile img {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: -3px 8px 0 0;
}

header .profile ul {
    display: none;
    position: absolute;
    background: #08885e;
    margin: 0;
    padding: 15px 25px;
    width: 180px;
    right: 0;
    z-index: 9;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    top: 60px;
}

header .profile ul li {
    list-style: none;
    font-size: 14px;
    color: #fff;
}

header .profile ul li a {
    display: block;
    color: #fff;
    font-weight: 600;
    padding: 10px 0;
}

header .profile ul li a:hover {
    color: #eca606;
}

/*----------------Область под шапкой-----------------------*/
.home .owl-carousel {
    position: absolute;
    top: 0;
}

.under-header {
    background: #000;
    height: 55px;
}

.under-header .top-menu {
    float: left;
    height: 55px;
    line-height: 55px;
    width: 73%;
    margin: 0;
    padding-left: 5px;
}

.under-header .top-menu li {
    display: inline-block;
    margin-right: 60px;
}

.under-header .top-menu li:last-child {
    margin-right: 5px;
}

.under-header .top-menu li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 800;
}

.under-header .top-menu li a:hover {
    color: #00d6e5;
}


.under-header .search {
    width: 27%;
    float: right;
    position: relative;
}

.under-header .search input[type="text"] {
    height: 42px;
    background: #1a1a1a;
    border: 1px solid #404040;
    width: 100%;
    margin-top: 6px;
    padding-left: 32px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    color: #fff;
}

.under-header .search input[type="submit"] {
    position: absolute;
    top: 17px;
    right: 20px;
    background: url(../image/search.png) 0 0 no-repeat;
    border: 0;
    width: 21px;
    height: 21px;
}

.under-header .search:before {
    content: " ";
    display: block;
    background: #000 url(../image/left-search.png) 0 0 no-repeat;
    width: 15px;
    height: 42px;
    position: absolute;
    top: 6px;
}

.under-header .search:after {
    content: " ";
    display: block;
    background: #000 url(../image/right-search.png) 0 0 no-repeat;
    width: 15px;
    height: 42px;
    position: absolute;
    top: 6px;
    right: 0;
}


.slideshow-text {
    color: #fff;
}

.main-video-banner {
    position: absolute;
    top: 0;
    height: 320px;
    overflow: hidden;
    width: 100%;
    background: #067a54 url(https://xn--c1aaobmgio8j.xn--p1ai/image/main-banner.webp) 50% 100% no-repeat;
    background-size: cover;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.category .main-video-banner {
    height: 250px;
}

.main-video-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.main-video-banner .hidden {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 1;
}

.main-video-banner video {
    width: 100%;
    position: absolute;
    top: -8vw;
}

.main-video-banner video {
    background-color: transparent;
    border-bottom: 1px solid transparent; /* хак для предотвращения мелькания при загрузке на некоторых версиях ios */

    &::-webkit-media-controls-panel {
        display: none !important;
        -webkit-appearance: none;
        opacity: 0;
        visibility: hidden;
    }

    &::-webkit-media-controls-play-button {
        display: none !important;
        -webkit-appearance: none;
        opacity: 0;
        visibility: hidden;
    }

    &::-webkit-media-controls-start-playback-button {
        display: none !important;
        -webkit-appearance: none;
        opacity: 0;
        visibility: hidden;
    }
}

/*
*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

video::-webkit-media-controls {
  display:none !important;
}

*/

#video-container {
    height: 100%;
    width: 100%;
    background-image: url("/image/bg-video.mp4");
    /* background-image: url('/image/tree-house.webp'); */
    background-size: cover;
    background-color: transparent;
    background-position: 50% 50%;
    position: absolute;
    z-index: 1;
}

#video-container > div {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #00000030;
}

.slideshow-text-main {
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 28px;
    line-height: 36px;
    top: 75px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    padding: 0 5px;
    position: relative;
    z-index: 2;
}

.slideshow-text-additional {
    font-size: 18px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -1px;
    font-weight: 400;
    margin-top: 12px;
}

.slideshow-text-main .map-button {
    color: #fff;
    font-size: 21px;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 15px 35px;
    background: #00000075;
}

.slideshow-text-main .map-button:hover {
    background: #ff9800;
}

.slideshow-text-link {
    display: inline-block;
    border: 2px solid #fff;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 20px;
    letter-spacing: 1px;
    border-radius: 10px;
}

.slideshow-text-link:hover {
    background: #ff9800;
    border: 2px solid #ff9800;
}


.alert {
    line-height: 18px;
}


/*------------------------Триггеры-----------------------*/


.head-triggers {
    position: absolute;
    width: 100%;
    height: 60px;
    background: rgba(26, 26, 26, 0.6);
    z-index: 2;
}

.head-triggers .inner > a {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0;
    height: 60px;
    line-height: 60px;
    color: rgba(255, 255, 255, 0.5);
    width: 20%;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.head-triggers .inner > a:last-child {
    border: 0;
}

.head-triggers .inner > a:hover {
    color: #07d5e3;
}

.head-triggers .inner > a img {
    margin-right: 10px;
}

#opt_alert_modal {
    text-align: center;
    margin-bottom: 20px
}

.modal-header {
    margin-bottom: 20px;
}

body.modal-open .modal-dialog {
    z-index: 1200;
}

/*------------------------Баннеры-----------------------*/

.banners {
    position: relative;
    z-index: 2;
}

.banners a {
    display: block;
    float: left;
    width: 25%;
    height: 250px;
}

.banners .ban1 {
    background: url(../image/b1.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.banners .ban2 {
    background: url(../image/b2.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.banners .ban3 {
    background: url(../image/b3.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.banners .ban4 {
    background: url(../image/b4.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.banners a > span {
    display: inline-block;
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    padding: 30px;
    text-transform: uppercase;
}

.banners a > span > span {
    font-size: 36px;
    line-height: 42px;
}

/* Start: Новый/измененный код, не затирать! */

.info-page ul {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
}

.info-page ul li {
    list-style-type: disc;
    display: list-item;
}

.info-page a {
    color: #2185d0;
}

.info-page .bnovo {
    max-width: 980px;
    margin: 0 auto;
}

.info-page .num {
    width: 50px;
    height: 50px;
    background: #08885e;
    color: #fff;
    border-radius: 50%;
    float: left;
    margin: 0 10px 10px 0;
    font-size: 26px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
}

.info-page .bnovo a {
    color: #08885e;
    border-bottom: 1px solid #08885e;
}

.info-page .bnovo a:hover {
    color: #ff9800;
    border-bottom: 1px solid #ff9800;
}

.info-page .bnovo img {
    max-width: 100%;
    border: 20px solid #ccc;
    border-radius: 10px;
    margin: 10px 0;
}


.info-page .bnovo .restrictions, .info-page .bnovo .congratulations {
    background: #08885e;
    padding: 20px;
    border-radius: 20px;
    color: #fff;
    margin-bottom: 40px
}

.info-page .bnovo .restrictions p, .info-page .bnovo .restrictions ul li {
    color: #fff;
    margin-bottom: 0;
}

/* End: Новый/измененный код, не затирать! */


/*------------------------Главная страница---------------------------*/


.home-page .filter, .cat-page .filter {
    padding: 30px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
    position: relative;
}

.home-page .filter .cat-title, .cat-page .filter .cat-title {
    float: left;
    width: 25%;
    text-align: center;
    color: #002036;
    font-size: 21px;
    line-height: 44px;
    font-weight: 800;
    text-transform: uppercase;
}

.home-page .filter .cat-title .mob, .cat-page .filter .cat-title .mob {
    display: none;
}

.home-page .filter .filters select, .cat-page .filter .filters select {
    width: 22%;
    height: 44px;
    color: #002036;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 7px;
    padding: 0 10px;
    cursor: pointer;
    transition: 0.3s ease;
}


.home-page .filter .filters .gender, .cat-page .filter .filters .gender {
    border: 1px solid #00d6e5;
}

.home-page .filter .filters .gender:hover, .cat-page .filter .filters .gender:hover {
    background: rgba(0, 214, 229, 0.1);
}

.home-page .filter .filters .color, .cat-page .filter .filters .color {
    border: 1px solid #f5669f;
}

.home-page .filter .filters .color:hover, .cat-page .filter .filters .color:hover {
    background: rgba(245, 102, 159, 0.1);
}

.home-page .filter .filters .material, .cat-page .filter .filters .material {
    border: 1px solid #be88e8;
}

.home-page .filter .filters .material:hover, .cat-page .filter .filters .material:hover {
    background: rgba(190, 136, 232, 0.1);
}

.cat-page .seo-content {
    margin: 0 0 25px 0;
    color: #272727;
    font-size: 13px;
    line-height: 20px;
}

.cat-page .seo-content h1 {
    font-size: 28px;
    margin: 0 0 15px 0;
}

.cat-page .seo-content p {
    margin: 0 0 12px 0;
}

.articles {
    max-width: 800px;
}

.articles > div {
    margin-bottom: 30px;
}

.articles > div a {
    font-weight: bold;
    color: #08885e;
    text-decoration: underline;
}

.info-page .articles a.title {
    display: block;
    color: #08885e;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 10px 0;
    text-decoration: none;
}

.note-editable p {
    margin-bottom: 5px;
}


.acc-modal {
    background: white;
    padding: 30px;
    text-align: left;
    width: 960px;
    max-width: 90%;
    margin: 40px auto;
    position: relative;
}


.acc-modal .acc-photo {
    display: block;
    width: 70px;
    height: 70px;
    float: left;
    margin: 3px;
    cursor: pointer;
}

.acc-modal .fl {
    width: 600px;
    max-width: 100%;
}

.acc-modal .big-img {
    display: inline-block;
    height: 400px;
    width: 600px;
    max-width: 100%;
}


.acc-modal .acc-info {
    width: 300px;
    padding: 0 0 0 20px;
    max-width: 100%;
}

.acc-modal h3 {
    color: #08885e;
    font-size: 18px;
    margin-bottom: 15px
}

.acc-modal .acc-include {
    color: #272727;
    font-size: 11px;
    line-height: 20px;
    margin: 0 0 3px 0;
    border: 1px solid #a5a5a5;
    padding: 3px 8px;
    display: inline-block;
}

.acc-modal .acc-include .fas {
    margin-right: 5px
}

.green-icon {
    color: #08885e;
    position: relative;
    display: inline;
    cursor: pointer;
    margin-right: 10px;
}


.price-comment {
    display: none;
    position: absolute;
    left: -175px;
    bottom: 28px;
    background: #000000ba;
    padding: 10px 20px;
    width: 220px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    z-index: 99;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    line-height: 15px;
}

.services .price-comment {
    left: -100px;
}

.services .green-icon {
    margin-left: 2px;
}


.price-comment::after {
    content: '';
    position: absolute;
    right: 28px;
    bottom: -24px;
    border: 12px solid transparent;
    border-top: 12px solid #000000e6;
}

.acc-info.price-comment {
    left: -115px;
    bottom: 28px;
    background: #000000e6;
    width: 250px;
    font-size: 10px;
}

.acc-info.price-comment::after {
    right: 116px;
}

.services .price-comment::after {
    right: 100px;
}

.green-icon:hover .price-comment {
    display: block;
}

.account-page .tariff-cm-text {
    text-align: center;
    margin: 40px 20px;
    line-height: 20px;
    color: #1a1a1a;
    font-size: 13px;
}

.account-page .tariff-row {
    display: flex;
    align-items: center;
}

.account-page .tariff-row > div {
    text-align: center;
    width: 80px;
}

.account-page .tariff-row.tariff-head > div {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 30px;
}

.account-page .tariff-row > div.tariff-roomtype {
    text-align: left;
    position: relative;
    width: 190px;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    font-weight: bold;
}

.account-page .tariff-row > div.tariff-roomtype .hint {
    position: absolute;
    left: 50%;
    bottom: 50%;
    display: none;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    font-weight: normal;
    width: 160px;
    z-index: 1;
}

.account-page .tariff-row > div.tariff-roomtype:hover .hint {
    display: block;
}

.account-page .green_weekend {
    background: #2cbe113b;
    border-radius: 10px;
}

.account-page .tariff-row .form-control {
    text-align: center;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin: 0;
    height: 40px;
    border-bottom: 1px solid #ccc;
}

/*
.account-page .tariff-row:nth-child(2n) .form-control {
    background: #f3f3f3;
}
*/

.account-page .tariff-row .weekday-title {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Navs */

.login-page .pagination {
    margin: 30px 0;
}

.login-page .request-table {
    border-collapse: collapse;
}

.login-page .request-table th {
    font-weight: bold;
    padding: 8px 2px 10px 2px;
    border-bottom: 1px solid #ccc;
    color: #333;
}

.login-page .request-table td {
    padding: 5px 2px;
    border-bottom: 1px solid #ccc;
    border-collapse: collapse;
    line-height: 18px;
    font-size: 12px;
}

.login-page .request-table img {
    border-radius: 5px;
}

.login-page .nav > li.disabled > a {
    color: #999;
}

.login-page .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #999;
}

/* Tabs */
.login-page .nav-tabs > li > a {
    color: #666;
    border-radius: 2px 2px 0 0;
}

.login-page .nav-tabs {
    margin-bottom: 25px;
}

.login-page .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    font-weight: bold;
    color: #333;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

#tab-roomtypes > div > div, #tariffs > div {
    display: block;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 25px 15px 0 15px;
    margin-bottom: 35px;
    background: #f5fcfa;
    position: relative;
}

#tab-availability {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 25px 15px 0 15px;
    margin-bottom: 35px;
    background: #f5fcfa;
    position: relative;
}

#tab-availability table tr {
    background: #fff;
    font-size: 13px;
    color: #1a1a1a;
}

#tab-availability table thead {
    font-weight: bold;
}

#tab-tariffs > div .btn-danger {
    top: 0;
    right: 0;
    position: absolute;
}

#tab-roomtypes .service-header {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
    display: block;
    width: 100%;
    color: #000;
}

#tab-roomtypes .facilities-list label {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: normal;
    cursor: pointer;
    margin-right: 15px;
    color: #000;
}

#tab-services .service-list {
    margin-bottom: 30px;
}

#tab-services .service-list label {
    display: block;
    margin-bottom: 15px;
    font-weight: normal;
    cursor: pointer;
}

#tab-services .service-price {
    position: absolute;
    margin-left: 300px;
    width: 400px;
    height: 28px;
}

.tab-pane .note {
    margin-bottom: 20px;
    color: #fd5d00;
    font-style: italic;
}


/*------Датапикер------*/


#dates {
    background: white;
    padding: 30px 30px 55px 30px;
    text-align: left;
    max-width: 375px;
    margin: 40px auto;
    position: relative;
}

#dates h3 {
    color: #000;
    margin-bottom: 10px;
    font-size: 16px;
}

#dates .send-request {
    background: #08885e;
    border: 2px solid #08885e;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 0;
    cursor: pointer;
    white-space: nowrap;
    margin: 0 auto;
    display: block;
    width: 150px;
    text-align: center;
}

#dates .send-request:hover {
    background: #fd5d00;
    border: 2px solid #e05200;
}

#dates .phone-call {
    background: url(../image/phone-call.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    width: 18px;
    height: 18px;
    display: block;
    z-index: 99;
    margin: 13px 0 0 9px;
}

#dates .user-name {
    background: url(../image/name.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    width: 18px;
    height: 18px;
    display: block;
    z-index: 99;
    margin: 13px 0 0 9px;
}

#dates .connect-type {
    background: url(../image/chat.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    width: 18px;
    height: 18px;
    display: block;
    z-index: 99;
    margin: 13px 0 0 9px;
}


#dates input[type="text"] {
    height: 44px;
    padding: 3px 10px 3px 35px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #b8b8b8;
    background: #fff;
}

#dates .guest-dates {
    width: 210px;
    margin: 0 11px 10px 0;
}

#dates .guest-name, #dates .guest-phone {
    width: 100%;
    margin: 0 0 10px 0;
}

.prod-page .check-availability select, #dates .guest-select, #dates select {
    height: 44px;
    padding: 3px 10px 3px 38px;
    font-size: 14px;
    margin: 0 0 10px 0;
    cursor: pointer;
    border: 1px solid #b8b8b8;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    color: #000;
}

.prod-page .check-availability select, #dates .guest-select {
    width: 90px;
    background-position: 65px center;
}

#dates .guest-connect {
    width: 100%;
    background-position: 290px center;
}

.prod-page .check-availability .guests, #dates .guests {
    background: url(../image/friends.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    z-index: 99;
}


#dates .guests {
    margin-left: 233px;
    margin-top: -43px;
}


#dates p {
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

#dates p.contact-form__message {
    font-size: 14px;
    line-height: 22px;
}

#dates .red {
    color: red;
}

#dates textarea {
    height: 70px;
    padding: 10px;
    font-size: 14px;
    margin: 0 0 20px 0;
    cursor: pointer;
    border: 1px solid #b8b8b8;
    background: #fff;
    width: 100%;
}

#dates textarea:focus, #dates textarea:hover {
    border: 1px solid #b8b8b8;
    outline: none;
}


.search-form {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 5px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 20px 30px;
    margin-top: 200px;
    position: absolute;
    z-index: 2;
    width: 690px;
    margin-left: -375px;
    left: 50%;
}

.search-form .datepicker, .search-form .people {
    display: inline-block;
    position: relative;
    margin-right: 15px;
}

.search-form input[type="text"] {
    width: 190px;
    height: 40px;
    min-width: 0 !important;
    padding: 10px 10px 9px;
    border: 1px solid #ccc;
    position: relative;
    border-radius: 5px;
    text-align: left;
    text-transform: uppercase;
    background-color: #fff;
    z-index: 1;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
}

.search-form .datepicker:after {
    font-family: linearicon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 10px;
    right: 17px;
    color: #888;
    z-index: 1;
    content: "\E789";
    font-size: 20px;
    cursor: pointer;
}

.search-form select {
    height: 41px;
    width: 75px;
    padding: 9px 0 9px 15px;
    border: 1px solid #ccc;
    position: relative;
    border-radius: 5px;
    text-indent: 20px;
    background-color: transparent;
    z-index: 1;
    background: #fff;
    cursor: pointer;
}

.search-form .people:after {
    position: absolute;
    left: 7px;
    top: 10px;
    content: "\E723";
    color: #888;
    z-index: 1;
    font-family: linearicon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    cursor: pointer;
}


.search-form .search-submit {
    height: 41px;
    display: inline-block;
    padding: 3px 55px 5px 35px;
    border-radius: 5px;
    float: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: #00c15f;
    color: #fff;
    border: 1px solid #009248;
    text-shadow: none;
    font-size: 16px;
    font-family: 'Rockstar';
    text-align: left;
    margin-left: 40px;
    cursor: pointer;
}

.search-form .search-submit:hover {
    /* background: #0d8a4a;
    border: 1px solid #005229; */
    background: #f1456d;
    border: 1px solid #d0264e;
}

.search-form .search-submit .icon-magnifier {
    font-size: 20px;
    position: absolute;
    margin-left: 19px;
    margin-top: 2px;
    cursor: pointer;
}


#column-left {
    width: 24%;
    float: left;
    padding: 25px 20px;
    border-radius: 5px;
    margin-bottom: 50px;
    border: 1px solid #D9D9D9;
    background: #08885e;
}

.cat-page #column-left {
    width: 20%;
}

.content-cat #column-left,
.prod-page.prod-page-sale #column-left,
.cat-page.info-page #column-left {
    background: unset;
}

.prod-page #filters {
    display: block;
    position: relative;
    top: 0;
    padding: 0;
}

.cat-menu {
    height: 560px;
    padding: 30px 40px 0 50px;
    overflow: auto;
}

.cat-menu a {
    font-size: 16px;
    padding: 6px 0;
    text-transform: uppercase;
    display: block;
    color: #232323;
}

.info-page #content {
    padding: 0 0 20px 0;
    min-height: 300px;
}

.info-page .team-member {
    width: 19%;
    min-width: 200px;
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Rockstar';
    text-align: center;
    margin-bottom: 15px;
}

.info-page .team-member img {
    max-width: 90%;
    border-radius: 20px;
    margin-bottom: 10px;
}

.info-page .team-member .team-member-name {
    font-weight: 600;
    color: #000;
    font-size: 18px;
    font-family: 'Rockstar';
    margin-bottom: 5px;
}

.info-page .team-member .team-role {
    font-weight: 600;
    color: #999;
    margin-bottom: 10px;
}

.info-page .yellow-mark {
    background: #f2ce1c99;
    padding: 0px 6px;
    border-radius: 5px;
}

.info-page .about-video {
    float: left;
    width: 100%;
    max-width: 220px;
    margin: 0 20px 20px 0;
    border-radius: 10px;
}

.info-page .about-text {
    float: left;
    width: calc(100% - 350px);
    min-width: 320px;
}

.info-page h2 {
    margin: 0 0 25px 0;
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    color: #1d1d1d;
}

.info-page #slideshow0 {
    max-width: 600px;
    float: left;
    margin-right: 20px;
}

.info-page .right-params {
    float: left;
}

.info-page .right-params h2 {
    font-size: 32px;
    margin: 0 0 25px 0;
}

.info-page .right-params .param-name {
    font-size: 20px;
    margin: 0 0 25px 0;
}

.info-page p, .register-page p,
.register-page-align p {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    margin-bottom: 25px;
}

.info-page p {
    margin-bottom: 15px;
}

.register-page, .account-page {
    max-width: 1430px;
    padding: 30px;
    position: relative;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
}


.account-page h2 {
    font-size: 24px;
    color: #232323;
    font-weight: 800;
    margin: 0 0 15px 0;
}

.register-page {
    margin: 20px auto 60px auto;
}

.account-page {
    margin: 0 auto 60px auto;
}

.register-page form {
    max-width: 900px;
}

.register-page p a, .register-page-align p a {
    color: #08885e;
    font-weight: 700;
}

.register-page p a:hover, .register-page-align p a:hover {
    color: #fd5d00;
}

.register-page-align h1 {
    margin-bottom: 10px;
}

.login-page a:hover {
    color: #fd5d00;
}

.info-page h3 {
    font-size: 17px;
    padding-bottom: 2px;
    margin-bottom: 3px;
    color: #232323;
}

.info-page .social img {
    margin: 0 8px 0 0;
    vertical-align: middle;
    width: 24px;
}

.owl-carousel .owl-buttons div i {
    border: none;
}


.cat-menu .parent {
    font-weight: 800;
}

.cat-menu .cat-groups-20 .parent {
    color: #00d6e5;
}

.cat-menu .cat-groups-18 .parent {
    color: #ff398d;
}

.cat-menu .child {
    font-weight: 600;
    padding-left: 10px;
}

.cat-menu .podchild {
    font-weight: 400;
    padding-left: 25px;
    font-size: 14px;
}

.profile-menu {
    margin: 0;
    padding: 0;
}

.profile-menu li {
    list-style: none;
    margin-bottom: 16px;
    font-size: 14px;
}

.profile-menu li a {
    color: #fff;
}

.profile-menu li a:hover {
    color: #ffd7a0;
}

.register-page .conditions, .info-page .conditions {
    color: #fff;
    background: #08885e;
    border-radius: 10px;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
}

.register-page .conditions h3, .info-page .conditions h3 {
    font-size: 18px;
    padding-left: 20px;
    color: #fff;
}

.register-page .conditions ul, .info-page .conditions ul {
    margin: 5px 0;
    color: #fff;
}

.register-page .conditions a, .info-page .conditions a {
    color: #fff;
    border-bottom: 1px solid #fff;
}


/*
.cat-menu .podchild:before {
   content: '';
   border-radius: 50%;
   width: 5px;
   height: 5px;
   display: inline-block;
   background: #fff;
   vertical-align: middle;
   margin-right: 5px;
   margin-bottom: 3px;
}
*/


.cat-menu .cat-groups-20 .child:hover, .cat-menu .cat-groups-20 .child.active, .cat-menu .cat-groups-20 .podchild:hover:before, .cat-menu .cat-groups-20 .podchild.active:before {
    background: #17bdc9;
}

.cat-menu .cat-groups-18 .child:hover, .cat-menu .cat-groups-18 .child.active, .cat-menu .cat-groups-18 .podchild:hover:before, .cat-menu .cat-groups-18 .podchild.active:before {
    background: #ff398d;
}

.cat-menu .cat-groups-20 .podchild:hover, .cat-menu .cat-groups-20 .podchild.active {
    color: #17bdc9;
}

.cat-menu .cat-groups-18 .podchild:hover, .cat-menu .cat-groups-18 .podchild.active {
    color: #ff398d;
}

.prod {
    width: 24%;
    padding: 0 0 35px 0;
    position: relative;
    display: inline-block;
}

.prod .best {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 40px;
    z-index: 2;
}

.content.content-cat .cat-page .prod .best {
    left: 8px;
    right: unset;
}

.prod .image {
    display: block;
    width: 100%;
    height: 200px;
    margin: 0 0 15px 0;
    border-radius: 12px;
}

.cat-page .prod .image {
    width: 100%;
}

.home-page .prod .image {
    height: 250px;
}


.feat .image {
    /*
    height: 280px;
    padding: 30px 0;
    margin: 0 auto 20px auto;
    */
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
}

.prod .img-responsive {
    margin: 0 auto 20px auto;
}

.prod .title, .feat .title {
    font-size: 16px;
    line-height: 18px;
    color: #232323;
    margin-bottom: 5px;
    overflow: hidden;
    display: block;
    min-height: 20px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}

a.filter-button.pricing.active {
    background-color: #FF9800;
    color: #fff;
}

.prod .glamp-id, .feat .glamp-id {
    min-height: 16px;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 18px;
    font-family: 'Open Sans';
    color: #484848;
    font-weight: 600;
}

/*
.prod .region, .feat .region {
font-size: 12px;
line-height: 16px;
height: 16px;
overflow: hidden;
margin-bottom: 5px;
}
*/

#glamp-title > div h1 {
    display: none;
}


.prod-bottom-block {
    display: flex;
    width: 100%;
    gap: 5px;
}

.prod-left-block {
    min-width: calc(100% - 97px);
}

.prod-right-block {
    display: flex;
    width: 92px;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
}

.prod .reviews-count, .feat .reviews-count {
    display: block;
    font-size: 11px;
    margin-top: 0;
    color: #666;
}

.rating-number {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    background: rgba(8, 136, 94, 1);
    color: #fff;
    width: 31px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}

.prod .price, .feat .price {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    text-align: right;
    color: rgba(104, 104, 104, 1);
    margin-bottom: 5px;
}


button.price-btn {
    width: 91px;
    height: 34px;
    border-radius: 6px;
    background: rgba(10, 117, 82, 1);
    color: #fff;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    padding-left: 18px;
    cursor: pointer;
}

.prod .price .price-general, .feat .price .price-general {
    font-weight: 700;
    font-size: 16px;
}

.prod .price-new, .feat .price-new {
    color: #fff;
    background: #00d6e5;
    display: inline-block;
    padding: 0 12px;
    height: 24px;
    margin-right: 8px;
}

.price-old {
    color: #b3b3b3;
    font-weight: 500;
    font-size: 14px;
    position: relative;
}

.price-old::before {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    border-bottom: 2px solid #ff9800;
}

.cashback {
    background: #e9e3db;
    border-radius: 10px;
    padding: 25px 20px;
    margin-bottom: 30px;
    text-align: center;
    color: #1b1714;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    margin: 0 0 15px 0;
    font-family: 'Rockstar', 'Rockstar';
    display: none;
}

.prod-page .cashback {
    margin-bottom: 40px;
}

.cashback .percentage {
    background: #f5d40a;
    border-radius: 20px;
    font-weight: bold;
    font-size: 19px;
    display: inline-block;
    padding: 8px 15px;
    line-height: 18px;
}

.cashback .cb {
    border: 2px solid #4c9aa7;
    border-radius: 20px;
    font-weight: bold;
    font-size: 19px;
    display: inline-block;
    padding: 8px 15px;
    line-height: 18px;
}

.cashback .small-text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 25px;
    display: inline-block;
    font-weight: normal;
}


.prod-page .price-block .old-price {
    font-size: 27px;
    color: #002036;
    display: inline-block;
    font-weight: 300;
    margin-left: 20px;
    vertical-align: middle;
    text-decoration: line-through;
}

.feat {
    border-left: 1px solid #f2f2f2;
    padding: 0 30px;
}

.full-catalog {
    display: block;
    padding: 15px 0;
    text-align: center;
    background: #08885e;
    color: #fff;
    font-weight: 600;
    margin: 8px auto 0 auto;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #025439;
}

.full-catalog:hover {
    background: #035f41;
}


.recently-viewed:before, .recently-viewed:after {
    content: ' ';
    width: 2px;
    position: absolute;
    height: 100%;
    background: #fff;
    z-index: 9;
}

.recently-viewed:after {
    right: 0;
    top: 0;
}

.popular-regions {
    width: 100%;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.popular-regions h3 {
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 0 20px 0;
    color: #232323;
}

.popular-regions a {
    display: inline-block;
    /*background: #08885e;*/
    border-radius: 20px;
    margin: 0 10px 10px 0;
    /*padding: 6px 12px;*/
    color: #ffffff;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    position: relative;
}

.popular-regions a span {
    /* display: inline-block; */
    /* background: #086446; */
    padding: 5px 7px;
    margin-top: 8px;
    transition: 0.3s ease;
    position: absolute;
    left: 0;
    background: rgba(4, 63, 40, 0.8);
    border-radius: 3px;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 11px;
}

.popular-regions a:hover {
    /*background: #f2711c;*/
}

.popular-regions a:hover span {
    background: #c3560f;
}

.popular-regions p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #1E1E1E;
    margin-top: 5px;
}

.sale-menu {
    height: 140px;
    padding: 40px 30px 0 60px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
}

.sale-menu a {
    color: #ff398d;
    display: block;
    padding: 6px 0;
}

.how-we {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 58px;
    position: relative;
    z-index: 5;
    background-color: #fff;
}

.category .html-block {
    background-color: #fff;
    position: relative;
    z-index: 5;
    padding: 0 15px;
}

.how-we .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 230px;
}

.how-we .item p {
    font-family: "Roboto", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: rgba(18, 35, 59, 1);
}

.cat-page .html-block {
    background: #fff;
}

.home-page .html-block .left-block, .cat-page .html-block .left-block {
    padding: 60px;
    display: table-cell;
    width: 50%;
}

.home-page .html-block .left-block h3, .cat-page .html-block .left-block h3 {
    color: #002036;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 21px;
    margin: 0 0 30px 0;
}

.home-page .html-block .left-block p, .cat-page .html-block .left-block p {
    color: #002036;
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 12px 0;
}

#home-right {
    float: right;
    width: 75%;
}

.content.fail-payment-tinkoff {
    margin: 20px auto 60px auto;
    height: 70vh;
}

.content.fail-payment-tinkoff ul {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
}

.content.fail-payment-tinkoff p {
    margin-bottom: unset;
}

.cat-page.info-page #home-right {
    text-align: center;
    margin-bottom: 50px;
}

.content-home #home-right {
    width: 100%;
    float: unset;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* margin-bottom: 30px; */
}

.content-home .home-page #column-left {
    display: none;
}

.cat-page.info-page #home-right.fail_paid {
    text-align: unset;
}

.content-cat #home-right #content,
.register-page.login-page #home-right .hotel_list {
    width: 100%;
    float: unset;
    display: flex;
    flex-wrap: wrap;
}

.register-page.login-page #home-right .hotel_list {
    justify-content: unset;
    margin-left: -2%;
}

.register-page.login-page #home-right .hotel_list .prod {
    margin-left: 1.3%;
}

#filters .filters-inner {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #ededed;
}

.prod-page #filters .filters-inner {
    padding-top: 0;
}

#filters .label-name {
    margin-bottom: 15px;
    margin-top: 15px;
    font-family: "Open Sans", sans-serif;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    vertical-align: middle;
}

#filters .filter-title {
    display: none;
}

.irs--round .irs-bar, .irs--round .irs-handle, .irs--round .irs-line, .checkbox-item label {
    cursor: pointer;
}


.prod-page #filters .filter-title {
    font-size: 20px;
    font-weight: 800;
    color: #393939;
    display: block;
}

#filters select, #filters input[type="text"] {
    width: 100%;
    height: 30px;
    border-radius: 10px;
    border: 1px solid rgba(236, 237, 240, 1);
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    font-size: 13px;
    padding: 3px 5px 3px 22px;
}

.irs--round .irs-line {
    background-color: #dee4ec;
}

#filters .glam_name,
#filters .place,
#filters .price,
#filters .services-cat,
#filters .services-cat-child {
    margin-bottom: 20px;
}


#filters .services-cat-child label {
    cursor: pointer;
}

#filters .services-cat-child label:hover {
    color: #000;
}

#filters .services-cat-child span {
    font-size: 12px;
}

#filters .services-cat-child label:hover {
    background: rgba(10, 117, 82, 1);
    color: #fff;
}

.content-cat #home-right #content .prod:hover button.price-btn {
    background: rgba(255, 152, 0, 1);
}

#filters input[type="text"] {
    padding: .45238095em 0 .45238095em .64285714em;
    line-height: 1.21428571em;
}

::placeholder {
    color: rgba(191, 191, 191, .87);
}

.fa-star:before {
    color: #ff9800;
}

#filters .datepicker {
    position: relative;
    margin-bottom: 20px;
}

#filters .datepicker:after {
    font-family: linearicon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 26px;
    right: 0;
    margin-right: 7px;
    color: #888;
    z-index: 1;
    content: "\E789";
    font-size: 20px;
    cursor: pointer;
}

#filters .people {
    margin-bottom: 20px;
}

#filters .type {
    /* width: 45%;
    float: right; */
    margin-bottom: 20px;
    width: 100%;
}

#filters .rating {
    margin-bottom: 20px;
}

#filters .people select {
    width: 90%;
}

#filters .price .price_from {
    width: 45%;
    float: left;
    position: relative;
}

#filters .price .tire {
    width: 10%;
    float: left;
    text-align: center;
    color: rgba(85, 94, 103, 1);
    font-size: 14px;
    line-height: 30px;
    margin: 0;
}

#filters .price .price_to {
    width: 45%;
    float: right;
    position: relative;
}

#filters .price .price_to input[type="text"], #filters .price .price_from input[type="text"] {
    padding-left: 22px;
}

#filters .price_from:after, #filters .price_to:after {
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 10px;
    right: 2px;
    margin-right: 7px;
    color: #000;
    z-index: 1;
    content: "₽";
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    text-align: center;
}


#filters .price_from:before {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 8px;
    margin-left: 7px;
    color: #888;
    z-index: 1;
    content: "от";
    font-size: 14px;
    cursor: pointer;
    display: none;
}

#filters .price_to:before {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 8px;
    margin-left: 7px;
    color: #888;
    z-index: 1;
    content: "до";
    font-size: 14px;
    cursor: pointer;
    display: none;
}

#filters .search-btn, .modal-filters .search-btn {
    background: rgba(255, 152, 0, 1);
    border: none;
    color: #fff;
    float: right;
    cursor: pointer;
    transition: 0.3s ease;
    max-width: 180px;
    border-radius: 6px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    height: 34px;
    font-size: 13px;
    line-height: 13px;
}

.prod-page #filters .search-btn {
    font-size: 15px;
    padding: 10px 20px;
}

#filters .clear-btn, .modal-filters .clear-btn {
    background: #d7d7d7;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: 0.3s ease;
    margin: 0;
    border-radius: 6px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    width: 45%;
    height: 34px;
    font-size: 13px;
    line-height: 13px;
}

.prod-page #filters .clear-btn {
    font-size: 15px;
    padding: 10px 20px;
}

#filters .search-btn:hover {
    background: rgb(10 117 82);
    color: #fff;
}

#filters .clear-btn:hover {
    background: #b9b9b9
}

#filters .filters-content {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden auto;
    max-height: 90vh;
}


.prod-page #filters .filters-content {
    overflow: visible;
    max-height: 100%;
}


/*
#column-left .ui.fluid.dropdown {
    max-height: 30px;
    min-height: 30px;
}
*/

#filters .ui.selection.dropdown .menu > .item {
    font-size: 12px;
    line-height: 12px;
}

/*
#column-left .ui.multiple.dropdown>.label {
    font-weight: 400;
}
*/

.pat {
    padding: 30px 0 85px 0;
    color: #333;
    clear: both;
}

.home-page {
    margin-bottom: 30px;
}

.pat h1 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 21px;
    margin: 0 0 25px 0;
}

.pat p {
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 12px 0;
}

.pat h2 {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 15px 0;
}

.pat li {
    font-size: 15px;
    line-height: 24px;
}

.pat img {
    margin-top: 30px;
}

.pat .column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}


.show-on-map-line {
    text-align: right;
}

.show-on-map-link {
    position: fixed;
    font-weight: bold;
    bottom: 5vh;
    z-index: 100;
    display: none;
    background: #08885e;
    color: #fff;
    line-height: 50px;
    font-size: 12px;
    left: calc(50% - 85px);
    padding-left: 15px;
    width: 170px;
    height: 44px;
    border-radius: 10px;
}

.show-on-map-link .map-icon {
    background: url('../image/location.png') 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.show-on-map-link:hover, .show-on-map-link.active {
    background: #0a6748;
}

.show-on-map-link.active {
    position: relative;
}

.show-list-link {
    position: fixed;
    font-weight: bold;
    bottom: 5vh;
    z-index: 7;
    display: none;
    background: #08885e;
    color: #fff;
    line-height: 50px;
    font-size: 14px;
    border-radius: 25px;
    left: 50%;
    width: 180px;
    padding-left: 38px;
    margin-left: -90px;
    box-shadow: -1px -1px 2px 1px #40404066;
}

.show-list-link .list-icon {
    background: url('../image/list.png') 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.show-list-link:hover, .show-list-link.active {
    background: #0a6748;
}

.show-links {
    background: #08885e;
    display: block;
    border-radius: 20px;
    float: right;
    margin-top: 5px;
    margin-right: 20px;
}

.availability-not-found {
    padding: 40px 20px 50px 20px;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    text-align: center;
}

.register-page .form-control, .account-page .form-control {
    outline: none;
    outline-offset: -4px;
    padding: 3px 10px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 5px;
    width: 80%;
    margin-bottom: 5px;
    box-shadow: none;
}

.info-page .form-control {
    outline: none;
    outline-offset: -4px;
    padding: 3px 10px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 5px;
    height: 35px;
}

.register-page .form-control {
    height: 44px;
}

.register-page select.form-control {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 95% center;
    color: #000;
}


.login-page .form-control {
    width: 100%;
}

.login-page #tab-images .form-control, .images-list .form-control {
    width: 50px;
    margin-bottom: 0;
}

#form-product h2 {
    margin-bottom: 10px;
    color: #1e1e1e;
    font-size: 20px;
}

.tab-pane .hidden-content {
    padding: 20px 15px;
}

.tab-pane .accs-list {
    padding: 0 15px;
}

#tab-images > div > div, .images-list > div {
    margin-bottom: 30px;
    display: inline-block;
    margin-right: 30px;
    position: relative;
}

#tab-images p {
    padding: 0px 0 20px;
    font-size: 16px;
    color: #1e1e1e;
}

#tab-images > div > div img, .images-list > div img {
    width: 110px;
}

#tab-images .btn-danger, .images-list .btn-danger {
    position: absolute;
    right: 0;
}

.tab-pane .show-button {
    padding: 12px 20px;
    background: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
    margin: 0;
    color: #08885e;
    display: block;
    white-space: nowrap;
    cursor: pointer;
    font-size: 20px
}

/*
.tab-pane .show-button:hover {
    background: #096949;
    color: #fff;
}
*/

.tab-pane .bottom-radius {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.tab-pane .includes > .btn-danger, .tab-pane .roomtype > .btn-danger {
    position: absolute;
    right: -1px;
    top: -1px;
}


.tab-pane h3 {
    font-size: 18px;
    color: #000;
}

.tab-pane h3.rt-name {
    font-size: 18px;
    color: #fff;
    background: #08885e;
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.tab-pane h4 {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.tab-pane .title-with-info h4 {
    display: inline-block;
}


.tab-pane .title-with-info .fa {
    color: #000;
    position: relative;
    cursor: pointer;
}

.tab-pane .title-with-info .fa:hover .price-comment {
    display: block;
}

.tab-pane .title-with-info .price-comment {
    left: -253px !important;
    width: 300px !important;
}

.tab-pane .title-with-info .price-comment a {
    color: #ffc9a9;
    border-bottom: 1px solid #ffc9a9;
    font-weight: 600;
}


.tab-pane .labels-list {
    margin-bottom: 15px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
}

.tab-pane .labels-list label {
    font-weight: normal;
    cursor: pointer;
}

.tab-pane .labels-list input[type="checkbox"] {
    line-height: 16px;
    width: 16px;
    height: 16px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    cursor: pointer;
}

.tab-pane .includes p {
    padding: 0 0 8px;
    font-size: 13px;
    line-height: 22px;
    color: #000;
}

.tab-pane .includes p > a {
    border-bottom: 1px solid #08885e;
    font-weight: bold;
    color: #08885e;
}

.tab-pane .includes p > a:hover {
    border-bottom: 1px solid #f2711c;
    color: #f2711c;
}

.bnovo-label {
    color: #fff;
    background: #08885e;
    display: inline-block;
    margin: 0 0 15px 15px;
    padding: 8px 15px;
    border-radius: 3px
}


.mg-b-15 {
    margin-bottom: 15px;
}

.mg-b-30 {
    margin-bottom: 30px;
}

.pd-l-50 {
    padding-left: 50px;
}

.login-page .register-button {
    float: right;
    line-height: 44px;
    font-size: 14px;
    font-weight: bold;
    color: #08885e;
}

.login-page .inline {
    display: inline-block;
}

.register-page .control-label, .account-page .control-label {
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
    color: #000;
    font-size: 13px;
}

.account-page .includes .control-label {
    text-align: left;
}

.account-page .btn-addacc {
    padding: 10px 20px;
    background: #08885e;
    font-weight: bold;
    margin: 0;
    color: #fff;
    display: block;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 10px;
    border: 0;
    text-align: left;
}

.account-page .btn-addacc:hover {
    background: #fd5d00;
    color: #fff;
}


.register-page .form-group, .account-page .form-group {
    width: 100%;
}

.info-page .form-group {
    width: 100%;
    margin-bottom: 10px;
}

.info-page .control-label {
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
    color: #373737;
    font-size: 16px;
}

.register-page .form-group {
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
}

.fh90 .form-group {
    height: 90px;
}

.fh110 .form-group {
    height: 110px;
}


.login-page .prod {
    min-height: 200px
}

.tab-pane .includes {
    background: #c6e6db;
    position: relative;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.tab-pane .includes .control-label {
    font-weight: normal;
    font-size: 14px;
}

.tab-pane .includes .form-control {
    max-width: 200px;
}

.login-page .prod .image,
#tab-images .img-thumbnail,
#tab-services .img-thumbnail,
#roomtype-list .img-thumbnail {
    text-align: center;
    background: #ccc;
}

.login-page .prod .image span,
#tab-services .img-thumbnail span,
#tab-images .img-thumbnail span {
    font-size: 80px;
    display: inline-block;
    margin-top: 60px;
    color: #fff;
}

#tab-images .img-thumbnail span {
    font-size: 55px;
    position: absolute;
    top: -5%;
    left: 35%;
}

#roomtype-list .img-thumbnail span {
    font-size: 55px;
    display: inline-block;
    color: #fff;
    position: absolute;
    top: 33%;
    left: 35%;
}

#tab-images .img-thumbnail.main-image span {
    top: -40%;
}

.add-new-hotel {
    width: 100%;
    height: 200px;
    line-height: 200px;
    text-align: center;
    vertical-align: middle;
    background: #ccc;
    position: absolute;
    font-size: 80px;
    color: #fff;
    border-radius: 15px;
}

#tab-images .img-thumbnail.main-image span {
    opacity: 0;
}

#tab-images .img-thumbnail.main-image.empty span {
    opacity: 1;
}

#tab-images .img-thumbnail.main-image:hover span {
    opacity: 1;
}

.login-page .prod a.image:hover {
    background: #08885e;
}

#tab-images .img-thumbnail.main-image:hover,
#tab-images .img-thumbnail.empty:hover,
#roomtype-list .img-thumbnail.empty:hover {
    background: #08885e !important;
}

.login-page .prod .image,
#tab-images .img-thumbnail {
    margin: 0;
}

.login-page .prod .radius {
    border-radius: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.login-page .prod .radius .preview-btn {
    position: absolute;
    right: 0;
    background: #08885e;
    border: 2px solid #08885e;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 12px;
    cursor: pointer;
    white-space: nowrap;
    display: block;
    text-align: center;
    transition: 0.3s ease;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.login-page .prod .radius .preview-btn:hover {
    background: #fd5d00;
    border: 2px solid #e05200;
    color: #fff;
}

.login-page .prod .radius .status-hint {
    position: absolute;
    top: 10px;
    padding: 5px 10px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    font-weight: bold;
}

.login-page .prod .radius .status-hint.green {
    background: #08885e;
    color: #fff;
}

.login-page .prod .radius .status-hint.red {
    background: red;
    color: #fff;
}

.login-page .prod .radius .status-hint.grey {
    background: #989898;
    color: #fff;
}

.register-page-align {
    max-width: 1430px;
    margin: 50px auto 30px auto;
    position: relative;
    padding: 0 15px;
}

.register-page .btn-primary, .account-page .btn-primary {
    background: #08885e;
    border: 2px solid #08885e;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 0;
    cursor: pointer;
    white-space: nowrap;
    display: block;
    width: 150px;
    text-align: center;
    transition: 0.3s ease;
}


.info-page .btn-primary {
    background: #08885e;
    border: 2px solid #08885e;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 0;
    cursor: pointer;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-align: center;
    transition: 0.3s ease;
}

.register-page .btn-primary.btn-danger, .account-page .btn-primary.btn-danger {
    background: #ee4e4e;
    border: 2px solid #d93333;
}

.register-page .btn-primary:hover, .account-page .btn-primary:hover, .info-page .btn-primary:hover {
    background: #fd5d00;
    border: 2px solid #e05200;
    color: #fff;
}

.download_contact {
    border: 0;
    border-bottom: 1px solid #08885e;
    background: none;
    padding: 0;
    cursor: pointer;
}

.login-page .btn-primary {
    margin-bottom: 30px;
    margin-right: 10px;
}

.login-page .btn-primary:focus {
    outline: 0;
}

.login-page .back-btn {
    float: right;
    line-height: 44px;
    font-size: 14px;
    font-weight: bold;
    color: #08885e;
}

.login-page div.required .control-label:after {
    content: '* ';
    color: #F00;
    font-weight: bold;
    margin-left: 3px;
}

.register-page .btn-primary[disabled] {
    background-color: #8eb7a9;
    border: 2px solid #87b7a7;
}

.register-page input[type="checkbox"] {
    zoom: 1.3;
    cursor: pointer;
    vertical-align: middle;
}

.register-page .text-danger {
    color: red;
}

.register-page .alert-danger {
    color: red;
    margin-bottom: 20px;
    font-weight: bold;
}

.register-page.signcontract input[type="checkbox"] {
    zoom: 1.3;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 10px;
    width: auto;
    display: inline-block;
}

.register-page .form-section {
    margin-bottom: 20px;
}

.register-page .form-group2 {
    margin-bottom: 20px;
}

/*------------------------------Подвал----------------------------------*/

footer {
    padding: 50px 0 80px 0;
    background: #232323;
    color: #fff;
    font-size: 13px;
    position: relative;
    z-index: 6;
}

footer .content > div {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
}

footer .logo-block {
    font-size: 13px;
    float: left;
    max-width: 50%;
}

footer .logo-block .logo {
    margin-bottom: 35px;
    max-width: 250px;
}

footer .logo-block p {
    margin-bottom: 15px;
    line-height: 20px;
}

footer .logo-block .politics {
    color: #fff;
    border-bottom: 1px solid #585858;
}

footer .logo-block .social img {
    margin-right: 15px;
    border-radius: 50%;
    transition: 0.3s ease;
}

footer .logo-block .social img:hover {
    box-shadow: 0 0 15px -2px #ffffff;
}


footer .info-block {
    width: 25%;
}

footer .info-block h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0px 0 30px 0;
}

footer .info-block ul {
    margin: 0;
    padding: 0;
}

footer .info-block li {
    font-size: 15px;
    list-style: none;
    margin-bottom: 10px;
}

footer .info-block li a {
    color: #fff;
    border-bottom: 1px solid #232323;
    line-height: 23px;
}

footer .info-block li a:hover {
    border-bottom: 1px solid #fff;
}

footer .phone {
    display: block;
    font-size: 23px;
    background: #151515;
    padding: 15px 30px 15px 20px;
    width: 320px;
    margin: 0 auto 20px auto;
    border-radius: 7px;
    font-weight: 700;
    position: relative;
}

footer .phone a {
    color: #fff;
}

footer .phone a > span {
    color: #e81639;
    position: absolute;
    font-size: 15px;
    line-height: 16px;
    display: inline-block;
    text-transform: uppercase;
    top: 8px;
    right: 10px;
    width: 100px;
    text-align: right;
    font-weight: 800;
}

footer .phone a > span > span {
    font-size: 12px;
}

footer .social a img {
    margin: 0 8px 0 0;
    vertical-align: middle;
    width: 24px;
}

.prod-baner {
    width: 100%;
    max-width: 1100px;
    margin: 15px auto;
}

.prod-baner .content {
    padding: 0;
}

.content-cat .prod-baner .content {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.prod-baner.login-align {
    max-width: 1400px;
    padding: 0 15px;
}

.prod-baner .left-block {
    float: left;
    width: 24%;
}

.prod-baner .results {
    color: #111;
    text-decoration: none;
    font-size: 14px;
    line-height: 45px;
    margin: 0 auto;
    float: left;
}

.group-serivces-button#button-filter {
    background-color: #FF9800;
    color: #fff;
}

.prod-baner .right-block {
    float: right;
    display: flex;
    gap: 14px;
}

.prod-baner .sort {
    display: block;
    color: #111;
    font-size: 14px;
    position: relative;
    border-radius: 20px;
}

.prod-baner .sort > a {
    white-space: nowrap;
    text-align: center;
    display: flex;
    color: #000000;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 0 20px 0 25px;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
}

.prod-baner .sort > a img {
    width: 15px;
}

.prod-baner .sort > a:hover {
    background: #3fb18b2b;
}

.prod-baner .sort .icon {
    position: absolute;
    margin-left: 3px;
    left: 3px;
}

.prod-baner .results span {
    color: #08885e;
    font-weight: 600;
    display: inline-block;
    margin: 0 5px;
}

.prod-baner .sort .dropdown-list {
    position: absolute;
    right: -5px;
    color: #000;
    background: #fff;
    z-index: 1000;
    border: 1px solid #d25506;
    margin-top: 2px;
    display: none;
    margin-right: 12px;
    min-width: 130px;
}


.prod-baner .sort .dropdown-list a {
    color: #000;
    display: block;
    text-align: right;
    padding: 0 20px 0 30px;
    line-height: 38px;
    white-space: nowrap;
}

.prod-baner .sort .dropdown-list a:hover {
    background: #d25506;
    color: #fff;
}

.prod-baner .sort .dropdown-list a .icon {
    position: relative;
    margin-left: 3px;
    margin-right: 0;
}

.prod-baner .results a {
    display: inline-block;
    background: #eaeaea;
    color: #656565;
    border-radius: 15px;
    padding: 6px 18px;
    line-height: 12px;
    font-size: 12px;
    margin-left: 10px;
}

.prod-baner .results a:hover {
    background: #b3b3b3;
    color: #fff;
}

.prod-baner .title {
    font-size: 18px;
    color: #232323;
    text-transform: uppercase;
    font-weight: 800;
    margin: 13px 0 0 0;
    line-height: 22px;
}

.prod-baner .breadcrumbs {
    padding: 0;
    margin: 20px 0;
}

.prod-baner .breadcrumbs li {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    color: #191919;
    margin: 0 5px 0 0;
}


.prod-baner .breadcrumbs li:last-child a {
    color: #08885e;
}

.prod-baner .breadcrumbs li a:hover {
    color: #08885e;
}

.prod-page {
    max-width: 1430px;
    margin: 0 auto;
    position: relative;
    background: #fff;
}

.prod-page .content {
    border-bottom: 1px solid #e7e7e7
}


.prod-page .left-block {
    /*
    float: right;
    width: 75%;
    */
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.prod-page .left-block .images {
    /*background: #08885e1a;*/
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.prod-page .left-block .images .img {
    display: block;
    background-color: #ccc;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0 0 5px 0 #ccc;
    box-shadow: 0 0 5px 0 #ccc;
    text-align: center;
    cursor: pointer;
}

.prod-page .left-block .images .images-bottom {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
    height: 110px;
}

.prod-page .left-block .images .div-bottom {
    display: table-cell;
}

.prod-page .left-block .images .img-bottom {
    display: inline-block;
    margin: 0 5px;
    height: 110px;
    width: 200px;
    position: relative;
}

.prod-page .left-block .images .div-bottom .img-note {
    position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    background: #0000002e;
    font-size: 20px;
    font-weight: bold;
    padding: 45px 0;
}

.prod-page .left-block .images .img0 {
    float: right;
    width: 65.2%;
    height: 350px;
    margin-bottom: 10px;
    overflow: hidden;
}

.prod-page .left-block .images .img1, .prod-page .left-block .images .img2 {
    display: block;
    float: left;
    width: 33.6%;
    height: 170px;
    margin-bottom: 10px;
    overflow: hidden;
}

.prod-page .left-block .images .img3 {
    margin-left: -5px;
}

.order-reviews {
    margin-bottom: 15px;
    font-size: 14px;
}

.under-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 5px;
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #000;
}

.blue-link {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: rgba(0, 108, 228, 1);
    text-decoration: underline;
    cursor: pointer;
}

.blue-link:hover {
    text-decoration: none;
}

a.search-rooms-forms-guests-add-room {
    color: black;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.child-element {
    display: inline-block;
    position: absolute;
    top: 21px;
    padding-left: 10px;
    line-height: 14px;
    /* left: 0; */
}

.prod-page .left-block .under-heading .rating {
    position: inherit;
    border-radius: 13px;
    font-size: 15px;
    line-height: 10px;
    background: #02AD0D;
}

.prod-page .left-block span.glamp-title {
    margin: 0 !important;
}

.under-heading a.total-reviews, .under-heading .address-block a {
    text-decoration: underline;
    line-height: 15px;
}

#review {
    display: flex;
    flex-direction: column;
}

#review .header {
    display: flex;
    justify-content: space-between;
}


#review .header .column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 15px;
}

#review .under-text p {
    width: 56px;
    height: 56px;
    background: #08885e;
    color: #fff;
    text-align: center;
    font-size: 49px;
    border-radius: 13px;
    padding-top: 18px;
    text-transform: uppercase;
    flex: 0 0 56px;
    margin: 0;
}

.header .column span {
    flex: 1;
    font-size: 15px;
}

.header .column span.date {
    color: #9c9ba2;
    font-size: 13px;
}

.ui.selection.visible.dropdown > .text:not(.default) {
    font-weight: bold;
}

.under-heading .ui.selection.dropdown {
    background: #e0e1e2 none;
    color: #000;
    font-weight: bold;
}

#review .review {
    margin-bottom: 10px;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: 12px;
    padding: 15px;
}

.under-text p {
    width: 56px;
    height: 56px;
    background: #08885e;
    color: #fff;
    text-align: center;
    font-size: 49px;
    border-radius: 13px;
    padding-top: 18px;
    text-transform: uppercase;
}


#review .text {
    padding: 10px 0;
    color: #272727;
    font-size: 13px;
    line-height: 20px;
}

#review .under-text {
    padding: 10px 0;
    font-weight: 700;
    display: flex;
    gap: 10px;
    align-items: center;
}

#review .under-text .date {
    float: right;
}

#review .stars .fa {
    font-size: 10px;
}

#review .stars .fa-stack {
    width: 10px;
    height: 10px;
}

#review .stars {
    font-weight: 700;
    vertical-align: middle;
    margin-bottom: 8px;
}

#fade {
    display: none;
    background: #000000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 9;
}


.prod-page .left-block .additional-images {
    padding: 0;
    margin: 0;
    width: 88px;
    float: left;
}

.prod-page .left-block .additional-images li {
    display: inline-block;
    padding: 0;
    width: 88px;
    height: 88px;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 3px;
}

.prod-page .left-block .additional-images li:last-child {
    margin-bottom: 0;
}


.prod-page .right-block {
    width: 50%;
    float: left;
}

.prod-page .right-block .button-block {
    position: relative;
}


.prod-page .right-block .articul {
    color: #b2b2b2;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 15px;
}

.prod-page .left-block h1 {
    color: #000;
    font-family: "Open Sans", sans-serif;
    display: flex;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    text-transform: none;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.prod-page .left-block h1 span.glamp-title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    color: rgba(255, 255, 255, 1);
    background: rgba(93, 93, 93, 1);
    border-radius: 10px;
    padding: 3px 10px;
}

.prod-page .address-block img {
    margin-bottom: -1px;
}

.prod-page .address-block span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}

.prod-page .left-block h1 span {
    color: #ff398d;
}

.prod-page .left-block .img-block {
    text-align: center;
    height: 450px;
    width: calc(100% - 88px);
    float: left;
}

.prod-page .left-block .big-img {
    display: inline-block;
    max-height: 450px;
    max-width: 100%;
}

.mini-desc {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 5px;
    white-space: nowrap;
}

.prod-page .left-block .share {
    font-size: 14px;
    line-height: 18px;
    color: rgb(72, 72, 72);
    margin-bottom: 15px;
    margin-left: 20px;
    display: inline-block;
    font-weight: 400;
    border-bottom: 1px solid #01010163;
    float: right;
}

.content.navigation-links {
    display: flex;
    justify-content: space-between;
}

.prod-page .left-block .share img {
    width: 14px;
    position: absolute;
    margin-top: 2px;
    margin-left: -20px;
}

.prod-page .left-block .rating {
    position: absolute;
    display: block;
    font-size: 15px;
    line-height: 15px;
    right: 10px;
    top: 10px;
    background: #08885e;
    padding: 10px;
    text-align: right;
    color: #fff;
    font-weight: 800;
}

.prod-page .left-block .rating .total-reviews {
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    display: inline-block;
    border-bottom: 1px dashed #ffffff75;
}

.prod-page .left-block .under-heading a.total-reviews {
    border: none;
    font-size: 12px;
    text-decoration: none;
}

.prod-page .left-block .rating .total-reviews:hover {
    border-bottom: 1px dashed #08885e;
}

/*
.prod-page .left-block .rating .fa-star {
    color: #ea2672;
    font-size: 17px;
}

.prod-page .left-block .rating .fa-star + .fa-star-o {
    color: #d01567;
    font-size: 17px;
}
*/

.prod-page .sale {
    color: #b2b2b2;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 600;
}

.prod-page .sale span {
    color: #ff398d;
}

.prod-page .price-block {
    margin-bottom: 20px;
    font-size: 20px;
}

.prod-page .price-block span {
    color: #002036;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-top: 15px;
    margin-left: -15px;
    position: absolute;
}

.prod-page .price-block .price {
    font-size: 36px;
    line-height: 36px;
    padding: 6px 20px;
    background: #ff398d;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    margin-left: 20px;
    vertical-align: middle;
}


.prod-page .add-cart {
    color: #fff;
    background: #00d6e5;
    display: block;
    height: 48px;
    line-height: 48px;
    border: 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding: 0 45px;
    white-space: nowrap;
    position: absolute;
    margin: 0 auto 20px auto;
    top: 0;
    right: 0;
}


.prod-page .call-back {
    background: #f2f2f2;
    padding: 20px 15px;
    margin-bottom: 30px;
}

.prod-page .call-back .bl {
    width: 33%;
    float: left;
    padding-right: 3%;
}

.prod-page .call-back .bl:nth-child(3) {
    padding-left: 3%;
    padding-right: 0;
}


.prod-page .call-back .bl .btn {
    background: #ff398d;
    color: #fff;
    height: 40px;
    margin-top: 22px;
    border: none;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 0;
    width: 100%;
}

.info-page .btn, #quick-checkout .btn {
    background: #08885e;
    background-image: linear-gradient(to left, #08885e, #0ed191);
    color: #fff;
    height: 60px;
    line-height: 60px;
    margin-top: 5px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 16px;
    padding: 0;
    cursor: pointer;
    transition: 0.3s ease;
    display: inline-block;
    border: none;
    letter-spacing: 1px;
    font-family: 'Open Sans', 'Open Sans';
    width: 100%;
    max-width: 400px;
}

#tmdbuttonorder {
    width: 100%;
}

.info-page .btn, #quick-checkout .btn:hover {
    background: #eca606;
}


#quick-checkout .btn {
    margin-left: 0;
    margin-bottom: 15px;
}

#quick-checkout .product-block {
    margin-bottom: 10px;
}

#quick-checkout .product-block img {
    width: 100px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
}

#quick-checkout .product-block a,
.info-page .quick-checkout-green-teext {
    font-size: 14px;
    font-weight: 700;
    color: #08885e;
}

#quick-checkout .product-block .in-bl a {
    margin-bottom: 3px;
    display: inline-block;
}

#quick-checkout textarea {
    outline: none;
}

.success-txt a {
    text-decoration: underline;
}

.prod-page .call-back label {
    font-weight: 600;
    color: #5b5b5b;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.prod-page .call-back input[type="text"] {
    height: 40px;
    width: 100%;
    padding: 0 8px;
    font-size: 14px;
}


.prod-page .options .size-title {
    color: #002036;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}


.prod-page .options .size-title > div {
    display: inline-block;
    font-weight: 600;
    margin-left: 15px;
    opacity: 0;
    transition: 0.5s ease;
}

.prod-page .options .size-title > div > span {
    color: #ff398d;
    font-size: 17px;
    font-weight: 700;
}

.prod-page .options .size-title > div img {
    vertical-align: baseline;
}

.prod-page .options .size-title > a {
    color: #00d6e5;
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    float: right;
    border-bottom: 1px solid;
    vertical-align: middle;
    display: inline-block;
    margin-top: 6px;
}

.prod-page .options .size-block {
    margin-bottom: 20px;
}

.prod-page .options .radio {
    display: block;
    float: left;
    margin: 0 1.25% 6px 0;
    width: 32.5%;
    border: 1px solid #00d6e5;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #44bccd;
    font-size: 14px;
    text-transform: uppercase;
    transition: 0.3s ease;
}

.prod-page .options .radio:nth-child(3n) {
    margin-right: 0;
}

.prod-page .options .radio label {
    padding: 0;
    font-weight: 600;
    width: 100%;
}

.prod-page .options .radio input {
    opacity: 0;
}

.prod-page .options .radio:hover, .prod-page .options .radio.active {
    background: #ff398d;
    border: 1px solid #ff398d;
    color: #fff;
}


.prod-page .soc-block .soc-title {
    color: #b2b2b2;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 10px;
}


.prod-page h2 {
    margin: 0 0 12px 0;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Rockstar', sans-serif;
}

.prod-page .h2-22 {
    margin: 0 0 22px 0;
}

.prod-page h3 {
    font-size: 14px;
    color: #002036;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}

.prod-page h4 {
    margin: 0 0 12px 0;
    color: rgb(72, 72, 72);
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Rockstar', sans-serif;
}

.exact-location {
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    background: #08885e;
    text-align: center;
    padding: 7px 5px;
}

.prod-page p {
    color: #272727;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 12px 0;
}


.prod-page .description li {
    color: #272727;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 5px 0;
}


.prod-page table, .prod-page .acc-table {
    width: 100%;
    margin: 0 0 25px 0;
    border-spacing: 0;
}


.prod-page table tr th, .prod-page .acc-table .acc-title .acc-left, .prod-page .acc-table .acc-title .acc-right, .prod-page .acc-table .mob-acc-title {
    color: #ffffff;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 20px;
    background: #08885e;
    text-align: left;
}

.prod-page .acc-table .mob-acc-title {
    display: none;
}

.prod-page .acc-table .acc-title > div {
    font-weight: 600;
}

.prod-page .acc-table .acc-left {
    width: 210px;
    padding-right: 20px;
    float: left;
}

.prod-page .acc-table .acc-right {
    width: calc(100% - 210px);
    float: right;
}

.services-block.highway span {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    text-decoration: underline;
    text-decoration-style: solid;
    color: rgba(8, 136, 94, 1);
}

.bordered-block {
    border: 6px solid rgba(231, 231, 231, 1);
    border-radius: 30px;
    padding: 10px;
}

.services-block.bordered {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 7px;
    padding-bottom: 7px;
    flex-wrap: nowrap;
}

span.service-info:before {
    color: rgba(153, 153, 153, 1);
    content: "• ";
}

.prod-page table tr td {
    background: #f7f7f7;
    color: #000;
    font-size: 12px;
    line-height: 22px;
    padding: 7px 20px;
}

.prod-page .acc-table .acc-row {
    background: #f7f7f7;
    color: #000;
    font-size: 12px;
    line-height: 22px;
    padding: 7px 20px;
    border-top: 15px solid #fff;
}

.prod-page.bnovo .acc-table .acc-row {
    display: flex;
    padding: 15px 20px;
    border-radius: 30px;
    flex-direction: column;
}

div#conditions.modal-filters.sale {
    right: 0;
    left: auto;
    top: 18px;
    bottom: auto;
    z-index: 9;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 20px 20px 10px 20px;
    background: #fff;
}

div#conditions.modal-filters.sale a.mob-close-filter {
    display: block;
}


.sale p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.sale p.garant {
    gap: 8px;
}

.prod-page p.title-green {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: rgba(8, 136, 94, 1);
    margin-right: 25px;
}

.prod-page.bnovo .acc-table .acc-row .acc-type {
    display: flex;
    gap: 20px;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
}

.prod-page.bnovo .acc-table .acc-row.with-empty-filters {
    flex-direction: row;
}

.prod-page.bnovo .acc-table .acc-row.with-empty-filters .acc-type {
    flex-direction: column;

}

.acc-options {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
}

.acc-options:has(.roomtype-not-available) {
    flex-direction: row;
}

.acc-options hr:last-child {
    display: none;
}

.acc-options hr:last-child {
    display: none;
}

.acc-options hr:last-child {
    display: none;
}

.roomtype-not-available {
    font-size: 14px;
    min-width: 300px;
    text-align: right;
}

.available-qty {
    padding: 5px 0;
    font-family: 'Open Sans', serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    text-align: right;
    vertical-align: middle;
    color: rgba(193, 28, 28, 1);
    order: 2;
}

.available-qty img {
    width: 16px;
    vertical-align: middle;
    margin-right: 4px;
}

.available-qty b {
    white-space: nowrap;
}

.acc-item {
    display: flex;
    padding: 0 20px;
    align-items: flex-start;
    width: 100%;
    gap: 10px;
    justify-content: space-between;
}

.more-days {
    font-size: 13px;
    display: none;
}

.prod-page table tr td.border10 {
    border-top: 15px solid #fff;
}

.prod-page .acc-table .border10 {
    border-top: 15px solid #fff;
}


.prod-page table tr a.book-button,
.prod-page .acc-table .acc-row a.book-button,
.prod-page table tr a.book-button,
.prod-page .acc-table .acc-row a.glamp-book-button,
.prod-page.bnovo .acc-table .acc-row .product-bnovo-show-plans {
    background: #08885e;
    background-image: linear-gradient(to left, #08885e, #0ed191);
    color: #ffffff;
    font-weight: 800;
    font-size: 15px;
    line-height: 22px;
    padding: 3px 18px;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 25px;
    display: inline-block;
    font-family: 'Rockstar';
}

.prod-page.bnovo .acc-table .acc-row .product-bnovo-show-plans {
    padding: 15px 35px;
    height: 55px;
    border-radius: 15px;
}


.prod-page table tr a.book-button:hover, .prod-page .acc-table .acc-row a.book-button:hover, .prod-page table tr a.book-button:hover, .prod-page .acc-table .acc-row a.glamp-book-button:hover {
    background: #fd5d00;
}


.prod-page table tr td .fa-male, .prod-page .acc-table .acc-row .fa-male {
    font-size: 22px;
}

.prod-page table .acc-type {
    text-align: center;
    vertical-align: top;
}

.prod-page table tr td span,
.prod-page .acc-table .acc-row span .fas,
#quick-checkout .tariffs span .fas {

    vertical-align: middle;
}

.m365-embeded {
    border: none !important;
    margin-bottom: 25px;
    padding: 0 !important;
    overflow: hidden !important;
}

.m365-form-content {
    max-width: 500px;
    position: relative;
    margin: 0 auto;
}

span.dot:first-child {
    display: none;
}

.services-block {
    white-space: nowrap;
    position: relative;
    display: flex;
    gap: 4px;
    overflow: auto;
    scrollbar-width: none;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0;
    align-items: center;
    flex-wrap: wrap;
    max-height: 35px;
}

span.service-info-location.mountains {
    background: rgba(119, 86, 37, 1);
}

span.service-info-location.forest {
    background: rgba(0, 130, 52, 1);
}

.services-block.highway {
    margin-bottom: 17px;
}

.meal-conditions.meal-pets p img {
    width: 13px;
    height: 13px;
}

.prod-page .acc-table .acc-row a.book-button {
    background: rgba(0, 108, 228, 1);
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    width: 188px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 10px;
    order: 1;
}

.title-conditions.mini-desc.blue-link {
    order: 0;
    margin-bottom: 12px;
}

.prod-page .acc-table .acc-row .people {
    font-size: 14px;
}

.meal-pets p {
    display: inline-flex;
    background: rgba(8, 136, 94, 0.15);
    border-radius: 6px;
    padding: 0px 7px 0px 7px;
    gap: 5px;
}

.meal-pets p.red {
    background: rgba(0, 0, 0, 0.1);
}

.meal-pets .conditions p {
    display: flex;
    background: none;
    border-radius: 0;
}

.m365-title {
    text-align: inherit !important;
    color: rgb(213 213 213) !important;
}

.m365-form-group .m365-input-text {
    color: rgb(255 255 255) !important;
    background: #232323;
    border: 1px solid #818181 !important;
}

.m365-fz152 {
    clear: both;
}

.fa-custom-credit-card:before {
    background-image: url(../../../../../image/icons/credit-card.png);
    background-size: 18px 18px;
    display: inline-block;
    width: 18px;
    height: 18px;
    content: "";
    background-repeat: no-repeat;
}

.prod-page table .prices {
    width: 100%;
}

.prod-page table .prices > div {
    margin-bottom: 15px;
    margin-right: 120px;
    display: inline-block;
    vertical-align: middle;
    width: 255px;
}

.prod-page .acc-table .acc-row .prices {
    margin-bottom: 10px;
    max-width: 65%;
    min-width: 312px;
}

.right-column {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.right-column div#conditions.modal-filters.sale {
    right: 0;
    left: auto;
    top: -64px;
    bottom: auto;
}

div#conditions.modal-filters.sale p {
    text-transform: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000;

}

.right-column div#conditions.modal-filters.sale p {
    text-transform: none;

}

div#conditions.modal-filters.sale p.title-green {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: rgba(8, 136, 94, 1);
    margin-right: 25px;
}

.prod-page .acc-table .acc-row .prices > div {
    margin-bottom: 8px;
    vertical-align: middle;
}

.meal-conditions {
    display: flex;
    gap: 5px;
}


.prod-page.bnovo .plan_name {
    font-size: 14px;
    width: 100%;
}

.prod-page.bnovo .plan_total_cources {
    font-weight: 700;
    font-size: 20px;
}

.plan_total {
    font-size: 14px;
}

.prices .people b {
    margin-top: 5px;
    display: inline-block;
}

.prod-page.bnovo .acc-table .acc-row .prices .services,
.booking-details .services {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.prod-page.bnovo hr {
    border: 0;
    width: 100%;
    margin-bottom: 20px;
    height: 1px;
    background: #C7C7C7;
}

.prod-page table tr td .img-icon {
    width: 30px;
}

.prod-page table tr td .acc-photo, .prod-page .acc-table .acc-row .acc-photo {
    display: inline-block;
    width: 159px;
    height: 118px;
    margin-bottom: 5px;
    max-width: 100%;
    border-radius: 20px;
}

.prod-page.bnovo table tr td .acc-photo, .prod-page .acc-table .acc-row .acc-photo {
    margin-bottom: 10px;
}

.prod-page table tr td .acc-photo, .prod-page .acc-table .acc-row .no-image {
    background-color: rgb(255, 255, 255);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../../../../../image/no-image.svg);
}

.prod-page table tr td span, .prod-page .acc-table .acc-row span {
    white-space: nowrap;
}

.prod-page table tr td span.bold, .prod-page .acc-table .acc-row .bold {
    font-weight: 700;
}

.prod-page table tr td .acc-name, .prod-page .acc-table .acc-row .acc-name {
    color: rgba(8, 136, 94, 1);
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 10px;
}


.prod-page.bnovo table tr td .acc-name, .prod-page .acc-table .acc-row .acc-name {
    display: block;
    font-size: 18px;
}

.acc-modal .services-block-services {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 20px;
    display: grid;
}

.area-services {
    display: flex;
    gap: 12px;
    margin-top: 2px;
    margin-bottom: 10px;
}

.prod-page table tr td .people, .prod-page .acc-table .acc-row .people {
    color: #000;
    margin-right: 5px;
}

.prod-page .acc-table .acc-row .service-info {
    font-size: 14px;
}

.prod-page.bnovo table tr td .people, .prod-page .acc-table .acc-row .people {
    margin-right: 15px;
}

.prod-page.bnovo .acc-table .acc-row .tariffs,
.plan-details .tariffs {
    margin-right: 15px;
    color: #000;
}

.prod-page.bnovo .acc-table .acc-row .tariffs span,
#quick-checkout .tariffs span {
    font-size: 14px;
}

.prod-page.bnovo .acc-table .acc-row .tariffs span.food {
    margin-right: 10px;
}

.prod-page .acc-item i.wo-meal {
    position: relative;
}

.prod-page .acc-item i.wo-meal:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 141.421356%;
    top: -20.710678%;
    display: block;
    background: red;
    left: 50%;
    transform: translate(-50%, 0) rotate(45deg);
}

.prod-page table tr td .people .fa, .prod-page .acc-table .acc-row .people .fa {
    font-size: 10px;
}

.prod-page table tr td .food, .prod-page .acc-table .acc-row .food {
    font-weight: normal;
    white-space: normal;
}

/*
.prod-page table tr:nth-child(2n+2) td {
    background: transparent;
}
*/

.prod-page table tr td:nth-child(2n+2) {
    color: #2d2d2d;
}


.prod-page .pay-block {
    width: 29%;
    min-width: 130px;
    margin-right: 1%;
    margin-bottom: 15px;
    float: left;
    padding-left: 40px;
    position: relative;
    color: #002036;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.prod-page .pay-block img {
    position: absolute;
    left: 0;
    margin-top: 1px;
}

.prod-page .pays .pay-block:nth-child(3) {
    width: 40%;
    margin-right: 0;
}

.prod-page .pays .pay-block:nth-child(3) img {
    margin-top: 2px;
}

.prod-page .triggers .trigger {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding-left: 55px;
    position: relative;
    color: #002036;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 35px;
}

.prod-page .triggers .trigger b {
    display: block;
    margin-bottom: 3px;
}


.prod-page .triggers .trigger img {
    position: absolute;
    left: 0px;
    margin-top: 3px;
}

.prod-page .services {
    margin-bottom: 30px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.prod-page .services h2 {
    margin-bottom: 20px;
}

.prod-page .services .fa {
    font-size: 20px;
    margin-right: 6px;
}

.prod-page .services .bl {
    margin-bottom: 20px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    break-inside: avoid-column;
    padding-right: 20px
}

.prod-page .services p {
    margin: 0 0 3px 0;
}


.prod-page .services .ok {
    padding: 0 0 0 25px;
    background: url('../image/ok.png') left 5px no-repeat;
}

.prod-page .services .service-desc {
    display: block;
    background: #f7f7f7;
    padding: 10px;
    font-weight: 400;
    font-style: normal;
    margin: 5px 0 15px 0;
    border-radius: 5px;
    font-size: 13px;
    line-height: 18px;
    color: #000;
}

.modal-services {
    margin: 10px 0;
}

.modal-services .ok {
    margin: 0 20px 3px 0;
    padding: 0 0 0 17px;
    background: url(../image/ok.png) left 5px no-repeat;
    display: inline-block;
}

.prod-page .services .free {
    display: inline-block;
    background: #08885e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 0 7px;
    margin-right: 7px;
}

.prod-page .conditions {
    margin-bottom: 30px;
}

.prod-page .conditions .fl {
    display: table-cell;
    width: 150px;
    padding: 10px 0;
    color: rgb(72, 72, 72);
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Rockstar', sans-serif;
}

.prod-page .conditions .fr {
    display: table-cell;
    padding: 10px 20px 10px 0;
    color: #272727;
    font-size: 13px;
    line-height: 20px;
}

.prod-page .check-availability {
    background: #ffe491;
    padding: 30px;
    border-radius: 30px;
    margin: 30px 0;
}

.prod-page .check-availability form {
    display: flex;
    flex-flow: row wrap;
    gap: 2%;
}

.prod-page .check-availability h3 {
    margin: 0 0 5px 0;
}

.prod-page .check-availability select {
    border-radius: 3px;
    margin: 0 0 10px 0;
    border: 2px solid #b8b8b8;
}

.prod-page .check-availability .send-request {
    background: #fd5d00;
    border: unset;
    border-radius: 12px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 18px;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    height: 56px;
    width: 100%;
    transition: 0.3s ease;
    font-family: 'Rockstar', serif;
}

.prod-page .check-availability .guests {
    margin-left: 9px;
    margin-top: 12px;
}

.prod-page .check-availability .send-request:hover {
    background: #08885e;
    color: #fff;
}

.prod-page .check-availability .error-msg {
    font-size: 12px;
    color: #FFFFFF;
    padding: 10px;
    background-color: #CC0000;
    font-weight: 400;
    width: 100%;
    margin-top: 5px;
    opacity: 0;
    transition: opacity .5s cubic-bezier(.36, -.64, .34, 1.76);
}

.prod .rating, .feat .rating {
    float: right;
    text-align: right;
    font-size: 13px;
    line-height: 16px;
    height: 16px;
    color: #232323;
    display: flex;
    gap: 5px;
}

.prod-page .check-availability .error-msg.show {
    opacity: 1;
    transition: opacity .5s cubic-bezier(.36, -.64, .34, 1.76);
}

.prod-page .check-availability form > div {
    display: inline-block;
    position: relative;
    width: 29%;
}

.prod-page .check-availability form > div.search-rooms-forms-guests {
    width: 38%;
}

.prod-page .acc-table .acc-row select {
    height: 32px;
    width: 55px;
    padding: 3px 10px;
    font-size: 14px;
    margin: 0 5px 10px 0;
    cursor: pointer;
    border: 1px solid #b8b8b8;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 30px center;
    color: #000;
}


.swiper-slide > a > img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: -webkit-fill-available;
    height: -moz-available;
    width: -moz-available;
    width: -webkit-fill-available;
}

.swiper-slide {
    cursor: pointer;
}

.content-cat #home-right #content .prod {
    width: calc(100% - 1.3%);
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 15px;
    margin-right: 1.3%;
    align-content: flex-start;
    border: 1px solid rgba(231, 231, 231, 1);
    border-radius: 8px;
    cursor: pointer;
}

.content-cat #home-right #content .prod:hover {
    border: 1px solid rgba(8, 136, 94, 1);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.content-cat #home-right {
    width: 100%;
}

#filters {
    width: 16%;
    position: sticky;
    top: 15px; /* Обязательно! */
    align-self: flex-start; /* Если родитель — flex-контейнер */
}

.content-cat #home-right {
    display: flex;
    width: 100%;
    position: relative;
}

.content-cat #home-right #content {
    width: 41%;
}

.content-cat #home-right #content .prod .prod-details {
    width: calc(100% - 153px);
    padding-left: 10px;
    display: inline-block;
}

.content-cat #home-right #content .prod .prod-details .title {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 120%;
    color: rgba(8, 136, 94, 1);
    margin-bottom: 10px;
}

.content-cat #home-right #content .prod .prod-details .glamp-id {
    font-size: 15px;
    line-height: 18px;
    font-family: 'Open Sans';
    color: #484848;
    font-weight: 600;
}

.content-cat #home-right #content .prod .image {
    height: 220px;
    margin: 0;
}

.content-cat #home-right #content .prod .prod-details .choose {
    padding: 10px 25px;
    background: #08885e;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    display: inline-block;
    margin: 25px 0 5px 0;
    font-size: 14px;
}

.content-cat #home-right #content .prod .prod-details .choose:hover {
    background: #0aa752;
}

.content-cat .prod-baner {
    padding: 0 1.3% 0 0;
    margin: 0;
    width: 100%;
}

#tab-images .img-thumbnail,
#tab-roomtypes .img-thumbnail,
#roomtype-list .img-thumbnail {
    width: 110px;
    height: 110px;
}

#filemanager .thumbnail {
    width: 100px;
    height: 100px;
    margin: 0 auto 5px auto;
}

.cart-page {
    box-shadow: 0 0 24px 0px rgba(0, 0, 0, 0.14);
    margin-top: -80px;
    background: #fff;
}


.cart-page #content {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
}

.alert-success {
    width: 100%;
    margin-bottom: 30px;
    z-index: 1;
    font-weight: 700;
    color: #08885e;
}

/*
.alert-success, .alert-warning {
    position: absolute;
    width: 100%;
    border-radius: 0;
    padding: 25px 5px;
    text-align: center;
    z-index: 1;
    font-weight: 800;
    font-size: 20px;
    line-height: 28px;
}

.alert-success a {
    color: #2e772f;
    border-bottom: 2px solid #6ca05b;
    display: inline-block;
    height: 27px;
    }

.close {
    right: 20px;
    font-size: 30px;
    position: absolute;
    margin-top: -5px;
    margin-left: 7px;
}
*/

#callback {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}

#sizehelp {
    background: white;
    padding: 20px 30px;
    text-align: left;
    width: 700px;
    max-width: 90%;
    margin: 40px auto;
    position: relative;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);

}


.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}


.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;

    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}


.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

#callback form > h3, #sizehelp h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    color: #ff398d;
    text-align: center;
}

#sizehelp h3 {
    margin-bottom: 15px;
}

#sizehelp p {
    margin-top: 10px;
}

.size-tab > div {
    float: left;
    width: 13%;
    margin-left: 0.5%;
    margin-bottom: 0.5%;
    height: 30px;
    line-height: 30px;
    display: block;
    background: #e9e9e9;
    color: #333;
    text-align: center;
    font-size: 13px;
}

.size-tab > div:nth-child(7n+1) {
    margin-left: 0;
    width: 19%;
    text-align: left;
    padding-left: 10px;
}

#sizehelp h4 {
    background: #002136;
    color: #fff;
    padding: 10px;
    margin-bottom: 5px;
    font-size: 16px;
}


#callback input[type="text"], #callback input[type="password"] {
    width: 270px;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    margin: 0 0 8px 30px;
    border: 1px solid #ccc;
    border-radius: 0;
}


#callback textarea {
    width: 270px;
    padding: 0 10px;
    height: 75px;
    margin: 0 0 8px 30px;
    border: 1px solid #ccc;
    border-radius: 0;
}

#callback form > label {
    font-size: 14px;
    color: #272324;
    font-weight: 400;
    margin-left: 30px;
}

#callback .desc {
    color: #272324;
    font-size: 14px;
    margin: 0 0 0 30px;
}

#callback input[type="submit"] {
    background: none;
    font-size: 13px;
    height: 44px;
    width: 150px;
    padding: 0;
    border-radius: 0;
    margin-left: 30px;
    margin-top: 20px;
    margin: 15px auto 0 auto;
    display: block;
    text-shadow: none;
    border: 2px solid #ff398d;
    color: #ff398d;
    text-transform: uppercase;
    transition: 0.3s ease;
}

#callback input[type="submit"]:hover {
    background: #ff398d;
    color: #fff;
}

#button-search {
    display: inline-block;
    border: 1px solid #ff398d;
    width: 18%;
    line-height: 44px;
    height: 44px;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ff398d;
    background: none;
    padding: 0;
    text-shadow: none;
    border-radius: 0;
    transition: 0.3s ease;
    margin-left: 10px;
}

#button-search:hover {
    background: #ff398d;
    color: #fff;
}


.cat-page .filter .filters input[type="text"] {
    width: 44%;
    height: 44px;
    color: #002036;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 7px;
    padding: 0 10px;
    cursor: initial;
    transition: 0.3s ease;
    border: 1px solid #be88e8;
    border-radius: 0;
}


.cat-page .filter .filters input[type="text"]:hover {
    background: rgba(190, 136, 232, 0.1);
}

.search-page .empty {
    font-size: 14px;
    float: left;
    padding: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #002036;
}


#slideshow0 .owl-item .img-responsive {
    height: 280px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home #slideshow0 .owl-item .img-responsive {
    height: 350px;
}

#slideshow0 .item img {
    max-width: 80%;
    padding-top: 95px;
    margin-left: 15%;
    display: block;
    max-height: 400px;
}

#slideshow0 .item .img3 img {
    padding-top: 110px;
}

.mob-cats {
    display: none;
}

/*
.mob-cats .fl {
    width: 50%;
    float: left;
}

.mob-cats h3 {
    font-size: 16px;
    font-weight: 800;
    margin-top: 8px;
    margin-bottom: 10px;
    color: #ff398d;
    text-transform: uppercase;
    padding-left: 20px;
}
*/

.other_hotels {
    margin-bottom: 40px;
}


.other_hotels > a {
    display: block;
    width: 160px;
    height: 100px;
    padding-top: 66px;
    padding-left: 15px;
    border-radius: 20px;
    margin: 0 10px 10px 0;
    float: left;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 1px 1px 4px #000;
}

.acc-title {
    display: none;
}

.checkout-info-text {
    /* background: #fff2c9; */
    background: #fff9e8;
    padding: 14px;
    margin-bottom: 10px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 21px;
    color: #000;
    box-shadow: 0 4px 12px -4px hsla(60, 4%, 60%, .35), 0 0 2px hsla(60, 4%, 60%, .3);
    font-family: "Open Sans", sans-serif;
    display: none;
}

.checkout-info-text > div {
    padding: 5px 0 5px 0;
}

.checkout-info-text img {
    display: inline-block;
    margin-right: 5px;
    width: 25px;
    vertical-align: middle;
}

.checkout-info-text ul {
    padding-left: 20px;
    margin: 0;
}

p.price-general {
    font-weight: 600;
    line-height: 100%;
    text-align: right;
    color: #000;
    margin-bottom: 5px;
    font-size: 23px;
    font-family: -apple-system, "Open Sans", sans-serif;;
}

.mob-cats select {
    width: 90%;
    margin: 3px 5% 10px;
    border-radius: 5px;
    height: 44px;
    color: #002036;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
    cursor: pointer;
    transition: 0.3s ease;
    border: 1px solid #ff398d;
}


#typeaccount, #tmd_delivery_address, #tmd_shipping_method, #address {
    display: none;
}


#tmd_cart .prod-link {
    color: #3f8bcf;
    border-bottom: 1px dashed #74b3ec;
}

#tmd_cart .total {
    background: #fffacc;
    padding: 20px 15px;
    text-align: right;
    font-size: 16px;
}

#quick-checkout {
    position: relative;
    color: #000;
    max-width: 1100px;
    margin: 0 auto 40px auto;
    padding: 20px 0 0 0;
    font-family: 'Open Sans', 'Open Sans';
}

#quick-checkout .right-bl {
    width: 75%;
    padding: 0;
    float: left;
}

#quick-checkout .form-control {
    display: block;
    padding: 0 7px;
    width: 100%;
    min-width: 220px;
    height: 38px;
    font-size: 13px;
    color: #000;
    border: 1px solid #e3e1dc;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: 'Open Sans', 'Open Sans';
}

#quick-checkout .form-control-textarea {
    display: block;
    padding: 7px;
    width: 100%;
    min-width: 220px;
    font-size: 13px;
    color: #000;
    border: 1px solid #e3e1dc;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: 'Open Sans', 'Open Sans';
}

#quick-checkout .form-group {
    margin-bottom: 25px;
}

#quick-checkout .form-group.required.has-error input {
    border: 2px solid rgb(204, 0, 0);
}

#quick-checkout .form-group.required.has-error .text-danger {
    font-size: 12px;
    padding: 10px 0;
    color: #CC0000;
}

#quick-checkout label {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    display: block;
}

.coupon-block {
    background: #ffe491;
    margin: 15px;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    border-radius: 10px;
}

.coupon-block > span {
    background: #f5d40a;
    padding: 3px 8px;
    border-radius: 3px;
    margin-left: 3px;
    font-weight: bold;
    white-space: nowrap;
}

.total-comment {
    margin: 15px 0 0 0;
    font-size: 11px;
    line-height: 18px;
    font-weight: 400;
}

.coupon-error {
    font-size: 11px;
    color: red;
    margin-top: 10px;
}

#prepayment {
    padding: 10px 15px 15px 15px;
}

#input-prepayment {
    margin-top: 15px;
}

#input-prepayment input {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
    padding-top: 3px;
}

#input-prepayment label {
    font-weight: 400;
    margin-bottom: 10px;
    cursor: pointer;
}

#input-prepayment label > span {
    line-height: 20px;
}

#input-prepayment label > span > b {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
}

#input-prepayment label > span > span {
    margin-left: 22px;
    display: block;
    font-size: 11px;
}

#input-prepayment label > span > span > b {
    white-space: nowrap;
}

#input-prepayment label a {
    color: #08885e;
    font-weight: 600;
    border-bottom: 1px solid #09704e8c;
}

#input-prepayment label a:hover {
    color: #fd5d00;
    border-bottom: 1px solid #fd5d0094;
}

#quick-checkout .btn-primary {
    margin-right: 10px;
}

#quick-checkout .prod-price {
    white-space: nowrap;
}

#quick-checkout .btn-primary {
    display: none;
}


#quick-checkout .booking-details {
    width: 49.5%;
    padding: 20px 0;
    float: right;
    min-height: 664px;
    border-radius: 16px;
    box-shadow: 0 4px 12px -4px hsla(60, 4%, 60%, .35), 0 0 2px hsla(60, 4%, 60%, .3);
    background: #fff;
}

#quick-checkout .booking-details .p-h-15 {
    padding: 0 15px;
}

#quick-checkout h3 {
    font-size: 16px;
    margin-bottom: 25px;
    font-family: 'Open Sans', 'Open Sans';
}

#tmd_login h3 {
    padding: 0 15px;
}

#quick-checkout .booking-details p.catalog-link {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}

#quick-checkout .booking-details .book-details {
    display: flex;
    margin-top: 25px;
}

#quick-checkout .booking-details .booking-details-name {
    width: 35%;
}

#quick-checkout .booking-details .book-details-accomondation {
    width: 63%;
    margin-left: 35px;
}

#quick-checkout .booking-details .booking-details-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 128px;
    margin-bottom: 10px;
}

#quick-checkout .booking-details .booking-details-thumb img {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 128px;
    object-fit: cover;
}

#quick-checkout .booking-details .plan-details {
    margin: 35px 0 40px;
    display: none;
}

#quick-checkout .booking-details .plan-details > div {
    margin-bottom: 20px;
    font-size: 14px;
}

#quick-checkout .booking-details .plan-details .plan_name {
    line-height: 20px;
    color: #08885E;
    font-weight: 700;
}

#quick-checkout .check-in, #quick-checkout .check-out {
    margin-bottom: 25px;
    width: 45%;
    display: inline-block;
}

#quick-checkout .check-in {
    border-right: 1px solid #ccc;
    margin-right: 5%;
    padding-right: 5%;
}

#quick-checkout .booking-details .title {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 7px;
}

#quick-checkout .booking-details .date, #quick-checkout .booking-details .period, #quick-checkout .booking-details .choose-title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 7px;
}

.roomtype-room-guests {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

#quick-checkout .booking-details .time, #quick-checkout .booking-details .roomtype {
    font-size: 13px;
}

#quick-checkout .booking-details .period-block {
    padding-bottom: 20px;
    margin-bottom: 25px;
    width: 100%;
}

#quick-checkout .booking-details .roomtype {
    float: left;
}

#quick-checkout .booking-details .total-price .fl {
    padding: 5px 0;
}

#quick-checkout .booking-details .price {
    float: right;
    padding: 5px 0;
}

#quick-checkout .booking-details .price .days {
    font-size: 14px;
    font-weight: 400;
}

#quick-checkout .item {
    margin-bottom: 20px
}

#quick-checkout .total-price {
    background: #ffe491;
    padding: 15px 10px;
    font-size: 17px;
    font-weight: 600;
}

#quick-checkout .note {
    padding: 15px 0 0 0;
    font-size: 10px;
    line-height: 16px;
    color: #545454;
}

#quick-checkout .booking-form {
    float: left;
    width: 49.5%;
    padding: 20px 15px;
    border-radius: 16px;
    min-height: 664px;
    box-shadow: 0 4px 12px -4px hsla(60, 4%, 60%, .35), 0 0 2px hsla(60, 4%, 60%, .3);
    font-family: 'Open Sans', 'Open Sans';
    background: #fff;
}

.cat-page.info-page.register-page #quick-checkout .booking-form {
    min-height: 677.5px;
}

.in-bl {
    display: inline-block;
    vertical-align: middle;
}

.search-rooms input[type="number"]::-webkit-outer-spin-button,
.search-rooms input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.search-rooms input[type='number'],
.search-rooms input[type="number"]:hover,
.search-rooms input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}

.content-home {
    margin: 119px auto 0;
}

.content-cat {
    margin: 49px auto 0;
}

.slideshow-text {
    margin-top: -30px;
}

.search-rooms-forms-send {
    width: 22%;
}

/*DOGGY STYLE*/
.dog {
    position: absolute;
    width: 65px;
    height: 57px;
    top: -13px;
    right: 1px;
    transform: translate(0, 0) rotate(0);
    transition: 0.3s transform cubic-bezier(0.33, 1, 0.68, 1);
    display: block;
}

.dog.show {
}

.dog div {
    position: absolute;
}

.dog .tail {
    width: 10%;
    height: 35%;
    left: -50%;
    bottom: -40%;
    transform: rotate(-25deg);
    transition: 0.1s opacity;
    transition-delay: 0s;
    opacity: 0;
}

.dog .tail::after {
    content: "";
    position: absolute;
    transform-origin: bottom center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 0 0;
    background-color: #E1A46E;
    animation: infinite alternate tailSkew 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@keyframes tailSkew {
    from {
        transform: skewX(15deg);
    }
    to {
        transform: skewX(-15deg);
    }
}

.dog .body {
    width: 70%;
    height: 50%;
    bottom: -20%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #9F6A43;
    border-radius: 50% 50% 0 0;
}

.dog .head {
    width: 65%;
    height: 70%;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 80% 80% 60% 60%;
    background-color: #E1A46E;
}

.dog .nuzzle {
    width: 70%;
    height: 40%;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
}

.dog .nuzzle::before, .dog .nuzzle::after {
    content: "";
    width: 50%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #C28E5F;
    border-radius: 70% 30% 50% 20%;
    z-index: 1;
}

.dog .nuzzle::after {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

.dog .mouth {
    width: 50%;
    height: 90%;
    border-radius: 100%;
    background-color: #111827;
    left: 50%;
    bottom: -20%;
    transform: translateX(-50%);
}

.dog .tongue {
    width: 50%;
    height: 50%;
    background-color: #ef4444;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%;
    border-radius: 50%;
    animation: 0.3s alternate tongueBounce infinite cubic-bezier(0.45, 0, 0.55, 1);
}

@keyframes tongueBounce {
    from {
        bottom: 20%;
    }
    to {
        bottom: 15%;
    }
}

.dog .nose {
    width: 30%;
    height: 20%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 10;
}

.dog .nose::before {
    content: "";
    width: 100%;
    height: 60%;
    top: -50%;
    left: 0;
    position: absolute;
    display: inline-block;
    background-color: #1f2937;
    border-radius: 1000px 1000px 0 0;
}

.dog .nose::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 10%;
    left: 0;
    position: absolute;
    display: inline-block;
    background-color: #1f2937;
    border-radius: 0 0 1000px 1000px;
}

.dog .nose .nostrils {
    width: 90%;
    height: 100%;
    top: 0;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}

.dog .nose .nostrils::before {
    content: "";
    display: inline-block;
    width: 30%;
    left: 10%;
    height: 100%;
    position: absolute;
    background-color: #000;
    border-radius: 100%;
}

.dog .nose .nostrils::after {
    content: "";
    display: inline-block;
    width: 30%;
    right: 10%;
    height: 100%;
    position: absolute;
    background-color: #000;
    border-radius: 100%;
}

.dog .nose .highlight {
    top: -50%;
    left: 50%;
    width: 80%;
    height: 30%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 1000px 1000px 0 0;
    background: linear-gradient(#fff, rgba(255, 255, 255, 0));
    opacity: 0.3;
}

.dog .eyes {
    width: 80%;
    height: 35%;
    top: 25%;
    transform: translateX(-50%);
    left: 50%;
}

.dog .eyes .left,
.dog .eyes .right {
    border-radius: 1000px;
    background-color: #111;
    width: 25%;
    height: 52%;
    top: 50%;
    transform: translateY(-50%);
}

.dog .eyes .left::after,
.dog .eyes .right::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30%;
    height: 30%;
    background-color: #fff;
    opacity: 0.7;
    border-radius: 1000px;
    left: 15%;
    top: 15%;
}

.dog .eyes .left {
    left: 15%;
}

.dog .eyes .right {
    right: 15%;
}

.dog .ears {
    width: 90%;
    height: 90%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dog .ears div {
    width: 30%;
    height: 50%;
    left: 0;
    top: 0;
    background-color: #9F6A43;
    transform: rotate(15deg);
    border-radius: 60% 20% 80% 10%;
    z-index: 1;
}

.dog .ears div.right {
    transform: rotate(-15deg) scaleX(-1);
    left: auto;
    right: 0;
}

.paw {
    position: absolute;
    right: -17px;
    top: 5px;
    overflow: hidden;
    width: 17px;
    height: 17px;
    transition: 0.3s right cubic-bezier(0.33, 1, 0.68, 1);
    z-index: 1;
}

.paw::after {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #E1A46E;
    transition: 0.3s left cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: 0.2s;

}

.paw.top {
    transform: rotate(-90deg);
    top: -17px;
    right: 40px;
    transition: 0.3s top cubic-bezier(0.33, 1, 0.68, 1);
}

.paw.let-dog-out {
    transition-delay: 0.3s;
    right: -8px;
}

.paw.let-dog-out::after {
    transition-delay: 0s;
    left: 0;
}

.paw.top.let-dog-out {
    transition-delay: 0.4s;
    right: 40px;
    top: -8px;
}

.dog.let-dog-out {
    transform: translate(20px, -48px) rotate(15deg);
    transition-delay: 0.4s;
}

.tail.let-dog-out {
    opacity: 1;
    transition-delay: 0.6s;
}


.search-rooms {
    width: 100%;
    background-image: linear-gradient(to right, #08885e, #0a3e28);
    padding: 20px 20px 35px 20px;
    margin-bottom: 35px;
    border-radius: 30px;
}

.search-rooms-container {
    display: flex;
    flex-flow: row wrap;
    gap: 1%;
    position: relative;
}

.search-rooms-container .availability {
    margin-top: 12px;
    color: #fff;
    padding: 10px 20px;
    background: #0c7653;
    border-radius: 6px;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    transition: 0.3s ease;
    display: none;
}

.search-rooms-container .availability:hover {
    background: #085e42;
}


.search-rooms-container .availability input[type="checkbox"] {
    margin-right: 12px;
}

.search-rooms-container .availability img {
    width: 16px;
    vertical-align: middle;
}

.place, .search-rooms-forms-datepicker, .search-rooms-forms-guests {
    width: 25%;
    position: relative;
    cursor: pointer;
}

.search-rooms-forms-guests {
    width: 30%;
}

.search-rooms-forms-send {
    width: 17%;
}

.place .search {
    height: 56px;
    border: unset;
}

.place .text {
    font-size: 16px;
    line-height: 17px;
    margin-top: 19px;
    cursor: text;
    color: #393939
}

.search-rooms-container-text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.45238095em 0 0.45238095em 0.64285714em;
    line-height: 1.21428571em;
    color: #6A6A6A;
    padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
}

.place__input, .search-rooms-forms-datepicker__input,
.search-rooms-forms-guests__input, .search-rooms-forms-send__submit {
    height: 56px !important;
    width: 100%;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
}

.place__input, .search-rooms-forms-datepicker__input,
.search-rooms-forms-guests__input, .place .ui.search.dropdown > input.search {
    color: #393939;
    font-size: 16px;
    line-height: 19px;
    padding-top: 22px;
    padding-left: 13px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    border: 1px solid rgba(34, 36, 38, .15);
    font-family: "Open Sans", sans-serif;
}

.place__input:hover, .search-rooms-forms-datepicker__input:hover,
.search-rooms-forms-guests__input:hover, .place .ui.search.dropdown > input.search:hover {
    border-color: rgba(34, 36, 38, .35);
}

.search-rooms-forms-datepicker__input::placeholder {
    color: #393939;
}

.search-rooms-forms-send__submit {
    background-color: #FF9800;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 600;
    transition: 0.3s ease;
}

.search-rooms-forms-send__submit:hover {
    background-color: #ffb800;
}

.search-rooms-container .ui.selection.dropdown > .dropdown.icon {
    font-size: 14px;
    padding: 0.816667em;
    bottom: 0.64em;
    top: auto;
}

.search-rooms-container .ui.dropdown .menu > .item {
    font-size: 16px;
    line-height: 19px;
    font-family: 'Open Sans';
}

.ui.search.dropdown > .text {
    font-family: 'Open Sans';
}

.search-rooms-container .ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.datepicker-icon, .guests-icon {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0.55em;
    background-size: 24px;
    top: 1.5em;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

.datepicker-icon {
    background-image: url(/image/icons/calendar.png);
    cursor: pointer;
}

.guests-icon {
    background-image: url(/image/icons/user.png);
    background-size: 21px;
}

.search-rooms-forms-guests-container {
    border-top-width: 0 !important;
    outline: 0;
    margin: -1px 0;
    min-width: 100%;
    background-color: rgb(255, 255, 255);
    padding: 0 20px 20px;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 100%;
    border-radius: 3px;
    box-shadow: 0 2px 16px rgb(0 0 0 / 15%);
}

.prod-page .search-rooms-forms-guests-container {
    padding: 20px 20px 20px;
}

.search-rooms-forms-guests-container.show {
    display: block;
}

.search-rooms-forms-guests-adults,
.search-rooms-forms-guests-children,
.search-rooms-forms-guests-rooms,
.search-rooms-forms-guests-submit {
    margin-top: 20px;
    position: relative;
}

.search-rooms-forms-guests-submit.add-number-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.search-rooms-forms-guests-container-text {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
    color: #393939;
    font-weight: 700;
}

h3.search-rooms-forms-guests-container-number-text {
    color: black;
    font-weight: 600;
    line-height: 22px;
    font-size: 21px;
    text-transform: none;
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    justify-items: start;
    flex-direction: row;
    flex-wrap: nowrap;
}

h3.search-rooms-forms-guests-container-number-text > .remove-room {
    color: red;
    font-size: 12px;
}

.search-rooms-forms-guests-container-number,
.search-rooms-forms-guests-submit__button {
    height: 42px;
    width: 150px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    text-align: center;
}

.search-rooms-forms-guests-container-number {
    font-size: 18px;
}

div.search-rooms-forms-guests-container-text input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
}

div.search-rooms-forms-guests-container-text input[type="checkbox"]:checked {
    background-color: green;
}

div.search-rooms-forms-guests-container-text input[type="checkbox"]::before {
    content: "";
    width: 1.65em;
    height: 1.65em;
    clip-path: polygon(21% 34%, 39% 67%, 81% 15%, 94% 16%, 39% 88%, 10% 39%);
    display: none;
    background-color: white;
}

div.search-rooms-forms-guests-container-text input[type="checkbox"]:checked::before {
    display: block;
}

.search-rooms-forms-guests-container-animal-number {
    width: 25px;
    height: 25px;
    border: 1px solid green;
}

.search-rooms-forms-guests-container-animal-number:checked {
}

.search-rooms-forms-guests-container-animal-number + label {
    margin-left: 5px;
    font-weight: 600;
}

.search-rooms-forms-guests-container-text.animal-container {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.search-rooms-forms-guests-submit__button {
    background-color: #08885E;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 800;
    display: block;
    line-height: 40px;
}

.plus-icon, .minus-icon, .child-plus-icon, .child-selected {
    width: 47px;
    height: 40px;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    cursor: pointer;
}

.minus-icon {
    left: 1px;
    line-height: 37px;
    top: 28px;
}

.plus-icon {
    top: 28px;
    left: 102px;
}

.plus-icon.disabled, .minus-icon.disabled {
    background-color: #F4F4F4;
    border-radius: 5px;
}

.search-rooms-forms-guests-children-results {
    position: relative;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 52px;
    justify-content: start;
}

.search-rooms-forms-guests-children-selected {
    display: flex;
    flex-wrap: wrap;
}

.child-plus-icon, .child-selected {
    position: relative;
    background-color: #F4F4F4;
    border-radius: 5px;
}

.child-selected {
    font-size: 14px;
    line-height: 17px;
    margin-right: 10px;
    width: 85px;
    margin-bottom: 10px;
    color: #393939;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
}

.child-selected span {
    display: inline-block;
    height: 42px;
    line-height: 42px;
}

.remove-adding-children {
    color: #999999;
    font-weight: 600;
    width: 27px;
    font-size: 16px;
}

.search-rooms-forms-guests-children .child {
    opacity: 0;
    border-top: unset;
    font-size: 12px;
    padding: 5px;
    position: absolute;
    z-index: 11;
    left: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    top: 0;
    width: 62px;
    height: 40px;
}

.search-rooms-forms-guests-children .child option {
    padding: 5px;
}

.search-rooms-forms-guests-children-select {
    width: 52px;
    position: relative;
}

.place .ui.search.dropdown > .text, .place .search {
    cursor: pointer;
}

.animal-container label {
    font-size: 15px;
    line-height: 19px;
    margin-right: 30px;
}


.animal-container label img {
    width: 20px;
    height: auto;
    vertical-align: text-bottom;
    margin-left: 3px;
}

.animal-container span {
    display: flex;
    align-items: center;
}

#map {
    height: 100vh;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 5;
    background: #fff;
    right: 0;
}

.stick-map {
    position: sticky;
    top: 10px;
    width: 43%;
    align-self: flex-start;
}

.prod-type {
    height: 27px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    padding-top: 4px;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 15px;
}

.cat-page .prod-type.bnovo {
    height: initial;
    width: initial;
    font-size: 10px;
    padding: 4px 8px;
    z-index: 2;
    font-family: 'Open Sans';
    display: none;
}

.meal-info {
    margin-bottom: 0;
    color: rgba(8, 136, 94, 1);
    margin-top: -5px;
    line-height: 20px;
    font-size: 12px;
}

.meal-info.red {
    color: rgba(8, 136, 94, 1);
}

p.meal-info i {
    font-size: 12px;
}

.prod-type.bnovo {
    background-color: #076016b8;
    width: 200px;
}

.prod-type.no-bnovo {
    width: 194px;
    background-color: #44444496;
}

.prod-type span:first-child {
    height: 16px;
    width: 16px;
    display: inline-block;
}

.prod-type span {
    vertical-align: middle;
}

.prod-type span:first-child img {
    width: 100%;
    height: 100%;
}

.mob-filter {
    text-align: center;
    display: block;
    float: left;
    color: #000000;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    margin-right: 15px;
    background: #f1f0ed;
    font-size: 15px;
    font-weight: 600;
    position: relative;
}

.filter-button {
    text-align: center;
    display: block;
    float: left;
    color: #000000;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    margin-right: 15px;
    background: #f1f0ed;
    font-size: 15px;
    font-weight: 600;
    position: relative;
}

.filter-button img {
    width: 14px;
    height: 14px;
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
}

.mob-filter:hover {
    background: #3fb18b2b;
}

.mob-filter .active {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #eb5858;
    border-radius: 50%;
    top: 5px;
    right: 7px;
}

.mob-filter img {
    width: 14px;
    height: 14px;
    margin-right: 0px;
    display: inline-block;
    vertical-align: middle;
}

.mob-close-filter {
    display: none;
    position: absolute;
    right: 0px;
    background: #fff;
    padding-top: 13px;
    top: 0;
    font-size: 16px;
    color: #585858;
}


.prod-page .mob-close-filter {
    display: none;
}

.mob-close-filter svg {
    vertical-align: middle;
    margin-left: 8px;
}

.mob-close-filter img {
    width: 18px;
    height: 18px;
}

.empty-accomandations {
    font-size: 20px;
    text-align: center;
    padding: 50px;
}

.empty-account-hotels {
    margin-left: 2%;
}

#filters .filters-column {
    width: 100%;
    margin: 0 10px 0 0;
}

.prod-page #filters .filters-column {
    margin: 0 50px 80px 0;
}

.prod-baner .back {
    display: block;
    float: left;
    color: #08885e;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    cursor: pointer;
}

/*-----------------------------------------------------------------Media Styles-----------------------------------------------------------------*/

@media (max-width: 1700px) {
    /*.slideshow-text-main {*/
    /*    font-size: 40px;*/
    /*    line-height: 42px;*/
    /*    top: 75px;*/
    /*}*/
    /*.slideshow-text-additional {*/
    /*    font-size: 22px;*/
    /*    line-height: 24px;*/
    /*}*/

}

@media (max-width: 1500px) {
    /*.slideshow-text-main {*/
    /*    font-size: 38px;*/
    /*    line-height: 40px;*/
    /*    top: 10vw;*/
    /*}*/
    /*.slideshow-text-additional {*/
    /*    font-size: 22px;*/
    /*    line-height: 24px;*/
    /*    margin: 20px 0 25px 0;*/
    /*}*/
    .slideshow-text-main .map-button {
        font-size: 20px;
        border-radius: 30px;
        padding: 12px 32px;
    }
}


@media (min-width: 1300px) {
    .prod:nth-child(3n+1) {
        margin-left: 0;
    }
}


.filter-button-block {
    display: flex;
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 100;
    gap: 5px;
    box-shadow: 0px -6px 20px 12px rgb(255 255 255 / 100%);
    justify-content: space-between;
    padding: 10px 10px 10px 0;
}

@media (max-width: 1390px) {
    header .phones2 p, header .worktime .info, header .phones1 p {
        font-size: 11px;
    }

    header .phones1 a, header .phones2 a, header .worktime .hours {
        font-size: 19px;
    }

    .head-triggers .inner > a {
        width: 25%;
    }

    .head-triggers .inner > a:nth-child(4) {
        border: 0;
    }

    .head-triggers .inner > a:nth-child(5) {
        display: none;
    }

    footer .content > div {
        padding: 0 15px;
    }


}


p.rating-estimation {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-align: right;
    color: rgba(8, 136, 94, 1);
    margin-bottom: 3px;
}

@media (max-width: 1300px) {
    .content-home .prod:nth-child(2n+1) {
        margin-left: unset;
        margin-right: unset;
    }

    header .phones2 p, header .worktime .info, header .phones1 p {
        font-size: 10px;
    }

    header .phones1 a, header .phones2 a, header .worktime .hours {
        font-size: 18px;
        margin-bottom: 5px;
    }

    header .phones1, header .phones2, header .worktime {
        padding-top: 44px;
    }

    header .callback a {
        margin-top: 43px;
        font-size: 11px;
        height: 43px;
        line-height: 39px;
    }

    .under-header .top-menu li {
        margin-right: 40px;
    }

    .banners a {
        height: 200px;
    }

    .banners a > span {
        font-size: 20px;
        line-height: 24px;
    }

    .banners a > span > span {
        font-size: 29px;
        line-height: 29px;
        font-weight: 700;
    }


    .cat-menu {
        height: 540px;
        padding: 40px 30px 0 40px;
    }

    .sale-menu {
        height: 160px;
        padding: 40px 30px 0 40px;
    }

    .home-page .html-block .left-block, .cat-page .html-block .left-block {
        padding: 40px;
    }

    footer .info-block {
        margin-left: 8%;
    }

    .register-page.login-page .prod {
        width: 48%;
    }

    /*.slideshow-text-main {*/
    /*    font-size: 34px;*/
    /*    line-height: 36px;*/
    /*    top: 9vw;*/
    /*}*/
    /*.slideshow-text-additional {*/
    /*    font-size: 16px;*/
    /*    line-height: 18px;*/
    /*}*/
    .slideshow-text-main .map-button {
        font-size: 18px;
    }
}

@media (max-width: 1250px) {

    .prod-page-sale .right-block .articul, .prod-page-sale .sale, .prod-page-sale .right-block h1, .prod-page-sale .right-block .mini-desc {
        text-align: center;
    }

    .prod-page .price-block {
        text-align: center;
        float: none;
    }


}

@media (max-width: 1200px) {
    .home-page .html-block .left-block, .cat-page .html-block .left-block {
        padding: 35px;
    }

    .prod-page .call-back .bl {
        width: 50%;
        float: left;
        padding: 0 2%;
    }

    .prod-page .call-back .bl:nth-child(3) {
        width: 95%;
        padding: 0;
        float: none;
        margin: 0 auto;
    }

    .prod-page .call-back .bl .btn {
        margin-top: 15px;
    }

    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px;
    }

    .content-cat #home-right #content .prod {
        margin-bottom: 20px;
        margin-right: 2%;
    }

    .content-cat .prod-baner {
        padding: 0 2% 0 0;
        margin: 0;
        width: 100%;
    }

}

@media (max-width: 1170px) {
    #home-right {
        width: 65%;
    }

    .content-cat .prod {
        width: 48%;
    }

    header .worktime .week {
        display: none;
    }

    .under-header .top-menu li {
        margin-right: 20px;
    }

    .under-header .top-menu li a {
        font-size: 14px;
    }

    .home-page .filter .cat-title, .cat-page .filter .cat-title {
        font-size: 18px;
    }

    .sale-menu {
        height: 150px;
    }

    #column-left {
        width: 33.33333%;
    }

    .prod-page .left-block {
        width: 66%;
    }

    #quick-checkout .right-bl {
        width: 66%;
    }

    .cat-menu {
        height: 550px;
        padding: 50px 30px 0 50px;
    }

    footer .info-block {
        margin-left: 7%;
    }

    footer .content > div {
        padding: 0 5px;
    }

    .prod-page .triggers .trigger {
        padding-left: 45px;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 25px;
    }

    .prod-page .check-availability form > div:not(:last-child) {
        width: 49%;
        margin-bottom: 2%;
    }

    .prod-page .check-availability form > div:last-child {
        width: 100%;
    }

    .register-page.login-page #home-right .hotel_list {
        margin-left: -1.3%;
    }

    .prod-baner {
        width: 66%;
        margin: 15px auto;
    }
}


@media (max-width: 1100px) {

    .prod-page .options .size-title > a {
        text-align: center;
    }

    .prod-page .options .size-title > a {
        float: none;
        display: block;
        border: none;
        margin: 0 0 10px 0;
    }

    .content-cat #home-right #content {
        width: 55%;
    }

    header .cart .cart-total .hid {
        display: none;
    }

    .prod-page .right-block h1 {
        margin: 0 0 10px 0;
        font-size: 44px;
    }

    .prod-page .right-block .articul {
        margin-bottom: 10px;
    }


    header .cart .cart-total .sum {
        margin-top: 9px;
        font-size: 14px;
    }

    header .cart .cart-total .text {
        margin-left: 0;
    }


    .home-page .html-block .left-block p, .cat-page .html-block .left-block p {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 8px 0;
    }

    .home-page .html-block .left-block h3, .cat-page .html-block .left-block h3 {
        margin: 0 0 20px 0;
    }

    .home-page .filter .cat-title, .cat-page .filter .cat-title {
        font-size: 16px;
    }

    footer .info-block li {
        font-size: 14px;
    }

    footer .info-block {
        margin-left: 5%;
        margin-bottom: 10px;
    }

    /*.main-video-banner {*/
    /*    height: 40vw;*/
    /*}*/
    /*.content-home {*/
    /*    margin: calc(40vw - 120px) auto 0;*/
    /*}*/
    /*.slideshow-text-main {*/
    /*    font-size: 31px;*/
    /*    line-height: 36px;*/
    /*    top: 14vw;*/
    /*}*/
    /*.slideshow-text-main .map-button {*/
    /*    font-size: 16px;*/
    /*    padding: 10px 28px;*/
    /*}*/


}

@media (max-width: 1025px) {
    .prod-baner .show-links {
        float: left;
    }
}


@media (max-width: 1000px) {
    header .logo {
        padding-right: 5px;
    }
}

.content-cat .how-we {
    gap: 0;
    align-items: flex-start;
}

.content-cat .how-we .item {
    min-width: 20%;
}

.content-cat .how-we .item p {
    font-size: 14px;
    line-height: 20px;
}

@media (max-width: 990px) {
    .how-we {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-direction: column;
    }

    .how-we .item {
        max-width: 200px;
    }

    .content-cat .how-we {
        gap: 0;
        align-items: center;
    }

    footer .content > div {
        padding: 0;
        flex-direction: column;
    }

    footer .info-block {
        width: 100%;
    }

    #slideshow0 .owl-item .img-responsive {
        height: 320px;
    }
}

.prod-page span.service-info-location, .prod-page .services-block span.service-info {
    font-size: 14px;
}

@media only screen and (min-width: 979px) and (max-width: 1090px) {
    .prod-page .acc-table .acc-row .prices {
        width: 50%;
    }
}

@media (min-width: 979px) {

    .area-services {
        margin-top: 5px;
    }

    .beds {
        margin-top: 0px;
    }

    .cat-page .search-rooms {
        max-width: 1300px;
    }

    .mobile-fixed-search {
        display: none;
    }

    /*.cat-page .search-rooms {*/
    /*    background-color: #fff;*/
    /*    background-image: none;*/
    /*    padding: 0 0 15px 0;*/
    /*    margin: 0 auto 10px auto;*/
    /*    border-radius: 10px;*/
    /*    max-width: 1300px;*/
    /*} */
    /*.cat-page .search-rooms-container .availability {*/
    /*    color: #000;*/
    /*    background: #fff;*/
    /*    padding: 0;*/
    /*}*/
    /*.cat-page .search-rooms-container .availability:hover {*/
    /*    background: #fff;*/
    /*}*/
}


.mobile-filters-block {
    display: none;
}

span.service-info-location {
    background: rgba(4, 101, 208, 1);
    border-radius: 3px;
    color: #fff !important;
    padding: 3px 4px 3px 4px;
    font-size: 12px;
    font-weight: 600;
}

.mobile-fixed-search, .modal-filters {
    display: none;
}

.date-range-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f1f0ed;
    margin-top: 5px;
}

/* Стили для кнопок */
.date-range-buttons button {
    padding: 10px 20px;
    border: none;
    background-color: #f0f0f0;

    cursor: pointer;
    font-size: 14px;
    color: #333;
    margin: 4px;
    border-radius: 10px;
    width: 100%;
}

/* Стиль для активной кнопки */
.date-range-buttons button.active {
    background-color: #fff;
}

.map-content .services-block {
    max-width: 350px;
}

.map-content .services-block-services {
    max-width: 200px;
    margin-left: 7px
}

.map-content .meal-info {
    margin-right: 5px;
}

.map-content .prod-right-block {
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-direction: row;
    width: 100%;
}

.map-content p.price-general {
    margin-top: 18px;
}

.map-content .prod-left-block {
    min-width: 100%;
}

.map-content p.price {
    position: absolute;
    top: 0px;
}

.map-content .prod-bottom-block {
    display: flex;
    width: 100%;
    gap: 5px;
    flex-direction: column;
}

a.glamp-id {
    display: block;
}

span.dot {
    font-size: 10px;
}

.services-block span.service-info {
    color: #000;
    font-size: 12px;
    padding: 1px 0px 1px 0px;
}

.prod .services-block span.service-info {
    color: #000;
    font-size: 12px;
    padding: 1px 0px 1px 0px;
}

.product-block-cart .product .services-block-services {
    flex-wrap: wrap;
}

.services-block-services {
    display: flex;

    flex-direction: column; /* Размещаем строки вертикально */
    gap: 8px; /* Отступ между строками */
    width: 95%;
}

.services-block-services .service-info {
    margin-right: 7px;
}

.acc-modal .services-block-services .service-info {
    padding: 2px 0 2px 18px;
    background: url(../image/ok.png) left 5px no-repeat;
}

.acc-modal .services-block-services span.service-info:before {
    display: none;
}

.services-block-services p {
    margin-bottom: 0;
}

.scroll-row {
    display: flex;
    white-space: nowrap;
    overflow-x: auto; /* Включаем горизонтальный скролл */
    scrollbar-width: none; /* Скрываем стандартный скроллбар */
    -ms-overflow-style: none; /* Для IE/Edge */
}

#filters .filters-content::-webkit-scrollbar {
    display: none;
}

.hotel-on-map button.price-btn {
    margin-right: 20px;
}

@media (min-width: 979px) {
    div#price-filter {
        width: 100%;
        position: fixed;
        z-index: 999999999999;
        background: #fff;
        top: 0;
        padding: 0px 20px 20px 20px;
    }

    .modal-filters-inner {
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
        padding-top: 50px;
        border-bottom: 1px solid #ededed;
    }

}

.hotel-on-map {
    display: flex;
    width: 540px;
}

.map-content {
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.hotel-on-map .swiper {
    width: 200px;
    height: 200px;
}

.hotel-on-map .prod-bottom-block {
    flex-direction: column;
}

.hotel-on-map .services-block.highway {
    margin: 0;
}


.hotel-on-map p.price-general {
    margin-bottom: 0;
}

.hotel-on-map p.map-name {
    margin: 5px 0px !important;
}

.hotel-on-map span.service-info-location {
    padding: 0 4px 0 4px;
}

.hotel-on-map .services-block span.service-info {
    padding: 0;
}

.hotel-on-map .services-block {
    max-height: 47px;
}

.hotel-on-map .services-block {
    gap: 2px;
    max-height: 38px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.hotel-on-map .alert-qty {
    margin: 5px 0 0;
}

span#service-fa-paw {
    display: none;
}

.prod .swiper-lazy-preloader {
    display: none;
}

.meal-conditions.meal-pets p {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 14px;
    vertical-align: middle;
    padding: 7px;
    white-space: nowrap;
}

.prod-page.bnovo .acc-table .acc-row .product-bnovo-show-plans {
    display: none;
}

.right-column-acc-type {
    width: 100%;
}

.with-empty-filters .acc-right.prices {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.acc-type .show-more-btn {
    color: rgba(8, 136, 94, 1);
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
}

.acc-options:has(.roomtype-not-available) hr {
    display: none;
}

.availability-calendar {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

div.acc-modal {
    color: #000;
}

.alert-qty {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    vertical-align: middle;
    color: rgba(193, 28, 28, 1);
    display: flex;
    gap: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    align-content: center;
    display: none !important;
}

@media (max-width: 979px) {
    .acc-modal .services-block-services {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .services-block span.service-info, span.service-info-location, .alert-qty, .meal-info {
        font-size: 13px;
    }

    .prod-page .acc-table .acc-row .service-info, .services-block-services p {
        font-size: 13px;
        white-space: normal;
    }

    .prod-page .area-services p {
        width: 95px;
        white-space: nowrap;
    }

    .prod-page .left-block h1 {
        font-size: 22px;
    }

    .prod-page .left-block h1 span.glamp-title {
        font-size: 18px;
    }

    .availability-calendar {
        align-items: center;
    }

    .acc-options:has(.roomtype-not-available) {
        flex-direction: column;
    }

    .area-services {
        margin-top: 5px;
    }

    .prod-page.bnovo .acc-table .acc-row.with-empty-filters {
        flex-direction: column;
    }

    .prod-page .acc-table .mob-acc-title {
        display: none;
    }

    .acc-item {
        flex-direction: column;
        padding: 0;
        position: relative;
        gap: 0;
    }

    .prod-page.bnovo .acc-table .acc-row .acc-type {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
        flex-direction: column;

    }


    div#conditions.modal-filters.sale {
        top: auto !important;
        bottom: 0 !important;
        border-radius: 0 !important;
    }

    .prod-page .address-block span {
        font-size: 12px;
    }

    .hotel-on-map {
        width: 100%;
    }

    .hotel-on-map button.price-btn {
        margin-right: 0;
    }

    /* Стили для контейнера */
    .search-rooms-container .availability {
        margin-top: 2px;
        font-size: 15px;
        line-height: 20px;
    }

    #home-right {
        width: 100%;
    }

    .prod {
        width: 48%;
    }

    .prod-baner {
        width: 100%;
        margin: 15px auto 5px;
    }

    .prod-baner .content {
        padding: 0 15px;
    }

    .search-rooms-container {
        margin-right: -2%;
        margin-bottom: -1%;
    }

    .place, .search-rooms-forms-datepicker, .search-rooms-forms-guests, .search-rooms-forms-send {
        width: 48%;
        margin-bottom: 1%;
    }

    .grey-line-mob {
        width: 100%;
        height: 1px;
        background: #393939;
        clear: both;
        float: none;
        display: block;
        margin-bottom: 20px;
    }

    .cat-page .seo-content h1 {
        font-size: 23px;
    }


    footer .logo-block .logo {
        margin-bottom: 15px;
    }

    .home-page .filter, .cat-page .filter {
        padding: 10px 0;
    }

    .mob-cats {
        display: block;
    }

    .info-page #content {
        margin-left: 0;
    }

    .mob-hide {
        display: none;
    }

    .inf-bl {
        margin-right: 4%;
        margin-left: 0;
    }

    .faq-bl {
        margin-right: 5%;
    }

    footer .info-block h5 {
        margin: 0px 0 12px 0;
    }

    header, .under-header, .head-triggers {
        display: none;
    }

    aside#column-left {
        display: block;
        width: 100%;
        float: none;
    }

    .content-cat .cat-page #column-left {
        position: absolute;
        width: 100%;
        min-height: 100%;
        left: 0;
        top: -22px;
        border-radius: 0;
        background-color: #FFFFFF;
        z-index: 100;
    }

    #home-right {
        float: none;
        width: 100%;
    }

    .content-cat #home-right #content {
        width: 50%;
    }

    #map {
        width: 50%;
    }

    .content-cat #home-right #content .prod {
        width: 99%;
        margin-right: 0;
        border-radius: 15px;
        padding: 8px;
        background-color: #fff;
    }

    .cat-page .prod-type.bnovo {
        display: none;
    }

    .content-cat .prod-baner {
        padding: 0 3% 0 0;
        margin: 0;
        width: 100%;
    }

    .slideshow-text-main {
        font-size: 25px;
        line-height: 30px;
    }

    .slideshow-text-additional {
        font-size: 18px;
        line-height: 16px;
        margin: 15px 0 20px 0;
    }

    .prod-page table .prices > div {
        margin-right: 0;
        width: initial;
    }

    .prod-page table tr td {
        padding: 7px 5px;
    }

    .prod-page table tr td .acc-photo {
        width: 130px;
    }


    .prod-page table tr th {
        font-size: 12px;
    }

    .prod-page table tr th:nth-child(2) {
        padding: 0;
    }

    .prod-page table tr a.book-button {
        font-size: 12px;
        padding: 3px 14px;
    }

    .banners a {
        width: 50%;
        height: 150px;
    }

    footer .logo-block {
        float: none;
        text-align: center;
        max-width: 100%;
    }

    footer .info-block {
        margin-left: 0;
        margin-bottom: 20px;
        float: none;
        text-align: center;
    }

    #slideshow0 .item img {
        max-height: 300px;
        padding-top: 20px;
        margin-left: 10%;
    }

    #slideshow0 .item .img3 img {
        padding-top: 50px;
    }

    #slideshow0 .item .img4 {
        background-position: 30% 0 !important;
    }

    #slideshow0 .item .img4 img {
        max-height: 290px;
        padding-top: 40px;
    }

    .acc-modal .big-img {
        height: 300px;
        margin-bottom: 10px;
    }

    .acc-modal .acc-photo {
        width: 33%;
        border: 1px solid #fff;
        margin: 0;
    }

    .acc-modal .acc-info {
        padding: 25px 0 0 0;
    }

    .content-home .prod {
        width: 99%;
        margin-right: 0;
        border-radius: 15px;
        padding: 8px;
        background-color: #fff;
        border: 1px solid rgba(231, 231, 231, 1);
        margin-bottom: 10px;
    }

    .content.content-home {
        padding: 0 15px;
    }


    .mob-header {
        display: flex;
        width: 100%;
        height: 60px;
        position: fixed;
        z-index: 100;
        background: #08885e;
    }

    .category .mob-header {
        z-index: 7;
    }

    #filters .filters-column {
        width: 100%;
        flex: none;
        margin: 0 0 20px;
    }

    #filters .filters-content {
        overflow: hidden auto;
        max-height: 80vh;
        margin-bottom: 93px;
    }

    .counter-controls {
        margin-right: 80px;
    }

    .category .map-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0); /* Полностью прозрачный */
        cursor: pointer; /* Показываем, что блок кликабельный */
        z-index: 5; /* Блок должен быть над картой */
    }

    .category .map-overlay.hidden {
        left: -100%;
        pointer-events: none;
    }

    .category .stick-map.active {
        z-index: 1000;
        overflow: auto;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .category .stick-map.active #map {
        height: calc(100% - 45px);
    }

    .seo-content.hidden {
        display: none;
    }

    footer.hidden {
        display: none;
    }

    .filter-button .search_form_results_animal_check {
        margin: 0;
    }

    .services-block {
        white-space: nowrap;
        position: relative;
        display: flex;
        gap: 4px;
        overflow: auto;
        scrollbar-width: none;
        margin-top: 1px;
        margin-bottom: 5px;

    }

    .services-block-services {
        display: flex;
        flex-direction: column; /* Размещаем строки вертикально */
        gap: 8px; /* Отступ между строками */
    }

    .map-content .services-block-services {
        margin-left: 7px;
    }

    .scroll-row {
        display: flex;
        white-space: nowrap;
        overflow-x: auto; /* Включаем горизонтальный скролл */
        scrollbar-width: none; /* Скрываем стандартный скроллбар */
        -ms-overflow-style: none; /* Для IE/Edge */
    }

    span.service-info {
        margin-right: 2px;
    }

    /* Скрываем скроллбар (для всех браузеров) */
    .scroll-row::-webkit-scrollbar {
        display: none;
    }

    .map-content .services-block {
        width: calc(100vw - 190px);
        margin: 5px 0 5px 0px;
    }

    .map-content {
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }

    .map-content a {
        width: 95%;
    }

    .hotel-on-map .swiper-button-next:after, .hotel-on-map .swiper-button-prev:after {
        display: none !important;
    }

    /* Стили для закрепленного prod-baner */
    .prod-baner.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        border-top: 1px solid #ccc;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 9999;
    }

    .category .main-video-banner {
        display: none;
    }

    .category .mobile-fixed-search {
        display: block;
        position: relative;
    }

    .category .search-rooms {
        display: none;
    }


    /* Стили для скрытого prod */
    .content-cat #home-right #content .prod.hidden {
        display: none; /* Скрываем блок */
    }

    .category .mob-filter, .category .filter-button {
        margin-right: 0px;
        padding: 0 8px;
        height: 42px;
        line-height: 42px;
        background: #f1f0ed;
        font-size: 14px;
        font-weight: normal;
        display: flex;
        align-items: center;
        gap: 3px;
    }

    .category .mobile-filters-block {
        white-space: nowrap; /* Размещаем блоки в одну строку */
        position: relative;
        display: flex;
        gap: 4px;
        overflow: auto;
        scrollbar-width: none;
        align-items: flex-start;
    }

    .filter-button input, .filter-button label {
        display: inline-block;
        line-height: 25px;
    }

    .group-serivces-button {
        background: #f1f0ed;
        color: #000000;
        border-radius: 10px;
        font-size: 13px;
        font-weight: normal;
        border: none;
        height: 32px;
        position: absolute;
        z-index: 99999;
        bottom: -29px;
        right: 30px;
    }

    .filter-button input.search_form_results_animal_check {
        border: 1px solid #d4d4d4;
        background: #fff;
        width: 19px;
        height: 19px;
    }

    .category .content-cat {
        margin: 0px auto 0;
    }

    .filter-button label img {
        width: 19px;
        height: 19px;
        margin-right: 3px;
        vertical-align: text-bottom;
    }

    .home .mob-header {
        background: transparent;
    }

    .content-cat #home-right {
        flex-direction: column-reverse;
    }

    .category #filters {
        width: 100%;
        top: 60px;
        left: 0;
        padding: 0 10px 10px 10px;
        display: none;
        position: fixed;
        z-index: 99992;
        background: #fff;
        margin: 0 auto;
    }

    .mob-close-filter {
        background: none;
    }

    .content.content-home, .content.content-cat {
        z-index: 99;
    }

    .modal-filters {
        display: none;
        bottom: 0;
        top: auto;
        width: 100%;
        position: fixed;
        background: #fff;
        padding: 0 20px 20px 20px;
        z-index: 99993;
    }

    .modal-filters-inner {
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
        padding-top: 50px;
        border-bottom: 1px solid #ededed;
    }

    .modal-filters-inner a {
        font-size: 18px;
        padding: 15px;
        display: block;
    }

    .category .mobile-fixed-search {
        display: block;
        margin: 10px;
    }

    .expand-btn {
        border-radius: 20px 20px 0 0;
        display: flex;
        justify-content: center;
        padding: 6px 0 12px;
        position: absolute;
        top: 0;
        transition: transform .5s ease-in;
        width: 100%;
    }

    .expand-btn:after {
        background: #e7e9f3;
        border-radius: 5px;
        content: "";
        display: block;
        height: 4px;
        width: 50px;
    }

    #map > ymaps {
        border-radius: 10px;
    }

    a.filter-button.pricing.active {
        background-color: #FF9800;
        color: #fff;
    }

    .modal-filters-inner a.sorter-link {
        position: relative; /* Для позиционирования кружка */
        padding-left: 30px; /* Отступ для текста справа от кружка */
        text-decoration: none;
        color: #333;
    }

    .category {
        background-color: #F5F5F5;
    }

    /* Кружок перед ссылкой (неактивный) */
    .sorter-link::before {
        content: ''; /* Создаем кружок через ::before */
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        border: 6px solid #ccc; /* Граница серого цвета */
        background-color: #ccc; /* Фон светло-серый */
        border-radius: 50%; /* Делаем круглым */
        display: inline-block;
    }

    /* Кружок при активной сортировке */
    .sorter-link[data-active="true"]::before {
        border: 6px solid rgb(255, 152, 0); /* Черная граница */
        background-color: #ccc; /* Сохраняем фон светло-серым */
    }

    .category .mobile-fixed-search div.human-search {
        display: block;
        color: #000000;
        border-radius: 10px;
        margin-bottom: 10px;
        padding: 5px 20px;
        line-height: 42px;
        background: #f1f0ed;
        font-size: 15px;
        font-weight: 600;
        position: relative;
    }

    .category #home-right.scrolled {
        margin-top: 55px;
    }

    .category .search-rooms {
        position: fixed;
        z-index: 999999;
        width: calc(100% - 30px);
        right: 15px;
        left: 15px;
        top: 175px;
        background-image: linear-gradient(to right, #124a0e, #502545);

    }

    .category .stick-map {
        display: block;
        top: 0;
        position: relative;
        height: 50vh;
        width: 100%;
    }

    .content {
        padding: 0 0;
    }

    .content-cat #home-right #content .prod .prod-details {
        width: 100%;
    }

    .services-block {
        margin-top: 1px;
        margin-bottom: 5px;
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        flex-wrap: nowrap;
    }

    p.rating-estimation {
        display: none;
    }

    .prod-left-block .services-block {
        overflow-x: auto;
        scrollbar-width: none;
        mask-image: linear-gradient(
                to left,
                transparent 0,
                black calc(100% - 200px),
                black 100%
        );
    }

    .hotel-on-map .swiper {
        width: 120px;
        height: 180px;
    }

    .alert-qty {
        justify-content: flex-end;
        margin-bottom: 0px;
    }

    .content-cat #home-right #content .prod .prod-details {
        width: 100%;
        margin-top: 15px;
    }

    #content .prod p.price-general {
        font-family: "Open Sans", sans-serif;
        font-weight: 600;
        font-size: 25px;
        line-height: 100%;
        text-align: right;
        color: #000;
        margin-bottom: 10px;
        margin-top: 11px;
    }

    .show-on-map-link {
        font-weight: 600;
        line-height: 50px;
        font-size: 15px;
        left: calc(50% - 110px);
        padding-left: 0px;
        width: 220px;
        height: 50px;

    }

    button.price-btn {
        width: 110px;
        height: 40px;
        font-size: 14px;
        padding-left: 12px;
    }

    .prod p.price {
        position: absolute;
        bottom: 42px;
        font-size: 12px;
    }

    .prod .rating, .feat .rating {
        height: auto;
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: 3px;
    }

    .prod-bottom-block {
        display: flex;
        width: 100%;
        gap: 5px;
        flex-direction: column;
    }

    .prod .reviews-count, .feat .reviews-count {
        font-size: 10px;
    }

    .prod-right-block {
        display: flex;
        width: 100%;
        align-items: flex-end;
        justify-content: flex-end;
        flex-direction: row;
    }

    .prod-right-block {
        justify-content: space-between;
        align-items: center;
    }

    .services-block.highway span {
        color: rgba(0, 0, 0, 1);
        text-decoration: none;
        font-weight: 400;
    }

    .content-cat #home-right #content .prod .prod-details .title {
        color: rgba(0, 0, 0, 1);
    }

    .mob-close-filter {
        display: block;
    }

    .swiper {
        height: 219px;
        display: inline-flex;
        width: 100%;
        margin: 0;
        border-radius: 8px;
    }

    .category #map {
        display: block;
        width: 100%;
        height: 50vh;
        position: relative;
        border-radius: 10px;
    }

    .category .search-rooms.scrolled {
        position: fixed;
        z-index: 6;
        width: calc(100% - 30px);
        right: 15px;
        left: 15px;
        top: 125px;
    }

    .category .mobile-fixed-search div p {
        margin: 0;
    }

    p.selected_dates {
        font-weight: normal;
        font-size: 13px;
        color: #333333;
    }

    p.selected_place_name {
        margin: 0;
        font-size: 16px;
    }

    .group-serivces {
        display: flex;
        align-content: center;
        align-items: start;
        justify-items: center;
        gap: 4px;
    }

    .group-serivces .filter-button {
        padding: 0 10px;
        margin-bottom: 0px;
    }

    .mobile-fixed-search.scrolled {
        position: fixed;
        z-index: 6;
        top: 0px;
        width: calc(100%);
        right: 0px;
        left: 0px;
        margin: 0;
        background: #FFF;
        padding: 10px 10px 0px;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);

    }

    .mobile-filters-block input[type="checkbox"]:checked::before {
        display: block;
    }

    .mobile-filters-block input[type="checkbox"]::before {
        content: "";
        width: 1.3em;
        height: 1.3em;
        clip-path: polygon(21% 34%, 39% 67%, 81% 15%, 94% 16%, 39% 88%, 10% 39%);
        display: none;
        background-color: white;
    }

    .mobile-filters-block input[type="checkbox"]:checked {
        background-color: #08885E;
    }

    .mob-header.scrolled {
        background-color: #08885e; /* фон при прокрутке */
    }

    .category .mob-header.scrolled {
        display: none;
    }

    .category .prod-baner .mob-filter, .category .prod-baner .right-block {
        display: none;
    }

    .category .prod-baner .results {
        float: none;
        text-align: center;
    }

    .mob-hidden {
        display: block;
        width: 100%;
        height: 60px;
    }

    .mob-header .menu-button {
        float: right;
        height: 100%;
        text-align: center;
        transition: 0.2s ease;
        margin: 0 15px;
    }

    #dates {
        padding: 30px 15px;
    }

    #dates select {
        width: 120px;
        background-position: 95px center;
    }

    #dates .guest-connect {
        width: 100%;
        background-position: 320px center;
    }

    #btn-menu {
        display: none;
    }

    #btn-menu + label {
        display: inline-block;
        position: relative;
        color: #fff;
        width: 100%;
        height: 100%;
        z-index: 1;
        cursor: pointer;
    }

    #btn-menu + label:before {
        content: '\f0c9';
        display: inline-block;
        font-family: 'FontAwesome';
        font-size: 26px;
        font-weight: 300;
        line-height: 60px;
    }

    #btn-menu:checked + label:before {
        content: '\f00d';
        font-size: 25px;
        color: #fff;
    }

    .mob-menu {
        display: none;
        position: fixed;
        width: 80%;
        height: 100%;
        top: 60px;
        background: #08885e;
        text-align: left;
        padding: 20px 20px 20px 0;
        color: #fff;
        overflow: auto;
        left: 0;
        text-transform: uppercase;
        z-index: 999;
    }

    .prod-page h4 {
        font-size: 14px;
    }

    .mob-search {
        display: none;
        position: absolute;
        width: 100%;
    }

    .mob-search img {
        margin-left: 5%;
        width: 50%;
        padding-top: 17px;
    }

    .mob-search input[type="text"] {
        background: #056848;
        border: 1px solid #01432d;
        color: #000;
        text-transform: uppercase;
        height: 38px;
        margin-top: 12px;
        width: 70%;
        margin-left: 5%;
        padding: 0 8px;
        border-radius: 5px;
        font-weight: 700;
        font-size: 13px;
    }

    .mob-search input[type="submit"] {
        position: absolute;
        top: 19px;
        background: url(http://new-casual.ru/catalog/view/theme/default/image/search.png) 0 0 no-repeat;
        border: none;
        width: 22px;
        height: 22px;
        margin-left: -29px;
    }

    .mob-menu li {
        list-style: none;
        white-space: nowrap;
    }

    .mob-menu .home-link {
        font-size: 16px;
        line-height: 32px;
        padding-left: 25px;
    }

    .mob-menu .parent {
        font-size: 19px;
        line-height: 38px;
        font-weight: 600;
        padding-left: 25px;
    }

    .mob-menu .parent.active a {
        color: #ff9800;
    }

    .mob-menu .home-link span {
        font-size: 13px;
        position: absolute;
        margin-left: -15px;
        margin-top: -1px;
    }

    .mob-menu .child {
        font-size: 16px;
        line-height: 38px;
        padding-left: 40px;
        border-bottom: 1px solid #1e1e1e;
    }

    .mob-menu .children-menu .child:last-child {
        border-bottom: none;
    }

    .mob-menu .child.active {
        background: #00d6e5;
    }

    .mob-menu .podchild {
        font-size: 14px;
        line-height: 26px;
        padding-left: 55px;
    }

    .mob-menu .podchild.active a {
        color: #00d6e5;
    }

    .mob-menu a {
        color: #fff;
    }

    .home .mob-menu a[href="/glampings/"] {
        display: none;
    }

    .prod-page .services {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }


    .prod-baner .breadcrumbs {
        margin-bottom: 10px;
    }

    h1 {
        margin: 0 0 15px 0;
    }

    /*
    #btn-menu:checked + label + .mob-menu {
      display: block;
    }
    */
    .mob-logo {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        width: 33px;
        padding-top: 16px;
    }

    .mob-logo img {
        max-height: 25px;
    }

    .content-home {
        margin: 134px auto 0;
    }

    .content-cat {
        margin: 65px auto 0;
    }

    /*.main-video-banner {*/
    /*    top: 60px;*/
    /*}*/
    .main-video-banner {
        height: 521px;
    }

    .category .main-video-banner {
        height: 452px;
    }

    .mob-header .mob-cart {
        position: absolute;
        content: '';
        height: 100%;
        border-left: 1px solid #262626;
        width: 20%;
        right: 0;
        top: 0;
        text-align: center;
        line-height: 60px;
        background: url(/catalog/view/theme/default/image/mob-cart.png) 50% 50% no-repeat;
    }

    .mob-header .mob-cart .cart-total .text {
        display: none;
    }

    .mob-header .mob-cart .cart-total .count {
        color: #e81639;
        font-weight: 600;
        font-size: 14px;
        margin-top: 4px;
        display: inline-block;
    }

    .mob-under-header {
        display: block;
        padding: 75px 0 20px 0;
        width: 100%;
        text-align: center;
        background: #f8f8f8;
    }

    .mob-under-header .icons {
        margin-bottom: 5px;
    }

    .mob-under-header .phone {
        font-size: 26px;
        line-height: 30px;
        color: #000;
        font-weight: 700;
        margin-bottom: 6px;
    }

    .mob-under-header .worktime {
        font-size: 14px;
        text-transform: uppercase;
        color: #e8183a;
        font-weight: 600;
    }

    .mob-under-header .icons span {
        display: inline-block;
        width: 31px;
        height: 31px;
        margin: 0 5px;
    }

    .mob-under-header .icons .wu {
        background: url(../image/wu-mob.png) 0 50% no-repeat;
    }

    .mob-under-header .icons .vib {
        background: url(../image/vib-mob.png) 0 50% no-repeat;
    }

    .mob-under-header .icons .tg {
        background: url(../image/tg-mob.png) 0 50% no-repeat;
    }

    .prod-baner .left-block {
        display: none;
    }

    .show-links {
        float: left;
        margin-right: 0;
    }

    .prod {
        width: 49%;
        height: inherit;
        padding: 0 0 35px 0;
    }

    .prod-baner .title {
        font-size: 18px;
        color: #232323;
        text-transform: uppercase;
        font-weight: 800;
        margin-bottom: 5px;
    }

    .register-page .form-group, .register-page.login-page #home-right > div {
        width: 100%;
    }


    .prod .img-responsive {
        margin: 0 auto 10px auto;
    }

    .prod .price-new, .feat .price-new {
        padding: 0 5px;
        margin-right: 4px;
        font-size: 16px;
    }

    .price-old {
        font-size: 13px;
    }

    .banners a > span {
        padding: 10px 20px;
    }

    .prod-page .content {
        padding: 10px;
    }

    .prod-page .left-block {
        width: 100%;
        padding-right: 0;
    }

    .prod-page .left-block .big-img {
        border: 0;
    }

    .prod-page .right-block {
        width: 100%;
        padding: 20px 0px;
    }

    #review .review {
        width: 100%;
    }

    .home-page .filter .cat-title, .cat-page .filter .cat-title {
        width: 50%;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        padding-left: 5%;
        font-weight: 400;
        text-transform: initial;
    }


    .home-page .filters, .cat-page .filters {
        width: 50%;
        float: left;
        text-align: left;
    }

    .home-page .filter .filters select, .cat-page .filter .filters select {
        width: 90%;
        margin: 3px 0;
        border-radius: 5px;
    }

    .cat-page .filter .filters input[type="text"] {
        width: 90%;
        margin-bottom: 5px;
    }

    #button-search {
        width: 90%;
        margin-left: 7px;
    }

    .home-page .html-block .left-block, .cat-page .html-block .left-block {
        display: block;
        width: 100%;
        padding: 20px;
    }

    .pat {
        margin-top: 0;
        padding: 20px 0;
    }

    .pat .content > div {
        padding: 0 15px;
    }

    .pat h2 {
        font-size: 19px;
        margin: 0 0 10px 0;
    }

    .pat .column {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .pat img {
        margin: 20px auto 0 auto;
        display: block;
    }

    .home-page .filter .cat-title .not-mob, .cat-page .filter .cat-title .not-mob {
        display: none;
    }

    .home-page .filter .cat-title .mob, .cat-page .filter .cat-title .mob {
        display: block;
    }

    .home-page .filter .cat-title .mob div, .cat-page .filter .cat-title .mob div {
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
        margin-top: 8px;
        margin-bottom: 10px;
    }

    .prod-baner .breadcrumbs li {
        margin: 0 1px 5px 1px;
    }

    .prod-page .left-block .big-img {
        padding: 0 25px;
    }

    .prod-page table tr td .acc-name {
        white-space: normal;
    }


    .prod-page .options .radio {
        width: 32%;
    }

    .prod-page .options .radio:nth-child(5n) {
        margin-right: 1.25%;
    }

    .prod-page .add-cart {
        padding: 0 25px;
    }

    .prod-page-sale .add-cart {
        padding: 0 35px;
        font-size: 18px;
    }

    #quick-checkout .right-bl {
        width: 100%;
    }

    footer {
        padding: 30px 0 35px 0;
    }

    footer .logo-block p {
        margin-bottom: 20px;
    }

    footer .social {
        margin-bottom: 10px;
    }

    .prod-page .add-cart {
        position: relative;
        top: 0;
    }

    .animal-container label {
        font-size: 15px;
        line-height: 19px;
        margin-right: 30px;
        flex-basis: calc(50% - 55px);
    }

    .search_form_results.animal-container {
        position: static !important;
        display: flex;
        bottom: -29px;
        color: white;
        flex-direction: row;
        justify-content: start !important;
        align-items: center;
        flex-flow: row wrap;
        width: 100%;
    }

    .search-rooms-forms-send {
        width: 96%;
        margin-bottom: 0;
        margin-top: 1%;
    }

    .show-on-map-link.visible {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        gap: 5px;
    }

    .title-search {
        display: none;
    }

    .prod-page .acc-table .acc-row .prices > div {
        margin-right: auto;
        white-space: nowrap;
    }

    .acc-options .title-conditions.mini-desc.blue-link {
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .mini-desc {
        white-space: normal;
    }

    .prod-page .acc-table .acc-row .prices {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .plan_total {
        order: 2;
    }

    .people {
        order: 1;
    }

    .meal-pets {
        order: 0;
    }

    .meal-conditions.meal-pets {
        position: absolute;
        margin-right: 0;
        top: -32px;
    }

    .right-column {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        text-align: start;
    }

    .acc-item {
        flex-direction: column;
        padding: 0;
        position: relative;
        margin-bottom: 10px;
        margin-top: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr; /* Две колонки по 50% */
        grid-template-rows: auto auto; /* Две строки */
    }

    .prices {
        grid-column: 1 / 2; /* Первая колонка */
        grid-row: 1 / 2; /* Первая строка */
    }

    .right-column {
        grid-column: 2 / 3; /* Вторая колонка */
        grid-row: 1 / 2; /* Первая строка */
    }

    .plan_name {
        grid-column: 1 / 3; /* Занимает обе колонки (100%) */
        grid-row: 2 / 3; /* Вторая строка */
    }

    .prod-page .acc-table .acc-row .prices {
        max-width: 65%;
        min-width: auto;
    }

    .acc-options:has(.roomtype-not-available) .acc-item {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .price_for {
        display: none;
    }

    .plan_total {
        color: rgba(116, 116, 116, 1);
    }

    span.plan_total_cources {
        display: block;
        color: #000;
    }

    .prod-page .acc-table .acc-row .prices > div {
        margin-right: 0;
        width: 100%;
    }
}


@media (max-width: 768px) {

    h2.ui.header.home-header {
        line-height: 1.2;
        width: 100%;
        font-size: calc(10px + 2vw);
    }

    .prod-page .check-availability form > div:not(:last-child) {
        width: 100%;
    }

    .account-page.login-page #home-right h1 {
        font-size: calc(1em + 4vw);
    }

    .register-page, .account-page {
        padding: 30px 15px;
    }

    .account-page .tariff-row {
        flex-wrap: wrap;
    }

    #tab-services .service-price {
        width: 41%;
        margin-left: 41%;
    }

    #tab-services .service-list label {
        width: 41%;
        line-height: 16px;
    }

    #map {
        display: none;
    }

    .content-cat #home-right #content .prod {
        width: 49%;
        margin-bottom: 20px;
        margin-right: 2%;
    }

    .content-cat #home-right #content .prod:nth-child(2n+1) {
        margin-right: 0;
    }

    .content-cat #home-right #content {
        width: 100%;
    }

    .content-cat .prod-baner {
        padding: 0;
        margin: 0;
        width: 100%;
    }


    .slideshow-text-main .map-button {
        padding: 9px 25px;
    }

    .prod-page .acc-table .acc-row .prices {
        width: 55%;
    }
}

@media (max-width: 710px) {
    #quick-checkout .booking-form,
    #quick-checkout .booking-details {
        width: 100%;
        float: unset;
        margin-bottom: 15px;
    }

    #quick-checkout .form-control,
    #quick-checkout .form-control-textarea {
        width: 75%;
    }

    #quick-checkout .booking-details .book-details-accomondation {
        width: 60%;
        margin-left: 15px;
    }

    #quick-checkout .booking-details .plan-details {
        margin: 10px 0 37px;
    }

    .prod-page.bnovo .acc-table .acc-row .tariffs, .plan-details .tariffs {
        margin-top: 5px;
    }

    #quick-checkout .booking-details .booking-details-thumb,
    #quick-checkout .booking-details .booking-details-thumb {
        height: 105px;
        border-radius: 10px;
    }

    .cat-page.info-page.register-page #quick-checkout .booking-form {
        min-height: unset;
    }

    #quick-checkout .booking-form {
        min-height: unset;
    }

    .main-video-banner {
        height: 521px;
    }

    .main-video-banner video {
        width: 230%;
        left: -45%;
        position: absolute;
        top: 0;
    }

    .slideshow-text-main {
        font-size: 24px;
        line-height: 28px;
    }

    .slideshow-text-additional {
        font-size: 18px;
        line-height: 20px;
        margin: 20px 0 25px 0;
    }

    .slideshow-text-main .map-button {
        font-size: 20px;
        padding: 12px 30px;
    }

    /*.content-home {*/
    /*    margin: calc(100vw - 45px) auto 0;*/
    /*}*/
    .category .slideshow-text-main {
        top: 60px;
    }

    .content-cat {
        margin: 67px auto 0;
    }

    .content-home {
        margin: 137px auto 0;
    }

    .animal-container label {
        font-size: 15px;
        line-height: 19px;
        margin-right: 30px;
        flex-basis: calc(50% - 55px);
    }

    .search_form_results.animal-container {
        position: static !important;
        display: flex;
        bottom: -29px;
        color: white;
        flex-direction: row;
        justify-content: start !important;
        align-items: center;
        flex-flow: row wrap;
        width: 100%;
    }
}

@media (max-width: 620px) {
    .prod-page .acc-table .acc-row .prices > div {
        margin-bottom: 4px;
    }

    .prod-baner .back, .navigation-links .blue-link {
        float: none;
        font-size: 12px;
    }

    .home-page .prod .image {
        height: 200px;
    }

    .roomtype-not-available {
        text-align: left;
    }

    .prod-page.bnovo .acc-table .acc-row .acc-type {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
        flex-direction: column;
    }

    .prod-page.bnovo .acc-table .acc-row {
        flex-direction: column;
    }

    .prod-page.bnovo .acc-table .acc-row .acc-photo {
        width: 100%;
    }

    .available-qty {
        max-width: 100%;
    }

    .prod-page.bnovo .acc-table .acc-row .acc-photo {
        width: 100%;
        height: 220px;
    }

    .prod-page .acc-table .acc-row .acc-name {
        max-width: 100%;
    }

    .prod-page.bnovo .acc-table .acc-row .acc-options {
        width: 100%;
    }

    .prod-page.bnovo .acc-table .acc-row .book-button {
        width: 188px;
        text-align: center;
    }


    .slideshow-text-main {
        font-size: 24px;
        line-height: 28px;
    }

    .search-rooms {
        padding-bottom: 25px !important;
    }

    .slideshow-text-additional {
        font-size: 16px;
        line-height: 20px;
    }

    .slideshow-text-main .map-button {
        font-size: 17px;
        padding: 10px 28px;
    }

    .checkout-info-text {
        font-size: 13px;
    }

    .prod-page .acc-table .acc-row .prices {
        width: 100%;
    }


    /*.popular-regions a {*/
    /*    font-size: 16px;*/
    /*    padding: 10px 15px;*/
    /*    margin: 10px 10px 20px 0;*/
    /*}*/
    .giveaway .img-web {
        display: none;
    }

    .giveaway .img-mob {
        display: block;
        max-height: 100%;
    }

    .place, .search-rooms-forms-datepicker, .search-rooms-forms-guests, .search-rooms-forms-send {
        width: 98%;
        margin-bottom: 10px;
    }

    .main-video-banner {
        height: 644px;
    }

    .category .main-video-banner {
        height: 573px;
    }

    .search_form_results.animal-container {
        bottom: -42px;
    }


    .content-home {
        margin: 139px auto 0;
    }

    .content-cat {
        margin: 68px auto 0;
    }

    .category .slideshow-text-main {
        top: 60px;
    }

    .animal-container label {
        font-size: 22px;
        line-height: 24px;
        margin-right: 30px;
        flex-basis: calc(100% - 55px);
    }

    .search_form_results.animal-container {
        position: static !important;
        display: flex;
        bottom: -29px;
        color: white;
        flex-direction: row;
        justify-content: start !important;
        align-items: center;
        flex-flow: row wrap;
        width: 100%;
    }

    .animal-container label {
        font-size: 16px;
    }

    .search_form_results_animal_check {
        margin: 8px 6px 8px 0px;
    }
}

@media (min-width: 490px) {
    .m365-form-groups {
        position: absolute;
        width: 100%;
    }

    .m365-btn-container {
        width: 230px;
        margin-left: calc(100% - 230px);
        position: relative;
    }
}


@media (max-width: 490px) {

    .prod-page .acc-table .acc-row .acc-left {
        width: 100%;
        padding-right: 0;
    }

    .prod-page .acc-table .acc-row .acc-right {
        width: 100%;
    }

    .prod-page .acc-table .acc-row .acc-name {
        margin-bottom: 10px;
        display: block;
    }


    .prod-page .acc-table .acc-title {
        display: none;
    }

    .prod-page .acc-table .acc-row .prices > div {
        margin-right: 0;
    }

    #home-right {
        margin-left: unset;
    }


    .place, .search-rooms-forms-datepicker, .search-rooms-forms-guests, .search-rooms-forms-send {
        width: 98%;
        margin-bottom: 10px;
    }

    .prod, .content-cat .prod, .register-page.login-page .prod {
        width: 100%;
        margin-left: unset;
    }

    .prod-page .check-availability {
        padding: 20px;
    }

    .prod-page .check-availability form > div:not(:last-child) {
        margin-bottom: 3%;
    }

    #quick-checkout .form-control, #quick-checkout .form-control-textarea {
        width: 100%;
    }

    .register-page .btn-primary, .account-page .btn-primary.delete span,
    .register-page .btn-primary, .account-page .btn-primary.save span,
    .register-page .btn-primary, .account-page .btn-primary.preview span {
        display: none;
    }

    .register-page .btn-primary, .account-page .btn-primary.delete,
    .register-page .btn-primary, .account-page .btn-primary.save,
    .register-page .btn-primary, .account-page .btn-primary.preview {
        width: unset;
        display: inline-block;
        padding: 10px 15px;
    }

    .account-page {
        padding: 15px;
    }

    .account-page .form-horizontal .form-group {
        margin-left: unset;
        margin-right: unset;
    }

    .content-cat #home-right #content .prod {
        width: 100%;
        margin-right: 0;
    }

    .content-cat #home-right #content .prod:nth-child(3n+1) {
        margin-right: 0;
    }

    .content-cat #home-right #content .prod:nth-child(2n+1) {
        margin-right: 0;
    }

    .content-home {
        margin: 139px auto 0;
    }

    .content-cat {
        margin: 68px auto 0;
    }

    .slideshow-text-main {
        font-size: 18px;
        line-height: 24px;
        padding: 0 15px;
    }

    .slideshow-text-additional {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20vw;
    }

    .info-page .about-video {
        float: none;
        max-width: 350px;
        margin: 0 auto 20px auto;
        display: block;
    }

    .info-page .about-text {
        width: 100%;
    }

    .info-page .team-member {
        width: 100%;
        display: block;
        margin: 0 auto 15px;
    }

    .info-page .team-member img {
        max-width: 85%;
    }


}

@media (max-width: 386px) {
    .mob-header .header-phone {
        margin-right: 5px;
    }

    .content-home {
        margin: 137px auto 0;
    }

    .content-cat {
        margin: 67px auto 0;
    }

    #dates .guests {
        margin-top: 11px;
        margin-left: 7px;
    }

    #dates input[type="text"] {
        width: 100%;
    }

    .slideshow-text-main {
        font-size: 18px;
    }

    .slideshow-text-additional {
        font-size: 15px;
        line-height: 16px;
        margin-bottom: 16vw;
    }

    .slideshow-text-main .map-button {
        font-size: 15px;
        padding: 9px 28px;
    }

    .animal-container label {
        font-size: 14px;
    }

    .content-home {
        margin: 139px auto 0;
    }
}

@media (max-width: 350px) {
    .prod-page .price-block .price {
        font-size: 26px;
    }

    .slideshow-text-main {
        top: 16vw;
    }

    .slideshow-text-additional {
        margin-bottom: 13vw;
    }

}


/* top */
#top {
    background-color: #EEEEEE;
    border-bottom: 1px solid #e2e2e2;
    padding: 4px 0px 3px 0;
    margin: 0 0 20px 0;
    min-height: 40px;
}

#top .container {
    padding: 0 20px;
}

#top #form-currency .currency-select,
#top #form-language .language-select {
    text-align: left;
}

#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
    text-shadow: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}

#top .btn-link, #top-links li, #top-links a {
    color: #888;
    text-shadow: 0 1px 0 #FFF;
    text-decoration: none;
}

#top .btn-link:hover, #top-links a:hover {
    color: #444;
}

#top-links .dropdown-menu a {
    text-shadow: none;
}

#top-links .dropdown-menu a:hover {
    color: #FFF;
}

#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}

#top-links {
    padding-top: 6px;
}

#top-links a + a {
    margin-left: 15px;
}

/* logo */
#logo {
    margin: 0 0 10px 0;
}

/* search */
#search {
    margin-bottom: 10px;
}

#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
}

#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 35px;
    text-shadow: 0 1px 0 #FFF;
}

/* cart */

.cart-href > .btn {
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
}


/* menu */
#menu {
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    min-height: 40px;
}

#menu .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
}

#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}

#menu .dropdown-menu {
    padding-bottom: 0;
}

#menu .dropdown-inner {
    display: table;
}

#menu .dropdown-inner ul {
    display: table-cell;
}

#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}

#menu .dropdown-inner li a:hover {
    color: #FFFFFF;
}

#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}

#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}

#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #229ac8;
}

@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (max-width: 767px) {
    #menu {
        border-radius: 4px;
    }

    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }

    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    #menu .dropdown-inner {
        display: block;
    }

    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }

    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.1);
    }

    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }
}


/* breadcrumb */
.breadcrumb {
    margin: 0 0 20px 0;
    padding: 8px 0;
    border: 1px solid #ddd;
}

.breadcrumb i {
    font-size: 15px;
}

.breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
}

.breadcrumb > li + li:before {
    content: '';
    padding: 0;
}

.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    right: -5px;
    width: 26px;
    height: 26px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* buttons */
.buttons {
    margin: 1em 0;
    text-align: center;
    width: 100%;
}

.btn {
    padding: 7.5px 12px;
    font-size: 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

.btn-xs {
    font-size: 9px;
}

.btn-sm {
    font-size: 10.2px;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 15px;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px;
}

.btn-group > .btn-xs {
    font-size: 9px;
}

.btn-group > .btn-sm {
    font-size: 10.2px;
}

.btn-group > .btn-lg {
    font-size: 15px;
}

.btn-default {
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #1f90bb;
    background-position: 0 -15px;
}

.account-page .btn-primary[disabled],
.account-page .btn-primary[disabled]:hover {
    background-color: #666;
    border: unset;
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    line-height: 0;
}

/*
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
*/
.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #df5c39;
    background-image: linear-gradient(to bottom, #e06342, #dc512c);
    background-repeat: repeat-x;
    border-color: #dc512c #dc512c #a2371a;
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #23A1D1;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222222;
    background-image: linear-gradient(to bottom, #333333, #111111);
}


.btn-add, .btn-add:focus {
    color: #ffffff;
    text-shadow: none;
    background-color: #08885e;
    border: 2px solid #08885e;
    line-height: 0;
    margin-left: 15px;
    margin-top: 20px;
    outline: 0;
}

.btn-add:hover {
    background: #fd5d00;
    border: 2px solid #e05200;
    color: #fff;
}

.list-group {
    float: right;
    width: 250px;
    max-width: 30%;
}

/* list group */
.list-group a {
    display: block;
    border: 1px solid #DDDDDD;
    color: #888888;
    padding: 8px 12px;
}

.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #444444;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    text-shadow: 0 1px 0 #FFF;
}

/* carousel */
.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}

/* product list */
.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: auto;
}

.product-thumb .image {
    text-align: center;
}

.product-thumb .image a {
    display: block;
}

.product-thumb .image a:hover {
    opacity: 0.8;
}

.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
}

.product-grid .product-thumb .image {
    float: none;
}

@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
    }
}

.product-thumb h4 {
    font-weight: bold;
}

.product-thumb .caption {
    padding: 0 20px;
    min-height: 180px;
}

.product-list .product-thumb .caption {
    margin-left: 230px;
}

@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }

    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}

.product-thumb .rating {
    padding-bottom: 10px;
}

.rating .fa-stack {
    font-size: 8px;
}

.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}

.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}

.rating .fa-star + .fa-star-o {
    color: #E69500;
}

h2.price {
    margin: 0;
}

.product-thumb .price {
    color: #444;
}

.product-thumb .price-new {
    font-weight: 600;
}

.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    margin-left: 10px;
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
}

.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: auto;
}

.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd;
}

@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}

.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #ddd;
}

.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}

.thumbnails > li {
    margin-left: 20px;
}

.thumbnails {
    margin-left: -20px;
}

.thumbnails > img {
    width: 100%;
}

.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd;
}

.image-additional {
    max-width: 78px;
}

.thumbnails .image-additional {
    float: left;
    margin-left: 20px;
}

@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-3:nth-child(4n+1),
    #content .col-lg-4:nth-child(3n+1),
    #content .col-lg-6:nth-child(2n+1) {
        clear: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #content .col-md-2:nth-child(6n+1),
    #content .col-md-2:nth-child(6n+1),
    #content .col-md-3:nth-child(4n+1),
    #content .col-md-4:nth-child(3n+1),
    #content .col-md-6:nth-child(2n+1) {
        clear: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #content .col-sm-2:nth-child(6n+1),
    #content .col-sm-2:nth-child(6n+1),
    #content .col-sm-3:nth-child(4n+1),
    #content .col-sm-4:nth-child(3n+1),
    #content .col-sm-6:nth-child(2n+1) {
        clear: left;
    }
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
    width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
    min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}


.mfp-content {
    height: 95%;
}

#popup_map {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 98%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.cat-page #content {
    position: relative;
}


/*
.content-cat #home-right #content {
    width: 60%;
    float: left;
    padding: 0;
}
*/


.map-out {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    margin: 0;
    padding: 0;
    z-index: 999;
    background: #fff;
    display: none;
}

#map2 {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px;
}

#map3 {
    width: 100%;
    height: 400px;
    margin-bottom: 40px;
}

.map-out .close {
    background: #fff;
    z-index: 9;
    right: 0;
    top: 0;
    font-size: 22px;
    line-height: 22px;
    padding: 10px 15px;
    border-radius: 50%;
    margin: -20px -20px 0 0;
    position: absolute;
    color: #444;
}

.hide {
    display: none !important;
}

#map .name, #map2 .name {
    font-size: 16px;
    color: #232323;
    display: block;
    width: 232px;
    padding: 7px 10px 0 8px;
}

#map .description, #map2 .description {
    font-size: 13px;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    margin-bottom: 10px;
    white-space: nowrap;
}

.map-price {
    color: #232323;
    font-size: 15px;
    line-height: 24px;
    padding: 7px 10px;
}

.map-price .price-general {
    font-weight: 700;
    font-size: 16px;
}

.map-score {
    margin: 7px 10px 0 8px;
    font-size: 14px;
    /* background: #ff9800; */
    background: #4fb72e;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 5px;
    font-weight: bold;
}

.map-reviews-count {
    color: #999;
}


.map-img {
    width: 250px;
    height: 200px;
    display: block;
}

.catalog-empty {
    text-align: center;
    height: calc(100vh - 300px);
    padding: 150px 0;
    width: 100%;
}

.catalog-empty p {
    font-size: 16px;
    line-height: 26px;
}

.ymaps-2-1-79-gototech {
    display: none;
}

.ymaps-2-1-75-balloon-content__header {
    margin: 0 0 3px !important;
}

.ymaps-2-1-75-balloon__close + .ymaps-2-1-75-balloon__content {
    margin-right: 12px !important;
}

.ymaps-2-1-79-map-copyrights-promo {
    display: none;
}

.popover-content {
    display: block;
    position: relative;
    background: #fff;
    padding: 0 0 10px 0;
    border-radius: 10px;
}

.ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content {
    margin: 0 !important;
    padding: 0 !important;
}

#map3 .ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content {
    margin: 3px !important;
    padding: 3px !important;
}

.ymaps-2-1-79-balloon__close {
    position: absolute !important;
    right: 10px;
    top: 10px;
    background: #ffffffd1;
    text-align: center;
    border-radius: 50%;
}

#map3 .ymaps-2-1-79-route-content__button-holder.ymaps-2-1-79-_has-content {
    display: none !important;
}

.ymaps-2-1-79-balloon__layout, .ymaps-2-1-79-balloon {
    border-radius: 6px;
}

.ymaps-2-1-79-balloon__close-button {
    height: 30px !important;
    opacity: 0.7 !important;
}

.popover .close:hover {
    background: #fff;
}

.jcb-hint {
    display: inline-block;
    min-width: 200px;
    padding: 5px 10px;
    position: relative;
    vertical-align: middle;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.jcb-hint .img-icon {
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}

#quick-checkout .back {
    margin-top: 3px;
    padding-bottom: 4px;
    display: inline-block;
    color: #08885e;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 15px;
}


#dates .preloader {
    display: none;
}

.preloader {
    position: relative;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
    text-align: center;
    animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
    position: absolute;
    display: inline-block;
    top: 0;
    background-color: #585757;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
    top: auto;
    bottom: 0;
    animation-delay: -1s;
}

@keyframes preloader-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes preloader-bounce {

    0%,
    100% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }
}

body:has(.loader) {
    opacity: 0.5;
}

body:has(.loader.hide) {
    opacity: 1;
}

.loader {
    position: fixed;
    top: 30%;
    z-index: 999;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.channel-manage-api-key-info.hide {
    display: none;
}

.hotelAddApiKey.hide {
    display: none;
}

.hotelDeleteApiKey.hide {
    display: none;
}

#form-channel-manage button {
    margin-top: 35px;
}

#error_channel_manager {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    display: none;
}

#tab-api-integration > div {
    display: block;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 25px 15px 25px 15px;
    margin-bottom: 15px;
    background: #f5fcfa;
    position: relative;
}

#tab-api-integration > div:after {
    content: "";
    display: table;
    clear: both;
}

.instruction p,
.change_channel_manager p {
    padding-left: 15px;
}

.instruction p,
.change_channel_manager.hide {
    display: none;
}

.instruction .show {
    display: block;
}

.instruction a, .change_channel_manager a {
    color: #08885e;
    text-decoration: underline;
    font-weight: 700;
}


.fa-plus-circle:before {
    content: "\f055";
    padding-right: 10px;
}

.account-page .form-control[disabled] {
    background-color: #eee;
    opacity: 1;
}

#form-channel-manage p {
    margin: 15px 0;
}

#form-channel-manage .control-label {
    margin-bottom: 15px;
}

.channel-manage-api-key-info-wrapper {
    position: relative;
}

#copy-api-key-manager-channel {
    position: absolute;
    top: -33px;
    right: 0;
    border: none;
    background: none;
    outline: unset;
}

.a-link-blue {
    color: blue;
}


.channel-manage-api-key-info.hide {
    display: none;
}

.hotelAddApiKey.hide {
    display: none;
}

.hotelDeleteApiKey.hide {
    display: none;
}

#form-channel-manage button {
    margin-top: 35px;
}

#error_channel_manager {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    display: none;
}

#tab-api-integration > div {
    display: block;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 25px 15px 25px 15px;
    margin-bottom: 15px;
    background: #f5fcfa;
    position: relative;
}

#tab-api-integration > div:after {
    content: "";
    display: table;
    clear: both;
}

.fa-plus-circle:before {
    content: "\f055";
    padding-right: 10px;
}

.account-page .form-control[disabled] {
    background-color: #eee;
    opacity: 1;
}

#form-channel-manage p {
    margin: 15px 0;
    color: #000;
}

#form-channel-manage .control-label {
    margin-bottom: 15px;
}

.channel-manage-api-key-info-wrapper {
    position: relative;
}

#copy-api-key-manager-channel {
    position: absolute;
    top: -33px;
    right: 0;
    border: none;
    background: none;
    outline: unset;
}

#form-channel-manage .api_info_1 {
    display: none;
    color: red;
    margin-bottom: 25px;
    padding-left: 15px;
}

#form-channel-manage .api_info a {
    color: red;
}

.a-link-blue {
    color: blue;
}

.catalog-page .slideshow-text-additional {
    display: none;
}

.cat-page .search_form_results.animal-container {
    color: #fff;
}

.cat-page .search_form_results_animal_check {
    border: 1px solid #fff;
}

.search-rooms-forms-guests-container.show h3 {
    font-family: "Open Sans";
}

.catalog-page .slideshow-text-main {
    top: 60px;
}

.search_form_results label, .search_form_results input {
    cursor: pointer;
}

.fa-5x {
    font-size: 5em;
}

div a.menu-gift-cert.button:nth-child(1) {
    margin-left: 0px;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single, .irs--flat .irs-bar {
    background-color: #08885e !important;
}


#callback {
    display: none;
}

.meal-info {
    margin-top: 5px;
}

.promo {
    background-color: #FF9800;
    color: white;
    position: absolute;
    z-index: 5;
    top: 15px;
    left: 0;
    padding: 6px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    vertical-align: middle;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}


.blink1 {
    -webkit-animation: blink1 3s linear infinite;
    animation: blink1 3s linear infinite;
}

@-webkit-keyframes blink1 {
    0% {
        color: rgba(34, 34, 34, 1);
    }
    50% {
        color: rgba(34, 34, 34, 0);
    }
    100% {
        color: rgba(34, 34, 34, 1);
    }
}

@keyframes blink1 {
    0% {
        color: rgba(34, 34, 34, 1);
    }
    50% {
        color: rgba(34, 34, 34, 0);
    }
    100% {
        color: rgba(34, 34, 34, 1);
    }
}

.html-block.hidden {
    display: none;
}

@media (max-width: 900px) {
    .gift-certificate img.img-web {
        display: none;
    }
}

.irs--round .irs-handle {
    border: 4px solid rgba(0, 187, 143, 1) !important;
}

.irs--round .irs-bar, .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: rgba(0, 187, 143, 1) !important;
    height: 6px !important;
}

.roomtype-meal img {
    width: 14px !important;
}

.acc-row .swiper {
    height: 118px;
}

.acc-row .swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

@media (max-width: 979px) {
    .acc-row .swiper {
        height: 189px;
    }
}

.how-we .item img {
    max-width: 100px;
}

/* ---------------- Новая шапка и мобильное меню ---------------- */
.home header.main-header {
    background: transparent;
    height: 70px;
    box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 120;
}

.header-inner.new-header {
    max-width: 1430px;
    margin: 0px auto 0 auto;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.header-logo img {
    height: 32px;
    width: auto;
    margin: 0;
}

.header-nav {
    display: flex;
    align-items: center;
    gap: 0px;
    margin-left: auto;
    padding: 6px;
}

.header-nav-wrap {
    border-radius: 10px;
    padding: 2px;
    display: flex;
    margin-left: auto;
}

.header-nav__item {
    position: relative;
}

.header-nav__link {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.header-nav__link--text:hover {
    background: rgba(255, 255, 255, 0.25);
}

.header-nav__link--accent {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    border-radius: 8px;
    padding: 10px 8px;
    gap: 10px;

}

.header-nav__link--secondary {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.18);
}

.nav-popover {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 200px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
    padding: 14px 16px;
    z-index: 50;
    text-align: center;
}

.nav-popover p {
    margin: 0 0 10px 0;
    color: #111827;
    font-size: 14px;
    line-height: 1.4;
}

.nav-popover__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #08885e;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}

.nav-popover__btn--accent {
    background: #FF9800;
}

.nav-popover__btn--secondary {
    background: rgba(255, 255, 255, 0.25);
    color: #0f172a;
}

.nav-popover {
    top: 100%;
    margin-top: 3px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s ease;
    left: 0;
    right: auto;
}

.nav-popover::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 12px;
    background: transparent;
}

.header-nav__item:last-child .nav-popover {
    left: auto;
    right: 0;
}

.header-nav__item:nth-last-child(2) .nav-popover {
    left: auto;
    right: 0;
}

.nav-popover-wrapper:hover .nav-popover,
.nav-popover-wrapper:focus-within .nav-popover,
.nav-popover:hover {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

@media (max-width: 979px) {
    header.main-header {
        display: none;
    }
}

@media (min-width: 980px) {
    .mob-header{
        display: none !important;
    }
    .account-buyer_favorites .mob-hidden, .account-buyer_trips .mob-hidden, .account-buyer_profile .mob-hidden
    {
        display: none;
    }
    .mob-hidden {
        display: block;
        width: 100%;
        height: 0px;
    }
}

.mob-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    padding: 0 12px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: none;
    z-index: 110;
    box-shadow: none;
}

.mob-header__logo a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.mob-header__logo img {
    height: 28px;
    width: 140px;
}

.mob-header__logo {
    width: 100%;
}

.mob-header__icon,
.mob-header__login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.15);
    padding: 0 12px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
}

.mob-header__burger {
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    border-radius: 12px;
    padding: 0 12px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
}

.mob-header__icon {
    width: 42px;
    padding: 0;
}

.mob-header__icon img {
    width: 20px;
    height: 20px;
}

.mob-header__login {
    font-size: 13px;
    color: #fff;
    white-space: nowrap;
    gap: 8px;
}

.mob-header__burger {
    width: 42px;
    gap: 3px;
    transform: translateY(5px) rotate(90deg);
    margin-top: -9px;
}

.mob-header__burger span {
    display: block;
    width: 3px;
    height: 18px;
    background: #fff;
    border-radius: 3px;
    transition: transform .2s ease, opacity .2s ease;
}

.mob-header__burger.is-open {
    transform: translateY(5px) rotate(0deg);
}


.mob-header.scrolled {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.mob-hidden {
    display: block;
    width: 100%;
    height: 60px;
}

.mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 109;
    pointer-events: none;
}

.mobile-menu__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity .25s ease;
}

.mobile-menu__panel {
    position: absolute;
    top: 60px;
    right: -95%;
    width: 95%;
    max-width: 420px;
    height: 100%;
    background: #fff;
    padding: 18px 16px 24px;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.14);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    overflow: auto;
    transition: right .3s ease;
}

.mobile-menu.is-open {
    pointer-events: auto;
}

.mobile-menu.is-open .mobile-menu__overlay {
    opacity: 1;
}

.mobile-menu.is-open .mobile-menu__panel {
    right: 0;
}

.mobile-menu__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 14px;
}

.mobile-menu__greeting {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    color: #0f172a;
}

.mobile-menu__close {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background: #fff;
    position: relative;
    cursor: pointer;
}

.mobile-menu__close:before,
.mobile-menu__close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    background: #111827;
    transform-origin: center;
}

.mobile-menu__close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-menu__close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.mobile-menu__list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mobile-menu__link {
    width: 100%;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 14px 12px;
    display: flex;
    align-items: center;
    color: #0f172a;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    gap:10px;
    font-size: 14px;
}

.mobile-menu__link--accordion {
    border: none;
    background: #f9fafb;
}

.mobile-menu__link--support,
.mobile-menu__link--phone {
    background: #fff9f0;
    border-color: #ffe3c2;
}

.mobile-menu__accordion {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    background: #f9fafb;
}

.mobile-menu__accordion-body {
    display: none;
    padding: 0 12px 12px;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.4;
}

.mobile-menu__accordion-body.is-open {
    display: block;
}

.mobile-menu__arrow {
    width: 10px;
    height: 10px;
    border-right: 2px solid #0f172a;
    border-bottom: 2px solid #0f172a;
    transform: rotate(45deg);
    transition: transform .2s ease;
}

.mobile-menu__link[aria-expanded="true"] .mobile-menu__arrow {
    transform: rotate(-135deg);
}

.mobile-menu__cta {
    width: 100%;
    border: none;
    background: #FF9800;
    color: #fff;
    font-weight: 700;
    padding: 12px;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 10px 18px rgba(255, 152, 0, 0.25);
    font-size: 14px;
}

.mobile-menu__cta--full {
    margin-top: 4px;
}

body.mobile-menu-open {
    overflow: hidden;
}
@media (max-width: 979px) {
    .mob-hidden {
        display: block;
        width: 100%;
    }
    .category .mob-hidden {
        display: block;
        width: 100%;
        height: 60px;
    }
}