#sinatra-header-inner .sinatra-nav > ul > li > span {
    font-size: inherit;
    font-weight: 500
    }
#sinatra-header-inner .sinatra-nav > ul > li > span:hover, .content-area span:not(.si-btn):not(.wp-block-button__link) {
    color: #3857f1
    }
.content-area span:not(.si-btn):not(.wp-block-button__link):hover {
    color: #23282d
    }
.single.si-single-title-in-page-header .page-header .entry-meta span:hover {
    color: #fff
    }
.sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li > span > span {
    padding: 2px 0;
    position: relative
    }
#sinatra-copyright .si-copyright-widget__text span:before, #sinatra-topbar .si-topbar-widget__text span:before, .si-breadcrumbs span:before, .sinatra-menu-animation-underline #sinatra-copyright .sinatra-nav > ul > li > span > span:before, .sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li > span > span:before, .widget.widget_icon_list ul li span:before, .widget.widget_meta ul li span:before {
    -webkit-backface-visibility: hidden;
    background: currentColor;
    border-radius: 2px;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transform: scalex(0) translatez(1px);
    transform-origin: right center;
    -webkit-transform-style: preserve-3d;
    transition: transform 0.26s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 100%;
    will-change: scale
    }
.sinatra-menu-animation-underline #sinatra-header-inner .sinatra-nav > ul > li > span:hover > span:before {
    transform: scale(1);
    transform-origin: left center
    }
.sinatra-header-layout-3 #sinatra-header-inner .sinatra-nav > ul > li > span {
    padding-bottom: 14px;
    padding-top: 14px
    }
h1 {
    margin-top: 0
    }
[data-lk] {
    cursor: pointer
    }
.entry-media > span {
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative
    }
.hotel-features {
    padding-bottom: 10px;
    padding-left: 20px
    }
.footer-text {
    padding-bottom: 10px;
    padding-top: 10px
    }
.footer-text ul {
    padding-left: 20px
    }
body:not(.sinatra-no-sidebar) #primary {
    max-width: 70%
    }
#secondary {
    width: 30%
    }
.sub-title {
    color: #fff
    }
.fa-check-circle {
    color: #56a531
    }
.rooms-blocks {
    display: flex;
    flex-wrap: wrap
    }
.rooms-blocks .room-wrapper {
    margin-bottom: 10px;
    padding: 0 5px;
    width: 50%
    }
@media only screen and (max-width: 767px) {
    .rooms-blocks .room-wrapper {
        width: 100%
        }
    }
.rooms-blocks .room-wrapper .room-item {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding: 10px;
    transition: 0.3s ease-out
    }
.rooms-blocks .room-wrapper .room-item:hover {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    transform: scalez(0.5)
    }
.rooms-blocks .room-wrapper .room-item .room-size {
    text-align: right;
    text-decoration: underline
    }
.rooms-blocks .room-wrapper .room-item__head {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    justify-content: space-between;
    text-decoration: underline
    }
.rooms-blocks .room-wrapper .room-item__head .fa-caret-right {
    margin-right: 5px
    }
.rooms-blocks .room-wrapper .room-item__content {
    display: flex;
    flex: auto;
    font-size: 14px;
    margin: 15px 0
    }
.rooms-blocks .room-wrapper .room-item__content .guests {
    text-align: center;
    width: 20%
    }
.rooms-blocks .room-wrapper .room-item__content .guests .info {
    color: #ef9a00
    }
.rooms-blocks .room-wrapper .room-item__content .description {
    border-left: 1px solid;
    border-color: rgba(0, 0, 0, 0.085);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 10px;
    width: 80%
    }
.rooms-blocks .room-wrapper .room-item__footer .btn-price {
    background-color: #febb02;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 100%;
    padding: 15px;
    width: 100%
    }
.simple-lightbox {
    background: #fff;
    display: block;
    margin-bottom: 1.5em;
    overflow: hidden;
    position: relative;
    width: 100%
    }
.image-number-first {
    cursor: pointer;
    float: left;
    width: 66.6%
    }
.image-number-other {
    display: none
    }
.image-number-second {
    cursor: pointer;
    float: left;
    width: 33%
    }
.logged-in.admin-bar .sidebar-menu {
    top: 0 !important
    }
.count-wrapper {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    cursor: pointer;
    height: 50%;
    position: absolute;
    right: 3px;
    width: 33%
    }
@media only screen and (max-width: 767px) {
    #av-form-cl-mob {
        margin-bottom: 15px
        }
    }
