.city-hotels-block h2, .city-hotels-block h2 a{
    color: #001330;
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    padding: 30px 40px 20px;
}

.city-hotels-block h2 a:hover{
    text-decoration: none;
    color: #0a5aad;
}

.city-hotels-block{
    max-width: 1740px;
    margin: auto
}

.city-slide{
    padding: 0;
    max-width: 258px;
    overflow: hidden;
}

a.city-slide:hover{
    text-decoration: none;
}

.city-slide img{
    height: 161px;
    border-radius: 4px;
    width: -webkit-fill-available;
    width: -moz-available;
}

.city-name{
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    padding: 15px;
    text-align: left;
}

.city-name span{
    text-transform: initial;
    font-size: 14px;
    display: block;
}

.city-name span span{
    font-weight: 800;
    display: inline;
}

.img-slider .owl-prev, .img-slider .owl-next{
    position: absolute;
    top: 57%;
    border: none;
    background: inherit;
}

.img-slider .owl-prev{
    left: 0;
}

.img-slider .owl-next{
    right: 0
}

.img-slider .owl-next:before {
    position: absolute;
    content: url('/redesigned_7/img/arrow-next.svg');
    top: 7px;
    left: 13px;
}

.img-slider .owl-prev:before {
    position: absolute;
    content: url('/redesigned_7/img/arrow-back.svg');
    top: 7px;
    left: 13px;
}

.img-slider .owl-prev span, .img-slider .owl-next span{
    display: none
}

.owl-stage-outer{
    text-align: center;
}

.hotel-company-block{
    display: inline-block;
    text-align: center;
}

.hilton{
    content: url('/redesigned_7/img/hotels/hilton.svg');
}

.marriott{
    content: url('/redesigned_7/img/hotels/marriott.svg');
}

.bestwestern{
    content: url('/redesigned_7/img/hotels/bestwestern.svg');
    vertical-align: top;
}

.fourseasons{
    content: url('/redesigned_7/img/hotels/fourseasons.svg');
}

.holidayinn{
    content: url('/redesigned_7/img/hotels/holidayinn.svg');
}

.mercure{
    content: url('/redesigned_7/img/hotels/mercure.svg');
}

.accor{
    content: url('/redesigned_7/img/hotels/accor.svg');
}

.choice{
    content: url('/redesigned_7/img/hotels/choice.svg');
}

.crowneplaza{
    content: url('/redesigned_7/img/hotels/crowneplaza.svg');
}

.hyatt{
    content: url('/redesigned_7/img/hotels/hyatt.svg');
}

.ibis{
    content: url('/redesigned_7/img/hotels/ibis.svg');
}

.ihg{
    content: url('/redesigned_7/img/hotels/ihg.svg');
}

.kempinski{
    content: url('/redesigned_7/img/hotels/kempinski.svg');
}

.novotel{
    content: url('/redesigned_7/img/hotels/novotel.svg');
}

.sheraton{
    content: url('/redesigned_7/img/hotels/sheraton.svg');
}

.swissotel{
    content: url('/redesigned_7/img/hotels/swissotel.svg');
}

.whotels{
    content: url('/redesigned_7/img/hotels/whotels.svg');
}

.first-company-block{
    display: flex;
    justify-content: space-between;
}

.grey-block{
    background: #F5F5F5;
    margin: 50px 0;
    padding: 40px
}

.h2{
    color: #001330;
    display: block;
    font-size: 28px;
    font-weight: 800
}

.grey-block .container{
    max-width: 1454px;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded{
    position: relative;
    z-index: 0;
}

.three-columns{
    display: grid;
    grid-gap: 60px 150px;
    grid-template-columns: repeat(3, 25%);
    margin: 30px 0;
    color: #505050;
    font-size: 16px;
}

.block-text-title{
    color: #001330;
    font-size: 22px;
    font-weight: 600;
    padding: 0 0 10px;
}

.block-text{
    position: relative;
}

.back-1{
    content: url(/redesigned_7/img/hotels/back-1.svg);
}

.back-2 {
    content: url(/redesigned_7/img/hotels/back-2.svg);
}

.back-3{
    content: url(/redesigned_7/img/hotels/back-3.svg);
}

.back-4{
    content: url(/redesigned_7/img/hotels/back-4.svg);
}

.back-5{
    content: url(/redesigned_7/img/hotels/back-5.svg);
}

.back-6{
    content: url(/redesigned_7/img/hotels/back-6.svg);
}

.back-1, .back-2, .back-3, .back-4, .back-5, .back-6{
    position: absolute;
    left: -70px;
    border: 2px solid #00a6fa;
    padding: 12px;
    border-radius: 50%;
}

.custom-checkbox:before{
    z-index: 1
}

.custom-checkbox{
    z-index: 0
}

body{
    background: white;
}

.container{
    max-width: 1454px;
}

.city-slide picture::before {
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.38);
}


.button--orange{
    background: #FAA030
}

.modal-content .result-list{
    border: none;
    box-shadow: none
}

#wrapForListHotel6{
    height: -webkit-fill-available;
    overflow: auto;
    display: block;
    position: fixed;
    width: calc(100% - 30px);
    margin-bottom: 10px;
}

#wrapForListHotel6 .result-list{
    max-height: 100%;
}

#mobile_search_by_text .new_form_tours{
    margin: 0
}

#mobile_search_by_text, #mobile_search_by_text .modal-dialog{
    margin: 0;
    min-height: 100vh
}

#mobile_search_by_text .modal-content{
    height: 100vh;
    overflow: hidden;
}

