﻿.header {
    padding: 0 0 0 0;
}


.navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
}

/*searchbar*/
.select2-container--default .select2-results__group {
    text-transform: uppercase;
    background: #6F4F28;
    font-size: .875em;
    color: #f9f9f7;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #D4AF37;
}
.datepicker table tr td.today {
    color: #fff;
    background-color: #545b94;
    border-color: #d9d9d9;
}
.datepicker table tr td.active.active {
    background: #D4AF37;
    border: none;
}
.datepicker table tr td.today:hover {
    color: #fff;
    background-color: #545b94;
    border-color: #d9d9d9;
}
.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
    color: #fff;
    background-color: #545b94;
    border-color: #122b40;
}

.ots-search-button {
    width: 100%;
    border-radius: 4px;
    font-size: .938em;
    color: #000000;
    background: #F43543;
    border: none;
    cursor: pointer;
    padding: 0.5em 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.button-search-main .ots-search-button:focus, .button-search-main .ots-search-button:hover {
    color: #fff;
    background: #42200f;
}

/*Destination Card*/
[class^='imghvr-'] .top-destination {
    background-color: #F43543;
    color: #000000;
}

.card-header {
    background: #ffb900;
    color: #000 !important;
}
.company-card {
    box-shadow: 0 1px 3px 0 rgba(27,27,27,.1);
}

/*Booking>BreadCrumb*/
.bookstep-search .progress-search .content, .bookstep-trip .progress-search .content, .bookstep-trip .progress-trip .content, .bookstep-payment .progress-search .content, .bookstep-payment .progress-trip .content, .bookstep-payment .progress-payment .content, .bookstep-boarding .progress-search .content, .bookstep-boarding .progress-trip .content, .bookstep-boarding .progress-payment .content, .bookstep-boarding .progress-boarding .content {
    /*background: #a6a9a6;*/
    fill: #f1bf0a;
    color: #fff;
    font-weight: 500;
}
.bookstep-trip .progress-breadcrumb .progress-search:before, .bookstep-payment .progress-breadcrumb .progress-search:before, .bookstep-payment .progress-breadcrumb .progress-trip:before, .bookstep-boarding .progress-breadcrumb .progress-search:before, .bookstep-boarding .progress-breadcrumb .progress-trip:before, .bookstep-boarding .progress-breadcrumb .progress-payment:before {
    /*background: #a6a9a6;*/
}
.progress-breadcrumb li .content {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: relative;
    font-size: 1rem;
    color: #686464;
}

.progress-breadcrumb li .progress-text {
    color: #fff;
}

.breadcrumb-wrapper {
    width: 100% !important;
    padding: 1.5rem !important;
    color: #040404;
    background-color: #de5d66;
}


/*Booking*/
    .btn-link {
    color: #f1c77c;
}
.modify-search-trip-wrapper .btn-primary, .modify-search-trip-wrapper .btn-primary:active {
    background-color: #782044;
    color: #fff;
    border-color: transparent !important;
}
.summary-card .summary-depart .summary-title {
    border-bottom: 2px solid #918d8d;
}

.summary-card .summary-depart .summary-title span {
    background-color: #918d8d;
    color: #fff;
}
.table tbody tr.active:hover td {
    background: #918d8d !important;
}

.table-trip tr.active td, .table-trip tr.active th, .table-trip tr.active td:hover, .table-trip tr.active th:hover {
    background-color: #918d8d !important;
}

.seatlayout-container {
    border: 2px solid #918d8d;
    border-top-width: 0;
    background: #fff;
}
.btn-success:hover {
    color: #295652;
    background-color: #a9870d;
    border-color: #a9870d;
}
.continue-paymentstep, .continue-paynow {
    background-color: #f3cd44;
    border-color: #fdd957;
    color: #686464;
    font-weight: 500;
}

.btn-primary:hover {
    color: #fff;
    background-color: #a9870d;
    border-color: #a9870d;
}



/*Contact*/
.contact-box-item a {
    color: #c53d3d;
}
.counter-phone a {
    color: #c53d3d;
}
/*Gallery*/
.title_gallery, .title_list_image {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
}

.title_gallery_h1, .title_list_image_h1 {
    /*color: #b11e1e;*/
}

.background_gallery {
    padding-bottom: 46px;
    background: rgb(178, 72, 80);
    background: linear-gradient(90deg, rgba(155,106,110,1) 0%, rgba(178, 72, 80,1) 35%, rgba(178, 72, 80,1) 67%, rgba(155,106,110,1) 100%);
}

.carousel_Gallery {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10%;
}

.carousel-inner {
    border-radius: 20px;

    /*setting size*/
    height: 100%;
    width: 70%;
}

.carousel-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.carousel-item.active img {
    opacity: 1;
}

.title_gallery, .title_list_image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

    .title_gallery, .title_list_image h1 {
        text-align: center;
    }

.list_image {
    width: 200px;
    height: max-content;
    background-color: lightgray;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
    position: relative;
    cursor: pointer
}

.list_images {
    height:115px;
    max-width: 100%;
    max-height: 100%;
    border-style: groove;
}

.list_image_row {
    padding-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_list_image_row {
    margin: 10px;
}