.count-text {
    color: #fff !important;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 40px;
    font-weight: 700;
    left: 50%;
    line-height: 18px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 45px #000;
    top: 50%;
    transform: translate(-50%, -50%)
    }
@media only screen and (max-width: 767px) {
    .count-text {
        font-size: 35px
        }
    }
.count-text span {
    color: #eee !important;
    font-size: 20px
    }
@media only screen and (max-width: 767px) {
    .count-text span {
        font-size: 15px
        }
    }
.show-all-photos-text {
    font-size: 20px;
    line-height: 25px;
    padding: 5%
    }
.amenities .amenity-wrapper .amenity__title {
    color: #242c4a;
    font: 400 32px/1.4 Roboto, sans-serif;
    margin-bottom: 30px
    }
.amenities .amenity-wrapper .amenity__wrapper-columns {
    -moz-column-count: 4;
    column-count: 4
    }
@media only screen and (max-width: 767px) {
    .amenities .amenity-wrapper .amenity__wrapper-columns {
        -moz-column-count: 1;
        column-count: 1
        }
    }
.amenities .amenity-wrapper .amenity__wrapper-columns .item {
    display: inline-block;
    margin-bottom: 40px;
    width: 100%
    }
.amenities .amenity-wrapper .amenity__wrapper-columns .item__list {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.amenities .amenity-wrapper .amenity__wrapper-columns .item__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-left: 5px;
    position: relative
    }
.amenities .amenity-wrapper .amenity__wrapper-columns .item__list-item {
    -moz-column-break-inside: avoid;
    box-sizing: border-box;
    break-inside: avoid;
    font: normal 16px/24px Roboto, sans-serif;
    margin-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    page-break-inside: avoid;
    position: relative;
    width: 100%
    }
.amenities .amenity-wrapper .amenity__wrapper-columns .item__list-item:before {
    background-color: #7c8092;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 4px
    }
.pros-cons {
    display: flex
    }
@media only screen and (max-width: 767px) {
    .pros-cons {
        flex-direction: column
        }
    }
.pros-cons .list {
    list-style: none
    }
.pros-cons .list .fa-check {
    color: #56a531
    }
.pros-cons .list .fa-minus {
    color: #fc6823
    }
.pros-cons__item {
    width: 50%
    }
@media only screen and (max-width: 767px) {
    .pros-cons__item {
        width: 100%
        }
    }
.section-blog-info {
    padding-bottom: 15px;
    padding-top: 15px
    }
.post-category {
    display: flex
    }
.post-category .category {
    margin-right: 10px
    }
.landmarks .description-info, .restaurants .description-info {
    margin-bottom: 15px !important
    }
.landmarks .list, .restaurants .list {
    -moz-column-count: 2;
    column-count: 2;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
    }
@media only screen and (max-width: 767px) {
    .landmarks .list, .restaurants .list {
        -moz-column-count: 1;
        column-count: 1
        }
    }
.landmarks .list__item, .restaurants .list__item {
    display: flex;
    font: normal 16px/24px Roboto, sans-serif;
    justify-content: space-between;
    margin-bottom: 10px
    }
.landmarks .list__item .dots, .restaurants .list__item .dots {
    border-bottom: 1px dotted #3c4858;
    flex: 1
    }
.reviews__inner {
    margin-top: 10px
    }
.reviews .review {
    border-bottom: 1px solid #d1dde9;
    padding-bottom: 15px;
    padding-top: 15px
    }
.reviews .review:last-child {
    border: none
    }
.reviews .review:first-child {
    padding-top: 0
    }
.reviews .review__title {
    padding-left: 20px
    }
.reviews .review__pos {
    padding-left: 20px;
    position: relative
    }
.reviews .review__pos:after, .reviews .review__pos:before {
    background-color: #28b040;
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 10px
    }
.reviews .review__pos:after {
    transform: rotate(90deg)
    }
.reviews .review__neg {
    padding-left: 20px;
    position: relative
    }
.reviews .review__neg:before {
    background: #fc5203;
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 10px
    }
@media only screen and (max-width: 767px) {
    .reviews .review__neg:before {
        top: 9px
        }
    }
.linka {
    cursor: pointer;
    transition: 0.3s ease
    }
.linka:hover {
    opacity: 0.75
    }
.card-image .linka {
    display: block;
    transition: 0.3s ease
    }
.card-image .linka:hover {
    opacity: 0.75
    }
