@charset "windows-1251";

/*Алгоритм расчета ширины и высоты элемента, семейство шрифта для всех элементов результатов поиска*/
.exs_r-container,
.exs_r-container *,
.exs_r-container *:before,
.exs_r-container *:after {
    box-sizing: border-box;
    font-family: 'Roboto', arial;
    line-height: normal;
}



/*Контейнер содержащий все блоки с результатами поиска*/
.exs_r-wrapper {
    /*margin: 0 -10px -22px;*/
}

.exs_r-message .exs_r-heading {
    width: 100%;
    float: left;
}

.exs_r-message:after {
    content: '';
    display: block;
    clear: both;
}

/*Контейнер для каждого блока результата поиска*/
.exs_r-item-wrap {
    float: left;
    width: 48%;
    /* padding: 0 10px; */
    margin: 0 10px 22px 10px;
}

/*Блок результата поиска*/
.exs_r-item {
    background-color: #fff;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    position: relative;
    outline: 0 none;
}

/*Стили отменяющие подчеркивание у элементов блока результата поиска*/
.exs_r-item,
.exs_r-item * {
    text-decoration: none !important;
}

/*Верхняя часть с изображением тура*/
.exs_r-item-top {
    background-color: #fff;
    height: 190px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    width: 40%;
}

/*Осветление изображения при наведении на блок результата поиска*/
.exs_r-item:hover .exs_r-item-top {
    opacity: .85;
}

/*Контейнер с названием и описанием тура*/
.exs_r-item-top-info {
    position: absolute;
    /* left: 0; */
    right: 0;
    /* bottom: 62px; */
    /* background: rgb(18, 70, 144); */
    padding: 0 23px;
    color: #0f0e0e;
    width: 60%;
    top: 15px;
}

/*Название тура*/
.exs_r-item-top-name {
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 0 5px;
}

/*Описание тура*/
.exs_r-item-top-brcr {
    font-size: 12px;
    padding: 0 0 12px;
}

/*Контейнер с информацией о цене тура*/
.exs_r-item-price {
    position: absolute;
    right: 0;
    top: 131px;
    background-color: #ef5118cc;
    padding: 6px 16px 1px 19px;
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    border-radius: 10px 0 0 10px;
}

/*Цена тура*/
.exs_r-item-price strong {
    font-size: 19px;
    font-weight: 900;
}

/*Текст курсивом под ценой (за одного)*/
.exs_r-item-price i {
    font-size: 12px;
    position: relative;
    top: -5px;
}

/*Контейнер содержащий элемент с описанием маршрута тура*/
.exs_r-item-table {
    display: table;
    width: 100.5%;
}

/*Элемент с описанием маршрута тура*/
.exs_r-item-geo {
    background-color: #003580;
    height: 62px;
    color: #fff;
    vertical-align: middle;
    display: table-cell;
    font-size: 12px;
    padding: 0 23px;
}
.exs_r-item:hover .exs_r-item-geo {
    background-color: #569CD4;
}

/*Стилизация элемента с описанием маршрута тура*/
.exs_r-item-geo-text {
    padding: 2px 0 2px 18px;
    max-height: 56px;
    overflow: hidden;
    position: relative;
}
.exs_r-item-geo-text svg {
    fill: #fff;
    height: 18px;
    width: 14px;
    position: absolute;
    top: -1px;
    left: 0;
}
.exs_r-item-geo-text span {
    font-style: italic;
    color: #CEDFF6;
}

/*Кнопка "Показать больше результатов"*/
.exs_r-more-results-btn {
    cursor: pointer;
    background: #003580;
    color: #fff;
    text-align: center;
    margin: 22px 0;
    height: 49px;
    line-height: 49px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 15px;
    font-weight: 700;
}
.exs_r-more-results-btn:hover {
    color: #0896ff;
}
.exs_r-wrapper:empty + .exs_r-more-results-btn {
    display: none !important;
}

/*Анимация подгрузки новых туров*/
.exs_r-loading {
    background: url(https://export.otpusk.com/images/onsite/382.gif) no-repeat center;
    height: 70px;
    margin: 22px 0;
}

/*
При ширине главного контейнера меньше 620рх результаты выдаются в одну колонку
Добавляется класс exs_res-one-col
*/
.exs_res-one-col .exs_r-item-wrap {
    width: auto;
}
.exs_res-one-col .exs_r-item {
    max-width: 480px;
}

.exs_r-item-wrap {
    position: relative;
    border: 1px solid #4e91c76b;
    border-radius: 7px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.4);
}
.exs_r-item-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    background-color: #fff;
    z-index: -1;
    border-radius: 4px;
}
.exs_res-one-col .exs_r-item-wrap {
    float: none;
}

@media (max-width: 992px) {
    .exs_r-container {margin: 0}
    .exs_r-container {
        font-size: 14px;
    }

    .exs_r-item-top-name {
        font-size: 14px;

    }
}

@media screen and (min-width: 992px){
    /*Основной контейнер результатов ограничивающий максимальную ширину*/
    .exs_r-container {
        overflow: hidden;
        margin: 25px 70px 0;
        /*max-width: 951px;*/
    }

    .exs_r-item-top-name {
        font-size: 18.5px;

    }

}

@media screen and (max-width: 1140px) {
    .exs_r-item-wrap {
        width: 98%;
    }
}