.white-star:after{
    content: '';
    background: url(/redesigned_7/img/icons/star-white.svg);
    display: inline-block;
    width: 15px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.rate-text{
    font-weight: 800;
    font-size: 120%
}

.rate-8{
    background: #4AB502;
}

.rate-6{
    background: #83C301;
}

.rate-4{
    background: #E3A900;
}

.rate-0{
    background: #C30A01;
}

.block-quality{
    background: #4AB502;
    padding: 2px 10px;
    color: white;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 32%;
    border-radius: 5px 5px 0 0;
}

.hotel-distance{
    color: black;
    padding: 10px 0
}
.hotel-distance span{
    display: block;
    font-size: 14px;
    font-weight: 600;
}

#have_filter_block{
    margin: 3px 0 10px;
}

.filter-block{
    background: #00A4F9;
    color: white;
    cursor: pointer;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 3px;
    line-height: 2em
}

/**/

table.price-block {
    margin: 10px auto;
    border-radius: 5px;
    border: 1px solid;
    overflow: hidden;
}

table.price-block td, table.price-block th {
    font-size: 18px;
    line-height: 2em;
    border: 1px solid lightblue;
    padding: 10px;
}

.seo-block{
    padding: 20px;
}


.crumbs {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

header .crumbs {
    justify-content: center;
    display: block;
    margin-bottom: 50px
}

.crumbs nav {
    text-align: center;
    font-size: 20px;
    margin: 0;
}

header .crumbs nav{
    font-size: 13px;
}

header .crumbs nav a{
    color: white;
}

.breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
}

header .breadcrumb{
    justify-content: center;
}

header .breadcrumb-item.active {
    color: #d9d9d9;
}

header .breadcrumb-item+.breadcrumb-item::before{
    color: white
}

.aside_mob{
    display:none
}

.warning{
    border: 1px solid red !important;
    color: inherit
}

#main_id_resorts .warning{
    margin-top: -1px
}

.biggest-li{
    font-weight: 800;
    font-size: 16px;
    margin: 30px 0 20px;
    border-bottom: 1px solid #edecec
}

@media(max-width: 1700px){
    .img-slider .owl-prev {
        left: 70px;
    }
    .img-slider .owl-next {
        right: 70px;
    }
}

@media(max-width: 1400px){
    .block-text-title {
        margin-left: 65px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .back-1, .back-2, .back-3, .back-4, .back-5, .back-6 {
        position: absolute;
        left: 0;
        border: 2px solid #00a6fa;
        padding: 12px;
        border-radius: 50%;
        margin-left: 30px;
    }

    .three-columns {
        grid-gap: 0 20px;
        grid-template-columns: repeat(3, 33%);
    }
}

@media(max-width: 991px){
    .first-company-block {
        display: inline-block;
        text-align: center;
        margin: auto;
    }

    header .crumbs {
        margin-bottom: 20px
    }

    .new_form_tours .form-group input{
        font-size: 18px;
        padding: 15px 10px 5px;
    }

    #main_search_form .form-group {
        width: 33%
    }

    #main_search_form .dateFrom {
        max-width: 49%;
    }

    #main_search_form .dateFrom.first-date-from{
        border-radius: 4px 0 0 4px !important
    }

    .form_tours .form-group:first-child {
        width: 100% !important;
        border-radius: 4px !important;
    }

    .form-group .btn {
        padding-top: 23px;
        padding-bottom: 6px;
    }

    .new_form_tours .btn_tours{
        height: 52px
    }
}

@media (max-width: 755px) {
    header h1 {
        font-size: 22px;
    }

    #main_search_form_mobile.full_hotels {
        display: none;
    }

    #main_search_form.full_hotels {
        display: flex;
    }


}

@media(max-width: 660px){
    .three-columns {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: repeat(1, 80%);
        margin: 30px 0;
        color: #505050;
        font-size: 16px;
        margin-left: 80px;
    }

    .img-slider .owl-prev {
        left: 70px;
        top: 39%;
    }

    .img-slider .owl-next{
        top: 39%;
        right: 70px;
    }

    .h2, h2{
        font-size: 24px;
    }

    .grey-block{
        padding: 40px 10px
    }

    #main_search_form .form-group {
        width: 49%;
        margin: 5px 0;
        border-radius: 4px !important;
    }

    #main_search_form .dateFrom.first-date-from{
        border-radius: 4px !important
    }

    #main_search_form.full_hotels {
        display: flex;
        justify-content: space-between;
        margin: 0 10px
    }

    #main_search_form.full_hotels.form_tours .form-group:last-of-type {
        width: 100%
    }

    #main_search_form.full_hotels.form_tours input,  #main_search_form.full_hotels.form_tours input.datepicker-here2, #main_search_form.full_hotels .filter-people{
        font-size: 18px
    }

    #main_search_form.full_hotels .btn_tours{
        font-size: 16px;
        margin-top: 5px;
        height: auto
    }

    header .form_tours .form-group{
        max-height: 52px
    }
}

@media(max-width: 600px){
    .owl-item:not(.active){
        opacity: 1;
    }

    .owl-item{
        border-radius: 5px;
        overflow: hidden
    }

    .city-slide{
        max-width: -webkit-fill-available;
    }

    .city-name{
        padding: 15px 5px;
    }

    header{
        margin-bottom: 0
    }

    .filter-button-new{
        box-shadow: none;
        width: auto;
        font-size: 16px;
        padding: 10px
    }

    .aside_mob{
        margin: 0 0 15px;
        background: white;
        display: flex
    }
}

@media(max-width: 575px){
    .block-quality {
        top: 0;
        bottom: auto;
        text-align: center;
        left: 35%;
        border-radius: 0 0 5px 5px;
    }
}

.img-center{
    text-align: center;
    margin: auto;
    width: fit-content;
}