.card-image .linka:hover img {
    transform: scale3d(1.1, 1.1, 1)
    }
.js-btn-show-prices {
    cursor: pointer
    }
.rooms table {
    width: 100%
    }
.rooms table thead {
    background-color: #4c76b2;
    color: #fff;
    font-weight: 600
    }
.rooms table .td-sleep {
    width: 200px
    }
@media only screen and (max-width: 767px) {
    .rooms table .td-sleep {
        width: auto
        }
    }
.rooms table .td-price {
    width: 200px
    }
@media only screen and (max-width: 767px) {
    .rooms table .td-price {
        width: auto
        }
    }
.rooms i.info {
    color: #ef9a00;
    font-size: 15px
    }
.rooms .room {
    font-size: 14px
    }
.rooms .room .fa-caret-right {
    color: #ff8000;
    padding-right: 5px
    }
.rooms .room__name {
    display: flex;
    flex-direction: row;
    font-weight: 600;
    justify-content: space-between;
    text-decoration: underline
    }
.rooms .room__description, .rooms .room__size {
    margin-top: 5px
    }
.rooms .room__facilities {
    margin-top: 10px
    }
.rooms .room__facilities .list {
    -moz-column-count: 4;
    column-count: 4;
    padding-left: 15px
    }
@media only screen and (max-width: 767px) {
    .rooms .room__facilities .list {
        -moz-column-count: 1;
        column-count: 1
        }
    }
.rooms .room__facilities .list__item {
    font-size: 14px
    }
.rooms .sleeps {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-width: 150px
    }
.rooms .sleeps .adult i, .rooms .sleeps .children i {
    margin-left: 2px;
    margin-right: 2px
    }
.rooms .sleeps .info {
    cursor: pointer
    }
@media only screen and (max-width: 767px) {
    .rooms .sleeps {
        min-width: 60px
        }
    }
.contact {
    padding: 5px
    }
.contact__head {
    margin: 0;
    padding: 0
    }
.contact__item {
    margin: 0 !important
    }
.contact__item--blue {
    color: #466cf7;
    font-weight: 500
    }
.contact__item--blue:hover {
    text-decoration: underline
    }
.contact i {
    margin-right: 5px
    }
#mapbox {
    height: 300px;
    margin-bottom: 20px;
    width: 100%
    }
#mapbox .mapboxgl-ctrl-group button {
    box-shadow: none;
    margin: 0
    }
.hotel-amenities, .hotel-key-facilities {
    -moz-column-count: 4;
    column-count: 4;
    list-style: none;
    margin-bottom: 15px
    }
@media only screen and (max-width: 767px) {
    .hotel-amenities, .hotel-key-facilities {
        -moz-column-count: 1;
        column-count: 1
        }
    }
.sub-h4 {
    font-size: 22px !important;
    margin-bottom: 10px;
    margin-top: 0 !important
    }
.womb-h3 {
    margin-bottom: 5px !important
    }
.block-links {
    margin-bottom: 15px !important
    }
@media (min-width: 1260px) {
    .trawell-sidebar {
        margin-left: 10px !important;
        padding-left: 10px !important
        }
    }
.landmarks-slider, .restaurants-slider {
    margin-bottom: 10px
    }
.landmarks-slider .landmark__name, .landmarks-slider .restaurant__name, .restaurants-slider .landmark__name, .restaurants-slider .restaurant__name {
    bottom: 5px;
    font-weight: 600;
    position: absolute;
    text-align: center;
    width: 100%
    }
.landmarks-slider .landmark__slide, .landmarks-slider .restaurant__slide, .restaurants-slider .landmark__slide, .restaurants-slider .restaurant__slide {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 5px;
    position: relative;
    width: 390px
    }
.landmarks-slider .landmark__slide img, .landmarks-slider .restaurant__slide img, .restaurants-slider .landmark__slide img, .restaurants-slider .restaurant__slide img {
    border-radius: 2px;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 400px
    }
.landmarks-slider .splide__pagination, .restaurants-slider .splide__pagination {
    margin-top: 35px
    }
.hotel-ratings__list {
    -moz-column-count: 4;
    column-count: 4;
    list-style: none;
    margin-bottom: 5px
    }
.hotel-ratings__list .fa-user-check {
    color: #56a531
    }
@media only screen and (max-width: 767px) {
    .hotel-ratings__list {
        -moz-column-count: 1;
        column-count: 1
        }
    }
.rankings .list {
    list-style: none;
    padding-left: 0
    }
li a {
    color: #3857f1
    }