@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-container {
    overflow: hidden;
    margin: 0 auto;
    max-width: 951px;
}

/*Контейнер содержащий все блоки с результатами поиска*/
.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: 50%;
    padding: 0 10px;
    margin-bottom: 22px;
}

/*Блок результата поиска*/
.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;
}

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

/*Контейнер с названием и описанием тура*/
.exs_r-item-top-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 62px;
    background: rgba(78,145,199,.4);
    padding: 0 23px;
    color: #fff;
}

/*Название тура*/
.exs_r-item-top-name {
    font-size: 18.5px;
    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: 21px;
    background-color: #fff;
    padding: 6px 16px 1px 19px;
    color: #4e91c7;
    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: #4e91c7;
    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: #4E91C7;
    color: #fff;
    text-align: center;
    margin: 22px 0;
    height: 49px;
    line-height: 49px;
    font-size: 20px;
    border-radius: 4px;
}
.exs_r-more-results-btn:hover {
    background: #5DA2DD;
}
.exs_r-wrapper:empty + .exs_r-more-results-btn {
    display: none !important;
}

/*Анимация подгрузки новых туров*/
.exs_r-loading {
    background: url(382.gif)/*tpa=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;
}
.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;
}